Twenty Sixteen Child Theme By Kompi Ajaib

Twenty Sixteen merupakan default theme wordpress terbaru untuk versi 4.4. Tema ini saya rasa cukup ringan dan simple, jadi saya rekomendasikan untuk Anda coba. Jika Anda kurang tertarik dengan tampilannya, Anda bisa mencoba hasil modifikasi saya.

Saya memodifikasi tema Twenty Sixteen ini dengan menggunakan child theme sehingga jika tema induknya di-update, maka tampilan blog tidak akan terpengaruhi update tema induknya. Kita hanya perlu menyesuaikan file php yang ada di child theme dengan update terbaru tema induknya yang mungkin ada perubahan.

Saya hanya memodifikasi menu header-nya dengan memindahkannya ke atas judul blog dan menambahkan kotak pencarian di sebelah kanan. Menambahkan auto readmore dengan thumbnail di halaman depan, menambahkan Font Awesome, mengganti komentar dengan komentar Disqus, merubah navigasi halaman postingan, menambahkan tombol share sosial media, menambahkan sticky widget di sidebar, dan mengganti Google Font dengan Roboto. Saya juga sudah menambahkan halaman Contact Us dan Sitemaps tanpa plugin.

Tampilannya seperti di bawah ini:

Tampilan Homepage

Tampilan Postpage


Kustomisasi:

1. header.php
Di file header.php, Anda perlu menyesuaikan beberapa element seperti username facebook dan twiter serta untuk mengganti logo blog. Anda juga bisa memasang iklan di bawah header, sudah saya sediakan tempatnya tinggal menyimpan script iklan Anda.

2. footer.php
Di footer.php Anda harus mengganti username disqus blog Anda serta di sini juga Anda bisa menyimpan JS Adsense.

3. content-single.php
Di sini Anda bisa menyimpan iklan di bawah postingan di tempat yang sudah saya sediakan, Anda hanya tinggal menyimpan script iklan Anda.

4. Contact Us
Untuk membuat halaman Contact Us, Anda tinggal membuat page baru di dashboard wordpress Anda dengan title page "Contact Us". Kemudian di sebelah kanan pada Page Attributes, pada bagian template silahkan pilih Contact Us lalu publikasikan halaman tersebut.

5. Sitemaps
Untuk membuat halaman Sitemaps, silahkan buat PAGE baru di dashboard wordpress, silahkan beri judul Sitemaps atau apa pun yang Anda inginkan. Kemudian di bilah kanan editor postingan pada kotak Page Attributes silahkan klik toggle pada Template dan pilih Sitemap. Selanjutkan silahkan terbitkan halaman tersebut.

6. Untuk gambar sidebar maupun di postingan silahkan gunakan kode berikut:


<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="URL IMAGE DI SINI" width="600" height="365" alt="" class="aligncenter thumbnail-postingan" title=""/>


Kode di atas untuk gambar pertama postingan untuk dijadikan thumbnail postingan. Untuk gambar selanjutnya silahkan hapus kode thumbnail-postingan. Untuk gambar di sidebar silahkan hapus kode class="aligncenter thumbnail-postingan" dan silahkan sesuaikan yang lainnya.

Perlu diketahui, theme ini menggunakan defer image untuk mengurangi loading blog dari image. Dan disarankan untuk menggunakan host image pihak ketiga untuk mengirit bandwidth hosting.

Download dan Install

Untuk menggunakan child theme ini silahkan download file childtwentysixteen.zip kemudian upload di hosting Anda pada bagian Control panel > public-html > wp-content > theme. Kemudian silahkan ekstrak file childtwentysixteen.zip. Kemudian silahkan login ke dashboard Wordpress Anda dan di bagian Appearance > Theme, silahkan aktifkan theme Twenty Sixteen Child Theme.


Namun sebelum menggunakan Twenty Sixteen Child Theme ini, harap dipastikan bahwa Anda sudah menggunakan Wordpress 4.4 dan theme Twenty Sixteen sudah ada di bagian Theme di dashboard wordpress Anda.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments