Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. Theme Development
Code

Panduan WordPress Theme Customizer: Apakah Itu, Mengapa Itu Bermanfaat Bagi Kita

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called A Guide to the WordPress Theme Customizer.
A Guide to the WordPress Theme Customizer: Getting Started

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Sekitar setahun yang lalu, kami membuat sebuah seri artikel pendek tentang WordPress Theme Customizer. Sekarang setelah Theme Customizer tersedia dalam WordPress untuk beberapa waktu, dan sekarang bahwa developer memiliki peluang untuk menerapkannya ke dalam beberapa karya mereka, kami pikir akan sangat berguna untuk mengunjungi kembali topik ini.

Khususnya, tujuan seri artikel ini adalah membawa seseorang yang tidak mengetahui apapun tentang Theme Customizer, dan menyediakan cukup informasi dimana kamu tidak hanya akan mengerti apa Theme Customizer itu, namun bagaimana cara kerjanya, dan bagaimana menerapkan pengaturannya ke dalam section yang sudah ada, dan untuk memperkenalkan section sendiri dengan kelompok pengaturan itu.

Sebelum kita mulai menuliskan kode apapun untuk menerapkan fitur kita sendiri ke dalam customizer, mari kita ulas apa Theme Customizer itu, apa yang dilakukannya, dan mengapa itu bermanfaat bagi kita.


Apakah Theme Customizer Itu?

Langsung dari artikel WordPress Codex:

The Theme Customization API, ditambahkan dalam WordPress 3.4, memungkinkan pengembang mengkustomisasi layar admin Theme Customizer WordPress. Layar Theme Customization (yaitu "Theme Customizer") membolehkan admin situs untuk meningkatkan pengaturan theme dan melihat sebuah preview pengaturan itu secara real time.

Terdengar cukup mudah, bukan?

The WordPress Theme Customizer
WordPress Theme Customizer berkerja dengan Twenty Thirteen

Tidak diragukan kamu telah melihat ini. Mungkin sebuah definisi sederhana adalah bahwa Theme Customizer merupakan sebuah cara bagi pengguna untuk membuat perubahan pada penampilan blog mereka sembari secara aktual dapat melihat perubahannya dalam real time.

Namun ini menimbulkan pertanyaan: mengapa ini perlu jika ada cara untuk mengkustomisasi theme dari dalam dashboard WordPress? Untuk menjawab pertanyaan itu, kita perlu mengerti apa yang ditawarkan Theme Customizer baik bagi pengguna akhir dan pengembang.


Apa Yang Dilakukan Theme Customizer?

Singkatnya, Theme Customizer memberikanmu - dan pengguna akhir sebuah theme - sebuah pratinjau akan tampilan theme dan kemampuan untuk meningkatkan beberapa fitur blog sembari melihat pembaruan secara real time jika pilihan itu disimpan.

Bagi Pengguna Akhir

Sejauh yang diperhatikan pengguna akhir, mereka tidak lagi harus berpindah antara bagian dashboard administratif dan tampilan versi public dari blog untuk melihat hasil perubahan yang coba mereka buat.

Sebagai contoh, sebelum ke Theme Customizer, pengguna akan melakukan sesuatu seperti ini:

  • Login ke dashboard
  • Klik pada 'Appearance'
  • Klik pada 'Header'
  • Pilih sebuah gambar header
  • Menyimpan perubahan
  • Melihat blog
  • Kembali ke dashboard dan mengulangi hingga selesai

Yikes - tidak merupakan cara termudah untuk membuat perubahan pada blog, bukan?

Sekarang, dengan Theme Customizer, pengguna dapat:

  • Login ke dashboard
  • Klik pada 'Appearance'
  • Klik pada 'Customize'
  • Melihat Theme Customizer dan blog
  • Mengupload gambar header dan melihatnya dalam real time sembari mengerjakan blog
  • Klik 'Save' ketika selesai

Jauh lebih mudah, bukan?

Ini jelas memerlukan jalan yang panjang untuk meningkatkan pengalaman pengguna, namun pengguna bukanlah satu-satunya yang mendapatkan manfaat.

Bagi Developer

Pertama, sejauh yang diperhatikan pengembang dan desainer, pekerjaan kita bukan hanya termasuk menyediakan pengguna dengan penyajian dan fungsi, namun melakukan apa yang kita bisa untuk memastikan mereka sedapat mungkin memiliki pengalaman terbaik dengan sebuah produk. Dengan kata lain, kita perlu melakukan apa yang kita mampu untuk menutup celah antara apa yang pengguna kira akan terjadi dan apa yang sebenarnya terjadi.

Dengan memberdayakan Theme Customizer, kita dapat melakukan itu secara secara utama karena pengguna dapat melihat - secara real time - apa yang mempengaruhi perubahan pada blog.

Jadi, dengan apa yang dikatakan, itu memadu secara baik dengan Settings API dan mudah untuk dikerjakan setelah kode awal diterapkan untuk mengenalkannya ke sebuah theme. Ini berarti bahwa kita dapat menerapkan Theme Customizer dengan theme yang ada mengijinkan itu menggunakan Settings API.

Di atas itu, itu membantunya sangat mudah untuk mengenalkan pilihan baru ke dalam section yang ada disediakan oleh, katakanlah, theme lainnya (jika kamu berkerja dengan child theme), dan itu membuatnya mudah untuk mengenalkan dengan section kedua jika kamu mencari untuk menambahkan kemampuan bagi pengguna untuk meningkatkan blog mereka dari dalam Theme Customizer.

Pada akhirnya, ini memberikan kita kemampuan untuk membuat kerja kita lebih mudah digunakan dengan memberikan pelanggan dan pengguna cara yang lebih mudah untuk mengkustomisasi, menyesuaikan dan mengepjakan theme daripada bolak balik di antara dashboard dan blog itu sendiri.


Bagaimana Ini Bermanfaat Bagi Kita?

Karena situs ini (dan sehingga seri ini) ditujukan kepada mereka yang mencari cara untuk meningkatkan skill pengembangan WordPress, kita perlu mengerti manfaat Theme Customizer sebelum kita benar-benar menerapkannya.

Singkatnya, saya percaya bahwa Theme Customizer meningkatkan pengalaman pengguna. oleh karenanya, kita memiliki tanggung jawab untuk menerapkannya dalam karya kita dengan tujuan memastikan bahwa kita membangun produk terbaik, juga memberikan manfaat bagi pengguna.

Ketika pengguna kita mendapatkan manfaat, kita mendapatkan manfaat.

Namun yang lebih penting dari itu, kita diberikan kemampuan untuk mendorong pengembangan theme dengan:

  • Meningkatkan cara bagi user dalam berkerja dengan theme
  • Meningkatkan cara dalam kustomisasi dan peningkatan theme dalam WordPress itu sendiri
  • Secara mutlak mendorong maju dengan sebuah cara baru memodifikasi theme yang tidak memerlukan kita untuk mengubah cara kita berinteraksi dengan Settings API

Semua sambil membuatnya lebih mudah bagi lainnya untuk berinteraksi dengan karya kita.


Berikutnya...

Dengan semua yang dikatakan tadi, kita siap untuk maju menuliskan beberapa code. Jadi mulai dalam artikel berikutnya, kita akan melihat bagaimana kita dapat berkerja dengan sebuah theme yang telah mencakup Theme Customizer untuk memperkenalkan pilihan baru.

Berikutnya, kita akan melihat bagaimana menerapkan Theme Customizer dari bawah ke atas, dan kemudian bagaimana mengaitkannya dengan Settings API WordPress sehingga pengguna dapat mulai mengerjakan theme dengan tidak lagi harus melompat antara dashboard dan blog, namun dapat membuat perubahan dan melihat preview secara real time.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.