Hari ini kita akan berbicara tentang teori-teori WordPress inti dan teknik yang diperlukan untuk menciptakan desain difokuskan plugin. Tujuan akhir kami adalah untuk mempelajari perkembangan plugin WP sementara mengintegrasikan slider jQuery ke WordPress.

Seluruh tutorial ini, kita akan belajar teknik coding yang diperlukan dengan menggunakan sample slider sebagai contoh. Setelah mempelajari tutorial ini teman-teman akan memiliki template sederhana yang umum untuk sebagian besar plugin berbasis desain.

Apa jenis file yang diperlukan untuk Desain Plugin Berbasis?

Perhatikan gambar berikut ini yang menggambarkan file dalam sebuah plugin umum untuk menciptakan komponen berbasis desain.

cara-dasar-untuk-membuat-template-plugin-wordpress

Seperti yang teman-teman lihat JavaScript dan CSS akan disimpan dalam folder terpisah di dalam plugin utama. File PHP utama berisi definisi Plugin dan fungsi inisialisasi penting dari plugin. Jika teman-teman sedang mengembangkan sebuah berkas plugin tunggal, semua kode akan disimpan dalam file PHP utama. Meskipun HTML adalah jenis yang paling penting dari file untuk Anda sebagai desainer, itu tidak muncul sebagai file terpisah di layar yang diberikan. Sebenarnya ada tidak akan ada file HTML dalam plugin WordPress. Semua kode HTML yang diperlukan dihasilkan melalui file PHP.

Memahami Komponen Slider

Sepanjang seri ini kita akan mengintegrasikan jQuery slider plugin untuk belajar pengembangan plugin WP. Oleh karena itu penting untuk mendapatkan digunakan untuk komponen utama dari slider jQuery seperti yang ditunjukkan berikut ini.

  • jQuery Library – Kita perlu perpustakaan inti untuk mengembangkan plugin. jQuery dipilih sebagai perpustakaan inti untuk plugin yang digunakan di seri ini. Anda memiliki kebebasan untuk bekerja dengan perpustakaan inti lainnya seperti Prototype, Dojo, Mootools, dll
  • File jQuery plugin – Setiap plugin memiliki file utama yang dibangun di atas perpustakaan jQuery. Biasanya kita memiliki semua kode untuk plugin jQuery di dalam file JavaScript tunggal.
  • Kode Intialization – Semua plugin perlu diinisialisasi di beberapa titik untuk membuatnya bekerja. Umumnya kita menggunakan skrip inline di bagian HEAD dokumen HTML untuk memasukkan kode inisialisasi.
  • File CSS yang digunakan untuk Slider – Sebagian besar isi atau gambar slider menggunakan CSS untuk memberikan transisi slide dan animasi. Oleh karena itu kami memiliki CSS file khusus untuk plugin untuk memberikan default tampilan dan nuansa dari slider.
  • HTML atau Gambar untuk Slider – komponen Final slider adalah yang sebenarnya teks, gambar atau HTML konten yang akan dikonversi menjadi slider dengan plugin. daftar unordered dengan HTML dan gambar adalah teknik yang paling populer mendefinisikan data yang dibutuhkan untuk slider.

Sekarang kita telah mengidentifikasi lima komponen utama dari slider jQuery plugin. Mari kita fokus pada belajar bagaimana masing-masing komponen sesuai dengan plugin WordPress yang sebenarnya. Pada tutorial selanjutnya kita akan membahas cara including Script pada Plugin WordPress. Semoga bermanfaat