Cara Mulai Menyesuaikan Blog Perjalanan WordPress Anda Tanpa Khawatir - Matador Network

Daftar Isi:

Cara Mulai Menyesuaikan Blog Perjalanan WordPress Anda Tanpa Khawatir - Matador Network
Cara Mulai Menyesuaikan Blog Perjalanan WordPress Anda Tanpa Khawatir - Matador Network

Video: Cara Mulai Menyesuaikan Blog Perjalanan WordPress Anda Tanpa Khawatir - Matador Network

Video: Cara Mulai Menyesuaikan Blog Perjalanan WordPress Anda Tanpa Khawatir - Matador Network
Video: Как добавить новости на WP 2024, Mungkin
Anonim

Perjalanan

Image
Image

Dengan menggunakan tema anak, Anda dapat mulai bermain dengan tipografi, warna, dan tata letak blog Anda tanpa khawatir akan mengacaukan segalanya.

Jadi saya berasumsi sebagian besar dari Anda memiliki blog WordPress atau berpikir untuk beralih ke WP.

Untuk waktu yang lama saya ragu-ragu bermain dengan blog saya karena ketika saya melihat kode di backend-html dan php-saya selalu memikirkan hal yang sama– "Saya akan membunuh blog saya jika saya mengacaukan ini."

Masalahnya, saya benar-benar ingin mengubah tipografi dan tampilan blog saya dan menjadikannya milik saya, bukan hanya tema standar. Akhir pekan ini saya menemukan jawabannya: Anda membuat "tema anak."

Apa itu tema anak?

Tema anak pada dasarnya adalah tema super-miniatur (hanya memiliki satu komponen, style.css sheet yang Anda buat – instruksi di bawah ini) yang meminjam semua kode dari "induk". Ini memungkinkan Anda untuk mengacaukan dengan elemen apa pun yang Anda inginkan - font, warna, spasi, gambar - hanya dengan menyalin dan menempelkan potongan kecil kode ke tema anak Anda dan bereksperimen dengannya.

Tidak peduli apa pun perubahan yang Anda buat pada tema anak Anda, Anda selalu dapat menghapusnya dan memulai kembali, atau hanya menyimpan perubahan Anda, lalu kembali ke tema orang tua sehingga itu yang "hidup" setelah Anda selesai bekerja. Anda kemudian dapat kembali dan bermain-main dengan tema anak Anda lagi nanti sebagai pekerjaan yang sedang berjalan.

Saya belajar semua ini dari pengantar bergambar yang sangat bagus untuk membuat tema anak yang membawa Anda melalui cara mengatur satu langkah demi langkah.

[Catatan: ada satu ketentuan untuk semua ini - Anda harus memiliki akses FTP ke blog WordPress Anda untuk melakukan ini. Anda tidak dapat membuat ini jika itu hanya blog WordPress.com.]

Inilah garis besarnya:

1. Temukan nama daftar direktori (sensitif huruf) dari tema Anda. Misalnya, tema saya adalah “Tematik” namun daftar direktori (daftar yang ada di server saya yang diunggah melalui FTP adalah “tematik”).

2. Salin dan rekatkan yang berikut ke dalam editor teks (dengan bagian yang kosong terisi sesuai dengan informasi Anda):

/ *

Nama Tema: beri nama tema anak Anda apa pun yang Anda inginkan, misalnya, 'remix Anda”

Tema URI: letakkan url blog Anda di sini

Deskripsi: berikan deskripsi yang mengenali ini sebagai tema anak, mis: 'tema anak untuk tematik'

Penulis: nama Anda

Penulis URI: letakkan url blog Anda di sini

Templat: daftar direktori tema orang tua Anda, misalnya 'tematik'

Versi: letakkan apa pun yang Anda inginkan di sini. '1.0' adalah versi logis pertama

* /

@import url (“../ thematic / style.css”);

Dalam contoh ini saya menggunakan tema sebagai tema induk. Untuk blog Anda sendiri, Anda harus memasukkan apa pun daftar direktori, misalnya, katakanlah tema Anda adalah "kubrick, " maka intinya akan membaca:

@import url (“../ kubrick / style.css”);

Intinya, ini adalah satu-satunya kode di seluruh tema Anda. Ini hanya memberitahu WordPress untuk mengimpor semua gaya dari apa pun tema induk atau "templat" yang telah Anda daftarkan.

3. Setelah Anda menyelesaikan dokumen ini, simpan seperti ini: style.css (harus memiliki css atau ekstensi Lembar Gaya Cascading).

4. Buat direktori baru di folder tema dengan nama yang Anda berikan tema Anda, misalnya "remix Anda."

5. Unggah style.css ke folder ini melalui FTP.

6. Pergi ke bagian belakang blog Anda, lalu Appearance >> Themes, dan, jika Anda telah melakukan semuanya dengan benar, Anda akan melihat tema anak baru Anda (tidak akan ada screen shot, tetapi Anda akan melihat namanya / info yang Anda masukkan) tercantum di bawah tema yang tersedia. Klik aktifkan.

7. Karena tema anak Anda hanya mengimpor semuanya dari tema orang tua Anda, itu akan terlihat sama. Sekarang kamu bisa bersenang-senang. Buka Appearance >> Editor, lalu pilih style.css (Anda akan melihat dokumen yang sama persis dengan yang Anda buat.) Sekarang kembali ke stylesheet tema orang tua Anda (Anda dapat mengunduhnya ke desktop Anda atau hanya melihat melalui FTP) dan mencari untuk hal-hal yang ingin Anda ubah. Salin itu, lalu tempelkan ke stylesheet tema anak Anda yang terbuka di sini di editor.

8. Jika Anda seperti saya dan stylesheet sepertinya tidak mungkin mengikuti jibberish, Anda dapat mengunduh alat manis untuk Firefox bernama Firebug yang memungkinkan Anda mengklik elemen-elemen halaman dan kemudian memberi Anda kode CSS yang sesuai. Ini memungkinkan Anda untuk melihat tema induk Anda di jendela yang berbeda, klik pada bagian yang ingin Anda ubah, lalu salin kode CSS yang diberikannya dan tempelkan ke editor.

Direkomendasikan: