Cheatsheet Ultimate WordPress

WordPress dengan cepat menjadi nama rumah tangga jika belum. Di mana-mana, keindahan jinak ini, memberi daya pada beberapa situs web dan aplikasi web terbaik yang pernah ada di dunia. Ini adalah CMS premier dan platform blogging yang tidak hanya sangat fleksibel, tetapi juga sangat mudah dipelajari dan digunakan. Mengapa lagi WordPress tumbuh dalam popularitas setiap hari?


Tetapi apa yang Anda lihat di permukaan ketika Anda mengatur dan meluncurkan WordPress hanyalah sebagian kecil dari apa yang terjadi di balik layar. Faktanya, UI yang indah yang kita semua cintai tidak ada apa-apanya dibandingkan dengan hiruk pikuk aktivitas di belakang panggung. Yang saya maksud adalah, WordPress berjalan pada dua teknologi web yang agak rumit yang dikenal sebagai PHP dan MySQL.

Teknologi lain yang berperan termasuk JavaScript, itu adalah sepupu dekat jQuery, CSS, dan HTML. Tema WordPress (dan bahkan plugin) sebagian besar ditulis dalam PHP, dan bergantung pada database MySQL untuk dijalankan. Mereka juga bergantung pada teknologi web yang disebutkan di atas. Semua teknologi ini harus bekerja bersama.

Sekarang sebagai pemula, Anda mungkin tidak mengerti bahwa agar platform WordPress, tema, dan plugin berfungsi bersamaan, pengembang menggunakan serangkaian kode standar, atau secara kolektif dikenal sebagai tag PHP. Ini adalah kode-kode ini yang kami uraikan dalam posting hari ini, yang menunjukkan kepada Anda bagaimana mereka berguna. Kami akan memeras beberapa contoh di suatu tempat di sini untuk ukuran yang baik, jadi bersiap-siap untuk bersenang-senang dalam perjalanan membangun tema Anda!

Tema Anatomi

anatonmy-of-a-wordpress-theme

Tema WordPress tidak lebih dari beberapa file PHP yang dihubungkan bersama. Itu datang dengan file stylesheet CSS yang bertanggung jawab atas bagaimana tema Anda (dan situs) terlihat. Kembali ke dasar-dasar, tema WordPress hanyalah beberapa file PHP. Di atas adalah snapshot dari yang hebat tuts + lembar contekan untuk anatomi tema WordPress. Untuk membuat tema WordPress, Anda perlu file-file berikut:

  • header.php– File template ini berisi informasi header, yang muncul di dalam bagian, dan sebelum pembukaan menandai. Di sini Anda menambahkan metadata, judul situs, dan tautan ke stylesheet CSS Anda.
  • index.php – Ini adalah templat tubuh utama untuk tema WordPress Anda (atau situs). Satu-satunya tujuan adalah untuk mengumpulkan file-file lain dengan memasukkannya menggunakan tag template (lebih lanjut tentang tag template sebentar).
  • sidebar.php – Ini adalah bagian bilah sisi Anda. Anda dapat menempatkan widget, kategori, menu tambahan, formulir pencarian, dan apa pun yang Anda suka
  • footer.php – Ini adalah bagian footer. Tambahkan info hak cipta, tautan RSS, widget, tautan, ikon sosial, dll
  • page.php – Setiap kali Anda membuat halaman di situs berbasis WordPress Anda, ini adalah templat yang bertanggung jawab
  • single.php – File template ini membawa satu posting blog
  • comments.php – Template bertanggung jawab atas komentar mereka
  • 404.php – Templat ditampilkan ketika pembaca Anda menemukan kesalahan 404 terkenal tidak ditemukan
  • search.php –  Menawarkan kesempatan kepada pembaca Anda untuk menemukan konten di situs WordPress Anda
  • searchform.php – Anda akan memerlukan formulir pencarian untuk menawarkan fungsionalitas yang disebutkan di atas, sekarang tidak akan Anda?
  • archive.php – Karena menemukan konten yang Anda terbitkan pada 2008 tidak akan merepotkan
  • functions.php – Tempatkan semua fungsi khusus, dan bahkan plugin khusus di sini. Namun untuk kompatibilitas lintas-tema, Anda disarankan untuk menambahkan kode khusus sebagai plugin mandiri. Anda dapat menambahkan menu tambahan, mengaktifkan widget, dan banyak lagi lainnya. File ini memberi Anda begitu banyak kekuatan untuk mengubah situs / tema WordPress Anda dengan cara apa pun yang Anda inginkan.
  • style.css – Ini bukan file template PHP. Tapi itu adalah file tempat Anda menambahkan gaya CSS Anda untuk mengontrol estetika. Itu juga dilengkapi dengan header informasi untuk tema WordPress Anda.

