WP Trik: Membuat Kotak Infobook dengan ACF

Kode memunculkan ACF termudah/simple:
<?php the_field('googlebooks'); ?>

Cara Membuat Infobook WP - Data tidak muncul jika tidak ada:
Instal plugin AFC

Kode di single.php atau post-single.php:
<h4 style="margin:0 8px 6px 0px; padding-left:20px;">Data Buku</h4>
<table>
<?php
	$my_judul = get_the_title();
	$my_subjudul = get_post_meta( get_the_ID(), 'subjudul', true);
      	$my_penulis = get_post_meta( get_the_ID(), 'penulis', true);
	$my_tahun = get_post_meta( get_the_ID(), 'tahun', true);
	$my_penulis = get_post_meta( get_the_ID(), 'penulis', true);
    	$my_isbn = get_post_meta( get_the_ID(), 'isbn', true);
	$my_download = get_post_meta( get_the_ID(), 'download', true);
	$my_googlebooks = get_post_meta( get_the_ID(), 'cover', true);
	$my_goodreads = get_post_meta( get_the_ID(), 'isbn', true);
	$my_penerbit = get_the_category();
	$my_genre = get_the_tags();

    if( ! empty( $my_judul ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Judul</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . $my_judul . '</td></tr>';
    		}
if( ! empty( $my_subjudul ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Subjudul</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . $my_subjudul . '</td></tr>';
    		}

	if( ! empty( $my_googlebooks ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Baca Pratinjau GoogleBooks</td><td align="center" class="databuku">:</td></b><td class="databuku"> <a href="http://adf.ly/665625/https://books.google.co.id/books?id='.$my_googlebooks.'&printsec=frontcover#v=onepage&q&f=false" target="_blank"><img src="http://bukuindonesia.tk/icon-googlepreview.png"/></a></td></tr>';
    		}

	if( ! empty( $my_goodreads ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Baca Review GoodReads</td><td align="center" class="databuku">:</td></b><td class="databuku"> <a href="http://adf.ly/665625/http://www.goodreads.com/book/isbn/'.$my_goodreads.'" target="_blank"><img src="http://bukuindonesia.tk/icon-goodreads.png"/></a></td></tr>';
    		}


	if( ! empty( $my_penulis ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Penulis</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . $my_penulis . '</td></tr>';
    		}
	if( ! empty( $my_tahun ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Tahun Terbit</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . $my_tahun . '</td></tr>';
    		}
    	if( ! empty( $my_isbn ) ) {
    		echo '<tr><td align="right" class="databuku"><b>ISBN</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . $my_isbn . '</td></tr>';
    		}

    		if( ! empty( $my_penerbit[0] ) ) {
    		echo '<tr><td align="right" class="databuku"><b>Penerbit</td><td align="center" class="databuku">:</td></b><td class="databuku"> <a href="'.get_category_link($my_penerbit[0]->term_id ).'">'.$my_penerbit[0]->cat_name.'</a></td></tr>';
    		}



if( ! empty( $my_genre ) ) {
    $tag_links = array();
    foreach($my_genre as $tag) {
        $tag_links[] = '<a href="'.get_tag_link($tag).'">'.$tag->name.'</a>';
    }
    echo '<tr><td align="right" class="databuku"><b>Genre</td><td align="center" class="databuku">:</td></b><td class="databuku"> ' . implode(', ', $tag_links) . ' </td></tr>';
}
?>
</table>



Kode CSS di style.php:

.databuku {
    padding-right: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

==========================
TAMPILAN HASIL PAKAI CSS:

CSS:
=================================================
<style>

td.kiri {
        background-color: #f6f6f6;
        text-align: right;
        width: 80px;
        color: #666;
        font-weight: bold;
        border-bottom: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        padding: 3px 5px 3px 5px;

}
td.kanan {

        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #CCCCCC;
        padding: 3px 5px 3px 5px;
}

.jd {
float: left;
margin: 0 5px 0 0;
background: #7c9cc8;
padding: 5px 10px 4px;
border-left: 4px solid #4d6f9e;
font: 14px Rokkitt,Georgia,Arial,Helvetica,sans-serif;
color: #fff;
text-transform: uppercase;
white-space: nowrap;

}



</style>

KONTEN:
=============================================

<a target="_blank" href="http://adf.ly/665625/http://cover.pustakakoran.com/kompas/kompas20150102.jpg">
<img src="http://books.google.com/books/content?id=C5Yx_KsMYiYC&printsec=frontcover&img=1&zoom=5&edge=curl" onError="this.src='http://cover.katalogbukunasional.com/no-cover/no-cover.png';" style="float: left; margin-right: 10px; width: 160px; height: 222px;"/>
</a>


<table>
<tr>
<td class="kiri">               Judul Buku :
</td><td class="kanan">                       KERAJAAN NUSANTARA
</td></tr><tr><td class="kiri"> Penulis :
</td><td class="kanan">                       Ahmad Zaenal Abidin
</td></tr><tr><td class="kiri"> Penerbit :
</td><td class="kanan">                       IRCiSoD
</td></tr><tr><td class="kiri"> Terbit :
</td><td class="kanan">                       Desember 2014
</td></tr><tr><td class="kiri"> Tebal :
</td><td class="kanan">                       - halaman
</td></tr><tr><td class="kiri"> Ukuran :
</td><td class="kanan">                       - cm&#178;
</td></tr><tr><td class="kiri"> ISBN :
</td><td class="kanan">                       9786022557593
</td></tr><tr><td class="kiri"> Kontributor :
</td><td class="kanan">                       Pustakawan KBN
</td>
</tr>
</table>

<br/><div class="jd">SINOPSIS BUKU</div><br/><br/>
<hr/>