Twenty Sixteen Child Theme By Kompi Ajaib

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

Saya memodifikasi tema Twenty Sixteen ini dengan memakai child theme sehingga jikalau tema induknya di-update, maka tampilan blog tidak akan tergoda 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 sajian 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 menyerupai di bawah ini:

Tampilan Homepage

Tampilan Postpage

DEMO

Kustomisasi:

1. header.php
Di file header.php, Anda perlu menyesuaikan beberapa element menyerupai username facebook dan twiter serta untuk mengganti logo blog. Anda juga dapat memasang iklan di bawah header, sudah aku 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 dapat menyimpan JS Adsense.

3. content-single.php
Di sini Anda dapat menyimpan iklan di bawah postingan di daerah yang sudah aku sediakan, Anda hanya tinggal menyimpan script iklan Anda.

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

5. Sitemaps
Untuk menciptakan halaman Sitemaps, silahkan buat PAGE gres 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 instruksi berikut:

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

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

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

Download dan Install

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

DOWNLOAD

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

Sumber https://www.kompiajaib.com/

Share this post