Tanpa ragu, Anda dapat membangun tema dengan templat yang lebih sedikit, tetapi kami tidak akan merekomendasikan untuk membuatnya menjadi kebiasaan. Lagi pula, Anda hanya perlu 10 file di atas untuk membuat tema WP standar. Tiga belas bukan angka besar, sekarang bukan? Singkatnya, index.php Anda mungkin terlihat seperti:



// Masukkan konten utama di sini, termasuk loop



Bergerak bersama, mari kita bicara tentang potongan kode yang bagus yang disebut putaran.

Putaran

Dalam beberapa seri postingan kami sebelumnya, seperti Tutorial WordPress yang populer: Cara Membuat Tema WordPress dari HTML, kami telah menyebutkan loop, meskipun secara sepintas. Jadi apa yang menjadikan loop sebagai potongan populernya? Nah, tanpa potongan kode khusus ini, Anda harus memberi kode tangan pada setiap posting, beserta kutipannya, ke dalam tema WordPress Anda. Anda akan melakukan ini setiap kali Anda memposting artikel baru.

Upaya dan waktu yang Anda buang akan membuat Anda biru dan kaku. Jejak karbon yang akan Anda tinggalkan – setelah membuat diri Anda mati-matian – akan merobek ukuran dua belas stadion Yankee melalui lapisan ozon. Yah, saya terlalu banyak mengungkap fakta (atau kekurangan fakta) tetapi Anda akan menjadi gila jika Anda mengkodekan setiap pos ke situs WordPress Anda secara manual.

Loop adalah penyelamat. Cukup lontarkan cuplikan kode berikut di mana pun di file templat WordPress Anda, dan itu akan mencantumkan semua posting yang pernah Anda buat:

Kami biasanya menggunakan loop di index.php untuk menampilkan daftar posting tetapi merasa bebas untuk bereksperimen; tambahkan di mana pun Anda ingin daftar posting Anda. Selain itu, tambahkan tag HTML dan PHP khusus dalam loop untuk menyesuaikan posting Anda yang Anda anggap cocok. Berbicara tentang tag, apa yang tersedia di WordPress?

Sertakan Tag

tag wordpress

Tag templat template adalah kode PHP sederhana yang Anda gunakan dalam file template apa saja untuk memasukkan (atau lebih tepatnya memanggil) file template lainnya dari folder tema WordPress Anda. Inilah yang sedang kita bicarakan:

  • – Gunakan ini di index.php untuk memanggil (atau memasukkan) file header.php. Ini akan mengambil header.php dan menampilkan kontennya di index.php – itu termasuk semua file.
  • – Termasuk sidebar.php
  • – Termasuk file template footer.php
  • – Kuis Cepat: Menurut Anda apa yang termasuk dalam tag ini?

Templat Tag Bloginfo

Ada kategori tag templat lain yang kami sebut tag bloginfo. Mereka memainkan satu peran, yaitu mengambil informasi tentang situs WordPress Anda dari basis data. Ini terutama informasi yang Anda berikan ke situs WordPress Anda di area admin Anda melalui Profil pengguna dan Pengaturan -> Umum. Setelah informasi diambil dari basis data Anda, tag ini kemudian akan menampilkan yang sama di situs Anda saat Anda menempatkannya.

Anda dapat sedikit memodifikasi struktur bloginfo, sehingga alih-alih hanya menampilkan informasi yang diambil, Anda dapat menggunakannya (info) di tempat lain dalam kode PHP Anda. Alangkah nyaman? Lebih banyak tentang itu sebentar lagi. Berikut adalah tag bloginfo yang paling umum:

  •  – Ini menampilkan judul blog / situs WordPress Anda
  • – Tag template ini menampilkan URL blog Anda
  •  – Ini menampilkan deskripsi, atau lebih tepatnya tagline, dari blog Anda.
  •  – Menampilkan set karakter yang digunakan untuk menyandikan situs Anda. Standarnya adalah UTF-8
  •  – Ini menunjukkan URL ke stylesheet CSS dari tema aktif Anda
  •  – Menampilkan versi WordPress yang Anda gunakan
  •  – Menampilkan bahasa WordPress
  •  – Menampilkan URL untuk umpan RSS 0.92
  • – Menampilkan URL untuk umpan RSS 2.0

