Single Post WP | JEVUSKA

Membuat postingan bentuk 2 kolom seperti surat kabar

Bagaimana membentuk tampilan postingan di blog WordPress mirip seperti surat kabar (newspaper)?. Tutorial WordPress berikut adalah cara membuat postingan single post terbentuk menjadi 2 kolom yang terdiri dari kolom sebelah kiri dan kolom sebelah kanan.

Pada file single.php dalam theme WordPress kamu, temukan kode php <?php the_content(); ?>. Kode tersebut kemungkinan berbeda-beda penempatannya dari setiap theme WP. Kemudian ganti kode <?php the_content(); ?> tersebut dengan kode berikut yang akan membuat tampilan postingan bentuk 2 kolom:

<?php
$content = apply_filters('the_content', $post->post_content);
$explode_content_colomn = explode('<p>', $content);
$i = 0;
foreach ($explode_content_colomn as $content_colomns){
$i++;
$q = $i - 1;
if ($i == 0) {
echo $q.$content_colomns;
}
}
$z = round($q/2);
$i = 0;
echo "<div style='float:left;width:48%'>"; //css kolom kiri
foreach ($explode_content_colomn as $content_colomns){
$i++;
$q = $i - 1;
if ($i != 1) {
echo "<p>".$content_colomns;
}
if ($i == $z+1 ){
echo "</div><div style='float:right;width:48%'>"; //css kolom kanan
}
}
echo "</div>"
?>

Anda bisa mengubah lebar kolom dengan cara mengubah nilai width. Tampilan ini sangat cocok dengan blog yang bertema berita layaknya surat kabar (newspaper).

Menampilkan page number title di pagination single post wp (paged)

Menjawab pertanyaan dari FedEx Mildnet di inbox Facebook Page saya (maaf sebelumnya, pesan kamu Om Jev tampilkan di sini demi kepentingan pembelajaran buat teman-teman yang lain). Masalahnya mengenai page number title di pagination single post wp yang tidak tampil, yang kemungkinan masalah di theme wordpress sendiri atau penggunaan plugin seo.

om jev, salam kenal sebelumnya. saya mau tanya tentang title di single paged punya om jev. Saya sudah cari tutor ngalor ngidul tapi tetep belum nemu solusinya. saya lihat punya om jev kok bisa muncul paged titlenya yang di single post. klo berkenan, tolong ajarin donk om,yang mana yang harus di oprek..
makasih sebelumnya..

Solusinya adalah buka file header.php (tergantung wp themenya), kode berikut dipasang di antara <title> dan </title> setelah kode yang menampilkan title halaman.

global $page, $paged;
if ( $paged >= 2 || $page >= 2) {
                                 echo ': Page '.max( $paged, $page );
                                 }

Contoh kode lengkapnya (title yang tampil seperti title di situs ini):

<title>
<?php 
global $page, $paged;
if (is_home() || is_front_page()) {
				   wp_title('|',true,'right'); bloginfo('name');
				   } else {
				   wp_title('',true);
				   }
if ( $paged >= 2 || $page >= 2) {
                                 echo ': Page '.max( $paged, $page );
                                 }
?>
</title>

Please Note:
Jika kamu menggunakan plugin seperti all in one seo pack atau plugin seo sejenisnya, kode ini tidak akan berfungsi jika kamu mengaktifkan opsi rewrite title.

Cara mendapatkan tag pertama di single post wp

Kode wordpress untuk mendapatkan tag pertama di single post. Kode berikut hanya menampilkan nama tag-nya saja (tanpa link/tautan).

<?php
$posttags = get_the_tags();
$count=0;
if ($posttags) {
  foreach($posttags as $tag) {
    $count++;
    if (1 == $count) {
      echo $tag->name . ' ';
    }
  }
}
?>

Variasi dari kode ini tinggal mengganti $tag->name menjadi:
$tag->term_id untuk menampilkan ID tag,
$tag->slug untuk menampilkan slug tag,
get_tag_link($tag->term_id) untuk menampilkan url tag.

WordPress auto content generator di single post

Sudah tahu bikin auto generated content di halaman pencarian WordPress? bagi yang belum tahu silahkan pelajari dulu bagaimana cara membuat search engine dalam search result dalam tutorial auto generated content pada postingan saya sebelumnya.

Cara merubah tanda + jadi - di permalink search result WordPress

Bagi yang sudah tahu, nah postingan wordpress auto content generator di single post ini sekalian menjawab pertanyaan dari matping:

