Tutorial Wordpress, Belajar Wordpress, Cara jitu dan mahir membuat themes wordpress

Sunday, May 21, 2017

Bab 1 - Membuat Style.css untuk Theme Wordpress


MEMBUAT STYLE.CSS
Salah satu kebutuhan theme wordpress yang sangat penting adalah file style.css, ini adalah file utama yang akan di load oleh Wordpress untuk mengidentifikasi theme kita,

Yang kita masukkan kedalam file style.css adalah sebagai berikut diantaranya :

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
Ini saya langsung mengambil dari sumber Wordpress.org Susunan Style.css yang benar dan direkomendasikan seperti diatas, saya akan menjelaskan satu persatu keterangan dari isi style diatas.

Sebelum saya jelaskan silahkan para sahabat sekalian membuat folder dan didalam flder itu kita buat file style.css

seperti ini screenshotnya :

By The Why, Sebelumnya para shabat sudah mengetahui cara menggunakan Localhost dari Xampp atau Wamp Server, karena kita akan membangun theme wordpress kita di Localhost bukan pada hosting yang sudah online.

Karena jika kita menggunakan Hosting yang sudah Online akan mengakibatkan Bandwith Cpanel kita bengkak dan akhirnya juga ndak bisa diakses,,

Baik shobat jika belum tahu cara menggunakan Localhost (Xampp / Wamp) silahkan Anda searching di Google Oke... Sekarang kita akan lanjutkan materi penjelasan dari file style.css


KETERANGAN ISI STYLE.CSS

Theme Name: Theme Ku 
adalah nama dari theme kita disini silahkan anda ganti yang bg kuningn dengan nama theme agan atau sama juga tidak apa2, tapi saya sarankan jangan sama.

Theme URI: http://www.desainprofesional.com/theme-ku
adalah Link dimana theme ini bisa didapatkan, contoh disini saya menggunakan web saya Desainprofesional.com sebagai pusat dari Jasa Layanan Pembuatan Website Development dan SEO. silahkan Agan Ganti yang bg Kuning dengan link agan

Author: Abdul Mannan Sya'roni
adalah nama si pembuat / developernya silahkan dicantumkan ganti yang bg kuning

Author URI: http://desainprofesional.com/blog
adalah link atau web / blog dari si developer. silahkan ganti dengan website/blog/ atau link lainnya boss

Description: Theme belajar wordpress indonesia, sukses dan selesai dengan baik
adalah deskripsi keterangan singkat mengenai theme yang anda buat silahkan diganti dengan keterangan dari para sahabat Bimbel sekalian

License & License URI (tidak perlu diganti)

Tags: Theme Simple, Responsive, SEO Friendly, Multifunctions, Structural Search
adalah kata kunci untuk theme yang sedag anda buat, jika nanti theme anda didistribusikan ke wordpress maka akan muncul tatkala dicari dengan kata kunci tersebut.

Text Domain: theme-ku
adalah slug dari nama theme yang anda buat bagaimana caranya: seperti ini contohnya , jika anda memeberi nama Theme anda dengan Toko Online Indonesia maka slugnya seperti ini : toko-online-indonesia, dengan catatan tulisan harus kecil semua dan spasi diganti dengan tanda minus (-)..

Baik sekarang para sahabat sudah selesai membaca pahami satu persatu, jika ada pertanyaan silahkan langsung berkomentar di blog ane, atau jika tidak ada respon silahkan kunjungi blog probadi Owner dan Website Pusat kami :

www.desainprofesional.com - (web)
abduulmannansyaroni.blogspot.com - (blog)

Terimakasih para sahabat sudah mau mengunjungi dan membaca tutorial dari kami, kita numpa lagi pada sesi dan step ke-2 untuk membangun theme wordpress hingga selesai.


GOOD LUCK

Silahkan Komentar Boss!!

 

Promo

DISKON 50% + DOMAIN DAN SSL GRATIS SELAMANYA

Atas