Ada beberapa yang lain tag bloginfo Anda dapat menggunakan untuk meningkatkan tema WordPress Anda. Sekarang tentang modifikasi bloginfo kecil yang kita bicarakan beberapa detik yang lalu. Sejauh ini, kami telah menggunakan Mari modifikasi ini menjadi: . Izinkan saya menjabarkan parameter:

  • $ show  Ini adalah kata kunci yang Anda gunakan untuk memberi nama informasi yang ingin Anda ambil dari database. Contohnya termasuk ‘nama’, ‘url’, ‘uraian’, ‘admin_email’ dll
  • $ filter – Ini hanya memungkinkan Anda untuk memfilter informasi yang diambil. Secara default, ini disetel ke ‘mentah’, yang berarti nilai $ show dikembalikan seperti apa adanya. Mengatur ini ke ‘tampilan’ akan menyebabkan nilai $ show dilewatkan melalui fungsi wptexturize () terlebih dahulu. Namun, jangan memusingkan hal ini saat ini.

Berikut ini contohnya: Mari kita asumsikan kita ingin mengambil dan menampilkan tagline Anda (deskripsi situs) yang bertuliskan “Tema WordPress Premium Terbaik,” pertama-tama kami akan mengambil informasi ini menggunakan tag ini …

… yang memuat deskripsi situs ke $ site_description. Untuk menampilkan deskripsi situs Anda di situs Anda, gunakan ini:

Ini memberi Anda: Tagline Anda adalah: Tema WordPress Premium Terbaik

catatan: Ada banyak jenis lain tag templat yang memungkinkan Anda untuk mencapai lebih banyak dengan situs WordPress Anda. Mereka diklasifikasikan ke dalam berbagai set yaitu tag umum, tag penulis, memposting tag thumbnail, tag kategori, dan tautan tag diantara yang lain. Anda bahkan dapat menggunakannya di dalam loop, jadi ya, Anda harus bersenang-senang.

Lembar Gaya Tema

Kami menyebutkan style.css sebelumnya. Sekali lagi, mengapa file style.css penting? Pertama, ini memberikan rincian tentang tema Anda. Informasi ini masuk ke header stylesheet, yang membantu mengidentifikasi tema selama pemilihan di area admin. Dengan demikian, tidak ada dua tema yang harus memiliki detail yang sama dalam header stylesheet mereka. Berikut ini contoh tajuk stylesheet:

/ *
Nama Tema: Nama Tema Anda
Tema URI: https://www.yoursite.com/yourtheme Anda
Penulis: Nama Anda
Penulis URI: https://www.yoursite.com/
Deskripsi: Tema WordPress ini 100% bla bla responsif...
Versi: 1.0
Lisensi: GNU General Public License V2 atau lebih baru
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tag: emas, satu kolom, bilah sisi kiri, kotak responsif, dll
Domain teks: namamu
* /

Informasi ini didahulukan (atau paling atas) di style.css. Selain itu, pastikan Anda:

  • Mengikuti Standar Pengodean CSS
  • Gunakan CSS yang valid
  • Minimalkan CSS
  • Tambahkan gaya ramah cetak
  • Gaya semua elemen HTML

Pikiran terakhir

Lembar contekan ini hanyalah sumber informasi cepat yang akan membantu Anda memulai saat Anda mempelajari pengembangan tema WordPress. Menggunakan tag, dan cuplikan yang kami bagikan di sini, Anda dapat dengan cepat mengembangkan tema standar, dan menyempurnakannya tanpa berkeringat. Tentu saja, Anda harus terus belajar pengembangan tema WordPress, dan untuk itu kami sarankan WordPress Codex, tuts+, Threehouse, dan ThemeShaper antara sumber daya terkemuka lainnya.

Selain itu, silakan bagikan kiat, cheat, cuplikan, atau hal lain yang ada dalam pikiran Anda di komentar di bawah. Kami ingin mengetahui di mana atau bagaimana Anda belajar tentang WordPress. Sampai jumpa!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map