WordPress Bantuan

Kami berusaha sebaik mungkin menerjemahkan halaman ini untuk Anda. Halaman juga tersedia dalam bahasa Inggris.

Buat tema anak untuk WordPress

Terkadang, Anda mungkin ingin memodifikasi tema WordPress. Praktik terbaik untuk memodifikasi gaya dan fungsi tema adalah melalui tema turunan agar perubahan tidak hilang saat melakukan pembaruan.

  1. Sambungkan ke hosting Anda dengan FTP
  2. Arahkan ke direktori wp-content / themes untuk situs WordPress Anda.
  3. Buat direktori tema anak Anda. Berikut ini adalah konvensi penamaan umum untuk tema anak: < orang tua & gt; -Anak , di mana < orang tua & gt; adalah nama tema induk Anda.
  4. Masuk ke direktori tema anak dan buat file style.css.
  5. Di file style.css , tambahkan header stylesheet yang berisi metadata tentang tema Anda. Berikut ini adalah contoh yang dapat Anda gunakan dari Twenty Fifteen child theme:
    / * Nama Tema: Twenty Fifteen Child Tema URI: http://example.com/twenty-fifteen-child/ Deskripsi: Twenty Fifteen Child Theme Penulis: John Doe Penulis URI: http://example.com Templat: dua puluh lima belas Versi: 1.0.0 Lisensi: GNU General Public License v2 atau lebih baru Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html Tag: ringan , gelap, dua kolom, bilah samping kanan, tata letak-responsif, siap aksesibilitas Domain Teks: dua puluh lima belas anak * /

    Pastikan untuk mengganti informasi dalam contoh dengan informasi yang terkait dengan tema Anda.

  6. Simpan file style.css.
  7. Sekarang buat file functions.php. Ini akan berisi fungsi PHP khusus untuk tema anak Anda.
  8. Setelah membuat file functions.php, Anda perlu mengantrekan gaya dan skrip dari tema induk ke tema anak Anda.
    • Buka file functions.php
    • Tambahkan fungsi yang akan digunakan untuk mengantrekan gaya dan skrip dari tema induk Anda. Di bawah ini adalah contohnya.
      ? php add_action ('wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles () {wp_enqueue_style ('gaya orang tua', get_template_directory_uri (). '/style.css'); }? >

Langkah-langkah berikutnya


Info selengkapnya