cara buat hal 7 bisa tampil di single post gimana mas?

Halaman 7 maksudnya halaman membuat search engine dengan menggunakan API mesin pencari, misalnya Bing. Cara tersebut dipakai pada halaman search blog WP. Sekarang kita coba terapkan pada halaman single post blog WordPress. Caranya nggak jauh berbeda dengan cara sebelumnya, hanya sedikit penambahan kode aja kok. Langkah-langkahnya sebagai berikut (saya pake SE Bing dengan Theme WordPress Default sebagai sample):

1. Buka editor single.php blog wp kamu.

2. Kode 1 (Script proses keyword) - Tempatkan Kode berikut di paling atas sebelum kode <?php get_header(); ?>

<?php define('BING_API_KEY', '');
function pete_curl_get($url, $params){$post_params = array();
foreach ($params as $key => &$val) {
if (is_array($val)) $val = implode(',', $val);
$post_params[] = $key.'='.urlencode($val);
}
$post_string = implode('&', $post_params);
$fullurl = $url."?".$post_string;
$ch = curl_init();curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);curl_setopt($ch, CURLOPT_URL, $fullurl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040608'); //kamu bisa pake user agent yang lain, lihat listnya di sini www.user-agents.org
$result = curl_exec($ch);curl_close($ch);
return $result;
}function perform_bing_web_search($termstring){$searchurl = 'http://api.bing.net/json.aspx?';
$searchurl .= 'AppId='.'ABCDEFG'; //ganti ABCDEFG dengan kode api BING
$searchurl .= '&Query='.urlencode($termstring);
$searchurl .= '&Sources=Web';
$searchurl .= '&Web.Count=5'; //jumlah list situs yang dihasilkan
$searchurl .= '&Web.Offset=0';
$searchurl .= '&Web.Options=DisableHostCollapsing+DisableQueryAlterations';
$searchurl .= '&JsonType=raw';
$response = pete_curl_get($searchurl, array());
$responseobject = json_decode($response, true);if ($responseobject['SearchResponse']['Web']['Total']==0)return array();
$allresponseresults = $responseobject['SearchResponse']['Web']['Results'];
$result = array();
foreach ($allresponseresults as $responseresult){$result[] = array('url' => $responseresult['Url'],'title' => $responseresult['Title'],'abstract' => $responseresult['Description'],);
}return $result;
}if (isset($_REQUEST['s'])) {
$termstring = urldecode($_REQUEST['s']);
} else {
$termstring = '';}
?>

3. Kode 2 (Mengambil Title postingan sebagai keywords). Tempatkan tepat sesudah kode 1.

<?php
function ambiljudul($title){
   $title = get_the_title();
   $title = trim($title);
    return ($title);
}
?>

4. Kode 3 (hasil yang ditampilkan) - Saya cuma modifikasi dikit dari kode 2 sebelumnya.
Tempatkan kode berikut sebelum kode <?php endif; ?> (jika hasilnya mau dimunculkan di bawah comment), atau tempatkan di atas kode <php comments_template(); ?> (jika hasilnya mau dimunculkan di atas comment)

<?php function CleanFileNameBan($result){
$bannedkey = array("key","key","key"); //masukkan kata kunci satu persatu untuk menghindari kata-kata yang tidak diinginkan.
$result = str_ireplace($bannedkey, '',$result);
$result = trim($result);
return $result;
}
?>
<?php $termstring = ambiljudul($title) ?>
<?php if (ambiljudul($title)!='') {
$bingresults = perform_bing_web_search($termstring);
//Kamu bisa ganti kode <h1> serta test yang ada sesuai dengan kode html dan text keinginan kamu begitu juga dengan yang lainnya
print '<h1>Artikel  '.ambiljudul($title).'  yang terkait di situs lainnya:</h1>'; 
foreach ($bingresults as $result) {
print '<div class="post">';
print '<h1 class="title">'.htmlspecialchars(CleanFileNameBan($result['title'])).'</h1>';
print '<p>'.CleanFileNameBan(strip_tags($result['abstract'])).'</p>';
print '<p style="color:#777777">Sumber: '.$result['url'].'</p>';
print '</div>';
}
}
?>

Selesai!. Jika ada yang error, silahkan konfirmasi ke saya. Selamat mencoba Sob! :)

Merubah kata “search” di permalink pencarian WP sesuai dengan kata yang kamu inginkan