Home » Ask (Forum) » Cara menambahkan tulisan kualitas di thumbnail posting

Question

gan ane mau nanya nih kira2 cara menambahkan tulisan kecil quality film di thumbnail itu gimana di theme bikin film

terima kasih

saya kasih contoh gambaranya nih gan
kira2 seperti ini gan

Mar 13, 2017 (2 weeks ago) - Posted by 7 Comments

7 Answers

  1. Mr. Shine says:

    Malam gan, gambarnya tidak kelihatan. Silahakan gan upload gambarnya ke postimage.io atau imgur.com saja. Terima kasih

    Administrator
  2. cyber88 says:

    Register Member
  3. cyber88 says:

    kira2 seperti itu gan

    Register Member
  4. Mr. Shine says:

    Jadi agan ingin menambahkan info/text kecil pada thumbnail film, okay saya paham gan. Agan menguasai HTML + CSS and PHP ??
    Yang ingin agan tambahkan apa ya? Apakah rating film, kualitas film, durasi film atau genre film?

    Agan tau cara menambahkan form baru di halaman “New Post” ?? Nantinya form itu yang digunakan untuk menginput text dan di load pada thumnbnail poster.

    Administrator
    • cyber88 says:

      saya cuma kuasai html dan css saja kalo php masih rada bisa. yg ingin saya tambahkan cuma kualitas film gan

      Register Member
  5. Mr. Shine says:

    Cara termudah adalah mengunakan fitur “Custom Fields” pada wordpress.
    Buka “new post” atau “edit” salah satu post yang sudah agan publikasikan, kemudian scroll ke bawah, dan pada kolom Custom Fields “Name” tambahkan “bw_kualitas_film“. Dan pada kolom Custom Fields “Value” tambahkan “HD“. Setelah itu clik tombol “Add Custom Field“.

    Custom field WordPress

    ***

    Sekarang agan buka file index.php yang berada di dalam folder theme agan, setelah itu temukan baris berikut ini:

    <!--<thumbnail>-->
    <div class="bw_thumb">
    	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    		<?php if (has_post_thumbnail()) { ?>
    			<img class="tm_hide" alt="<?php the_title_attribute(); ?>" src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'img200300', true); echo $image_url[0]; ?>">
    		<?php } else { ?>
    			<img alt="<?php the_title_attribute(); ?>" src="<?php echo get_template_directory_uri(); ?>/images/nophoto.png" />
    		<?php } ?>
    	</a>
    </div>
    <!--</thumbnail>-->

    Sebelum “< /a >” (tanpa spasi) tambahkan line berikut ini:

    <span class="bw_kualitas"><?php echo get_post_meta($post->ID, 'bw_kualitas_film', true); ?></span>

    Hasilnya seperti ini:

    <!--<thumbnail>-->
    <div class="bw_thumb">
    	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    		<?php if (has_post_thumbnail()) { ?>
    			<img class="tm_hide" alt="<?php the_title_attribute(); ?>" src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id,'img200300', true); echo $image_url[0]; ?>">
    		<?php } else { ?>
    			<img alt="<?php the_title_attribute(); ?>" src="<?php echo get_template_directory_uri(); ?>/images/nophoto.png" />
    		<?php } ?>
    		<span class="bw_kualitas"><?php echo get_post_meta($post->ID, 'bw_kualitas_film', true); ?></span>
    	</a>
    </div>
    <!--</thumbnail>-->

    Untuk tampilan CSS agan bisa sesuaikan dengan keinginan agan sendiri.

    Selamat mencoba!

    Administrator

Your Answer

Your email address will not be published. Required fields are marked *