Cara Membuat First Post Image Pada WordPress

Pada wordpress yang kita install sendiri di hosting, biasanya kita selalu mencari theme gratis yang bisa kita pakai. Theme ini biasanya sudah memiliki fungsi thumb, atau gambar thumbnail yang ada pada halaman depan web wordpress (Index / home). Namun beberapa theme standar ada yang tidak punya fungsi tersebut. Untuk itu anda bisa membuat fungsi tersebut di theme wordpress. Cara membuatnya:

• Anda bisa buka menu editor template pada wordpress anda, Appearance >> Editor. Klik pada file function.php.


• Kemudian masukkan kode PHP di bawah ini. Letakkan paling bawah kode.

<?php function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
} ?>

• Kalau sudah simpan file tersebut.


• Kemudian untuk memunculkan gambarnya gunakan kode ini:

<img src=”<?php echo catch_that_image() ?>”>

Kode di atas anda masukkan di tempat mana yang ingin anda buat thumb. Biasanya di bagian index atau home. Jadi yang anda edit adalah bagian index.php atau home.php. Anda bisa sesuaikan tampilannya berupa ukuran lebar dan tinggi gambar, posisi, dan lain sebagainya dengan CSS.

PS: Tutoril ini buat yang sudah mengerti seluk beluk template wordpress, dan sedikit PHP. Bagi anda yang belum paham silahkan googling untuk informasi tambahan

Artikel ini di cari dengan kata kunci:

• cara buat first
• membuat posted by di php
• membuat function pada wordpress
• indeks photo pada wordpress
• fungsi editor pada appearance di wordpress
• cara menaruh photo pada web wordpress
• cara membuat slider pada wordpress premium
• cara membuat postimage
• cara membuat fist
• membuat posted by di wordpress

The post Cara Membuat First Post Image Pada WordPress appeared first on PesutWeb.

Source: http://pesutweb.com/tutorial-wordpress/cara-membuat-first-post-image-pada-wordpress/