MobilePress adalah salah satu plugin WordPress untuk menampilkan versi mobile ketika blog diakses menggunakan perangkat handphone. Sebenarnya tampilan default MobilePress sudah cukup bagus dan simpel karena didesain untuk
browser ponsel, tapi rasanya akan terlihat lebih bagus kalau ditambah thumbnail/featured image di samping judul artikel. Contohnya bisa Anda lihat pada versi mobile blog ini. Tapi itu juga tergantung selera Anda, jika suka yang simpel, mungkin tidak perlu melakukan hal ini.

Untuk menambahkan thumbnail atau featured image pada MobilePress, langkah2nya adalah sebagai berikut:

1. Pastikan Anda sudah menginstall plugin MobilePress.

2. Login Ke FTP Manager, WAP FTP atau File Manager di cPanel Hosting Anda. Buka folder wp-content/plugins/mobilepress/system/themes/default.

3. Edit file functions.php, tambahkan kode berikut sebelum tag ?> kemudian simpan.

add_theme_support( 'post-thumbnails' );
 set_post_thumbnail_size( 44, 44, true );

Info: Angka 44, 44 adalah ukuran gambar yang akan ditampilkan, disini saya menggunakan ukuran 44×44 pixel. Anda dapat mengubah sesuai selera Anda.

3. Edit file index.php, cari kode berikut:

<div class="post">
<h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" accesskey="<?php echo $access_key; $access_key++; ?>"><?php the_title(); ?></a></h2>
<p class="subtitle"><?php the_time('jS M y') ?>. <?php comments_popup_link('0 Comments', '1 Comment', '% Comments'); ?></p>
</div>

Ganti kode diatas dengan kode berikut:

<div class="post"><table><tr><td width="44" valign="top" align="left">
<?php if (has_post_thumbnail ()) { the_post_thumbnail (); } else { echo '<img src="http://mobitricks.info/images/featured.png" alt=" '.get_the_title.' "  width="44" height="44" class="wp-post-image" />'; } ?>
</td><td><h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" accesskey="<?php echo $access_key; $access_key++; ?>"><?php the_title(); ?></a></h2>
<p class="subtitle"><?php the_time('jS M y') ?>. <a href="<?php the_permalink(); ?><?php mopr_check_permalink(); ?>comments=true"><?php comments_number('0 Comments', '1 Comments', '% Comments' ); ?></a></p></td></tr></table></div>

Info: URL Gambar (http://mobitricks.info/images/featured.png) dapat Anda ganti dengan URL Gambar lain sesuai selera Anda, gambar tersebut akan ditampilkan sebagai pengganti jika artikel tidak memiliki featured image.

5. Lakukan hal yang sama (langkah 4) pada file archive.php dan search.php.

6. Untuk mempercantik tampilan featured image, tambahkan kode css berikut pada file header.php sebelum tag </style> .

img.wp-post-image {
float:left;
margin-right:2px;
width:44px;
height:44px;
padding:1px;
border:solid 1px #ddd; }

Silahkan edit css diatas sesuai selera Anda.

Info: Untuk menambahkan featured image pada artikel, klik ‘set featured image’ yang ada di halaman untuk menulis artikel.