Senin, 30 September 2019

Cara Membuat tema Di Wordpress (CMS)

Langkah yang harus dipersiapkan dalam membuat tema adalah yang pertama mempersiapkan web yang akan kita buat tema tersebut. Kita instal terlebih dahulu lalu Extract dengan cara klick Extract Here dan simpan di folder C/xampp/htdoct/nama folder. setelah dibuat Folder nya kita buka menggunakan alamat IP/nama folder yang dibuat lalu kita buat databasenya dengan cara klick di search Localhost/phpmyadmin.
Cara membuat Tema anak dalam Wordpress (CMS)
Tema anak yang akan digunakan kali ini yaitu dengan Tema Twenty Seventeen

  1. Buka Folder yang digunakan di htdocs, saya beri nama di folder tersebut aeniyah. 
  2. Buka folder dengan nama aeniyah wp-content, lalu klick themes
  3. Klick New Folder, beri nama folder tersebut dan saya beri nama aeniyah pada folder tersebut.
  4. Klick folder baru tadi > Klick kanan > pilih kata "New" > Teks Document ( Rename menjadi "style.css" )
  5. Klik kanan pada style.css > Klik Edit with Notepa++
  6. Buka style.css dari tema asli yang kita buat tema tersebut, lalu copy.
  7. Buka style.css yang akan kita buat tema tadi lalu paste.
  8. Tambahakan dan ganti nama kode berikut:
*/
  • Thema Name :
  • Thema URL :
  • Description :
  • Author :
  • Author URL :
  • Tempalte :
  • Version :
  • Teks Domain :
@import url("../nma tema/style.css");

/*

NB : Untuk Teks Domain menggunakan Nama Folder Tema (aeniyah), jangan lupa import agar menyatakan bahwa tema yang dibuat berasal dari tema utama yang mana, setelah selesai klik save.

9. Buka dasbor wordpress, buka menu Appearance > Themes untuk melihat Thema anak yang sudah dibuat dan klik Activate.


10. Buka website yang digunakan lalu Refresh maka tema akan berubah dan agak sedikit berantakan karena functions.php belum digunakan.


11. Dari menu Appearance > Editor pilih functions.php. Copy dan paste kode ini
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>
12. Klik Update dibagian bawah halaman untuk menyimpan perubahan.
13. Buka kembali Website maka tema akan melihat css yang sudah bisa dipanggil dan tema sekarang sudah terlihat sama persis dengan tema utama.

Tidak ada komentar:

Posting Komentar