Apa yang dimaksud dengan WordPress template?

Artikel ini membahas mengenai perkenalan Apa itu tema wordpress Mulai dari istilah sampai cara membua

Diperbaharui: 14 January 2021

Sebelum Anda membaca artikel ini saya harap Anda sudah tahu apa itu wordpress? Jika Anda belum tahu silakan baca artikel ini dari wikipedia mengenai wordpress.

Apa itu Tema wordpress?

Template WordPress, atau yang sering juga disebut sebagai tema WordPress atau dalam bahasa inggris ditulis theme wordpress, semua istilah nama tersebut mengacu pada definisi yang sama.

tema WordPress adalah desain dari website Anda, termasuk layoutnya. Mengubah tema WordPress berarti mengubah tampilan front-end website Anda, atau apa yang pengunjung website Anda lihat ketika mereka mengakses website Anda.

Tema wordpress mengambil konten dan data yang disimpan oleh WordPress, lalu menampilkannya di browser. Saat membuat tema WordPress, Anda memutuskan bagaimana konten itu terlihat dan ditampilkan.

Cara membuat tema

Adapun yang harus dipersiapkan untuk membuat tema WordPress:

1. Sudah Memahami HTML, CSS, Javascript, dan PHP
2. Teks Editor
3. WordPress yang sudah terinstal di localhost atau server

Pemahaman terhadap kode HTML, CSS, Javascript, dan PHP akan sangat membantu sekali dalam pembuatan tema WordPress.

File yang dibutuhkan

Untuk membuat sebuah tema. Hanya dengan dua file saja Anda bisa membuat tema. Karna hanya ada dua file yang benar-benar dibutuhkan dalam tema WordPress:

1. style.css – file untuk css
2. index.php – file template utama

Meskipun hanya dengan dua file saja Anda sudah bisa membuat tema. Namun masih ada file yang lainnya yang bisa Anda gunakan untuk pembuatan tema WordPress.

Perbedaan antara tema dan plugin

• tema digunakan untuk mengontrol penyajian konten dan tata letak
• plugin digunakan untuk mengontrol fitur dari WordPress

Tema apa pun yang Anda buat tidak boleh menambahkan fungsionalitas penting. Jika Anda melakukan ini, ketika pengguna mengubah tema mereka, mereka kehilangan akses ke fungsi tersebut. 

Misalnya, Anda membangun tema dengan fitur portofolio. Pengguna yang membangun konten portofolio dengan fitur Anda akan kehilangan ketika mereka mengubah tema.

Tema gratis

Kebanyakan orang senang menggunakan tema gratis, alasan utamanya mereka tidak perlu untuk membayar. Saat Anda mencari tema wordpress gratis. Anda harus berhati-hati jangan sembarangan mendownload.

Banyak sekali tema bajakan atau nulled yang beredar di internet dan apabila Anda menggunakannya bisa berbahaya untuk situs web Anda. Banyak orang menganggap bahwa tema yang gratis mempunyai kualitas rendah.

Meskipun memang banyak di luar sana tema gratis yang bisa dibilang cukup basic, tetapi ada banyak juga tema gratis yang sudah bagus dan terbilang aman. Anda bisa mencari dan mendownloadnya di direktori wordpress resmi. https://wordpress.org/themes/

Informasi: Semua tema yang berada didrektori wordpress ditinjau dengan cermat, dan harus memenuhi pedoman tinjauan tema yang ketat untuk memastikan kualitas dan keamanan.

Tema berbayar

Apakah Anda tidak puas dengan fitur yang disediakan oleh tema gratis? Mungkin Anda ingin membeli tema wordpress berbayar atau premium? tetapi tidak tahu tempat pembelian tema? Tenang saya akan memberikan informasi tempat pembelian tema terpercaya.

Themeforest.net

ThemeForest adalah bagian dari Envato Market . Di ThemeForest Anda dapat membeli dan menjual template HTML serta tema untuk produk CMS populer seperti WordPress, Joomla, dan Drupal. Situs ini adalah rumah bagi komunitas design dan pengembang web yang ramai dan merupakan pasar terbesar dari jenisnya.

Templatemonster.com

Template Monster menyediakan berbagai macam tema WordPress premium di situs mereka. Pada saat menulis artikel ini, ada lebih dari 1.600 tema WordPress di pasaran dan hampir setiap harinya bertambah. template monster hampir sama dengan themeforest (sama-sama marketplace).

Gothemeshop.com

Gothemeshop adalah situs penjual tema wordpress premium asal Indonesia, Produk yang dijual original buatan saya sendiri dan gothemeshop tidak menjual tema bajakan atau nulled seperti yang beredar di situs-situs yang tidak bertanggung jawab. Anda bisa melihat tema yang dijual oleh gothemeshop.com dan bisa menghubunginya:

Artikel ini adalah tentang mengembangkan WordPress Tema. Jika Anda ingin mempelajari lebih lanjut tentang cara menginstal dan menggunakan Tema, meninjau Menggunakan Tema. Topik ini berbeda dari Menggunakan Tema karena membahas aspek teknis penulisan kode untuk membangun Tema Anda sendiri daripada cara mengaktifkan Tema atau di mana untuk mendapatkan Tema baru.

Tema Mengapa WordPress

Tema WordPress adalah file yang bekerja sama untuk menciptakan desain dan fungsi dari situs WordPress. Setiap Tema mungkin berbeda, menawarkan banyak pilihan untuk pemilik situs untuk langsung mengubah tampilan website mereka.

Anda mungkin ingin mengembangkan Tema WordPress untuk Anda gunakan sendiri, untuk proyek klien atau tunduk pada Tema WordPress Directory. Kenapa lagi Anda harus membangun Tema WordPress?

• Untuk membuat tampilan yang unik untuk situs WordPress Anda.
• Untuk mengambil keuntungan dari Template, tag template, dan WordPress loop untuk menghasilkan berbagai hasil situs dan terlihat.
• Untuk menyediakan template alternatif untuk fitur situs tertentu, seperti halaman kategori halaman dan hasil pencarian.
• Untuk segera beralih di antara dua layout situs, atau untuk mengambil keuntungan dari Tema atau gaya switcher untuk memungkinkan pemilik situs untuk mengubah tampilan situs Anda.

Sebuah Tema WordPress memiliki banyak manfaat, juga.

• Ini memisahkan gaya presentasi dan file template dari file sistem sehingga situs akan meng-upgrade tanpa perubahan drastis untuk presentasi visual dari situs.
• Hal ini memungkinkan untuk kustomisasi fungsi situs yang unik untuk tema itu.
• Hal ini memungkinkan untuk perubahan cepat dari desain visual dan tata letak dari situs WordPress.
• Ini menghilangkan kebutuhan untuk pemilik situs WordPress khas harus belajar CSS, HTML, dan PHP untuk memiliki situs web yang besar tampak.

Mengapa Anda harus membangun Tema WordPress Anda sendiri? Itulah pertanyaan yang sebenarnya.

• Ini adalah kesempatan untuk belajar lebih banyak tentang CSS, HTML, dan PHP.
• Ini kesempatan untuk menempatkan keahlian Anda dengan CSS, HTML, dan PHP untuk bekerja.
• Ini kreatif.
• Sangat menyenangkan (sebagian besar waktu).
• Jika Anda merilisnya ke publik, Anda dapat merasa baik bahwa Anda berbagi dan memberikan sesuatu kembali ke Komunitas WordPress (oke, hak membual)

Tema Pengembangan Standar

WordPress Tema harus dikodekan menggunakan standar berikut:

Anatomi Tema

WordPress Themes tinggal di subdirektori dari tema WordPress direktori ( wp-content /themes / secara default) yang tidak bisa langsung pindah menggunakan wp-config. 'file php'. Subdirektori Theme ini menampung semua file stylesheet Theme ini, file template, dan fungsi opsional berkas ( functions.php ), file JavaScript, dan gambar. Sebagai contoh, sebuah tema yang bernama "test" akan berada di direktori wp-content /themes /test /. Hindari menggunakan nomor untuk nama tema, karena hal ini mencegah dari yang ditampilkan dalam daftar tema yang tersedia.

WordPress termasuk tema default di setiap instalasi baru. Memeriksa file dalam tema default hati-hati untuk mendapatkan ide yang lebih baik tentang bagaimana membangun file tema Anda sendiri.

Untuk panduan visual, melihat ini di WordPress Tema Anatomi.

WordPress Themes biasanya terdiri dari tiga jenis utama dari file, selain gambar dan file JavaScript.

1. The stylesheet yang disebut style.css , yang mengontrol presentasi (desain visual dan tata letak) dari halaman situs.
2. Wordpress Template file yang mengontrol cara halaman situs menghasilkan informasi dari database WordPress Anda yang akan ditampilkan di situs.
3. Opsional fungsi file ( functions.php ) sebagai bagian dari file Tema WordPress.

Mari kita lihat ini secara individual.

Anak Tema

Tema yang paling sederhana yang mungkin adalah tema anak yang hanya mencakup file style.css , ditambah gambar apapun. Hal ini dimungkinkan karena merupakan anak dari tema lain yang bertindak sebagai induknya.

Untuk panduan rinci untuk tema anak, lihat Anak Tema. http://op111.net/53 tutorial ini dengan op111 ->

Tema Stylesheet

Selain informasi gaya CSS untuk tema Anda, style.css memberikan rincian tentang tema dalam bentuk komentar. Stylesheet 'harus' memberikan rincian tentang tema dalam bentuk komentar. 'Tidak ada dua Tema diperbolehkan untuk memiliki rincian yang sama' tercantum dalam komentar mereka header, karena ini akan menyebabkan masalah dalam . Jika Anda membuat tema sendiri dengan menyalin yang sudah ada, pastikan Anda mengubah informasi ini pertama.

Berikut ini adalah contoh dari beberapa baris pertama dari stylesheet, yang disebut header stylesheet, untuk tema "Dua puluh Tiga belas":

/*
Tema Nama: Dua puluh Tiga belas
Tema URI: http://wordpress.org/themes/twentythirteen
Penulis: Tim WordPress
Penulis URI: http://wordpress.org/
Keterangan: Tema 2013 untuk WordPress membawa kita kembali ke blog, menampilkan berbagai format posting, masing-masing ditampilkan indah dengan cara mereka sendiri yang unik. Rincian desain berlimpah, dimulai dengan skema warna cerah dan pencocokan gambar header, tipografi yang indah dan ikon, dan tata letak fleksibel yang tampak hebat pada perangkat apapun, besar atau kecil.
Versi: 1.0
Lisensi: GNU General Public License v2 atau lambat
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: hitam, coklat, oranye, cokelat, putih, kuning, cahaya, satu-kolom, dua kolom, kanan sidebar, fleksibel-lebar, custom-header, adat-menu, editor-gaya, fitur-gambar, Microformats, pasca-format, rtl-bahasa-dukungan, lengket-post, terjemahan-siap
Teks Domain: twentythirteen

Tema ini, seperti WordPress, dilisensikan di bawah GPL.
Menggunakannya untuk membuat sesuatu yang keren, bersenang-senang, dan berbagi apa yang Anda pelajari dengan orang lain.
* /

NB: Nama yang digunakan untuk Penulis disarankan untuk menjadi sama dengan nama pengguna wordpress.org Theme Penulis, meskipun bisa nama asli penulis juga. Pilihannya adalah Tema Penulis.

Perhatikan daftar Tags digunakan untuk menggambarkan tema. Ini memungkinkan pengguna untuk menemukan tema Anda menggunakan tag filter. Anda dapat menemukan daftar lengkap di Ulasan Handbook.

'Garis komentar header' 'style.css' 'yang diperlukan untuk WordPress untuk dapat mengidentifikasi tema' dan menampilkannya dalam Panel Administrasi di bawah > sebagai pilihan tema yang tersedia bersama dengan Tema diinstal lainnya.

Pedoman Stylesheet

• Ikuti CSS coding standar ketika authoring CSS Anda.
• Gunakan CSS valid bila memungkinkan. Sebagai pengecualian, menggunakan prefiks-vendor tertentu untuk mengambil keuntungan dari fitur CSS3.
• Minimalkan hacks CSS. Pengecualian jelas adalah browser-spesifik dukungan, biasanya versi IE. Jika memungkinkan, terpisah CSS hacks ke bagian terpisah atau file terpisah.
• Semua elemen HTML mungkin harus ditata oleh tema Anda (kecuali itu adalah tema anak), baik dalam isi posting /halaman dan di isi komentar.
  • Tabel, keterangan, gambar, daftar, blok kutipan, dan lain-lain.
• Menambahkan gaya ramah cetak sangat dianjurkan.
  • Anda dapat menyertakan stylesheet cetak dengan Media = "print" atau menambahkan dalam media cetak blok di stylesheet utama Anda.

Fungsi Berkas

Tema opsional dapat menggunakan file fungsi, yang berada dalam tema subdirektori dan diberi nama functions.php . File ini pada dasarnya bertindak seperti Plugin, dan jika hadir dalam tema yang Anda gunakan, maka secara otomatis dimuat selama inisialisasi WordPress (baik untuk halaman admin dan halaman eksternal). Kegunaan disarankan untuk file ini:

Tema default Wordpress berisi 'functions.php' file yang mendefinisikan banyak dari fitur ini, sehingga Anda mungkin ingin menggunakannya sebagai model. Sejak functions.php pada dasarnya berfungsi sebagai plugin, yang Function_Reference daftar adalah tempat terbaik untuk pergi untuk informasi lebih lanjut tentang apa yang dapat Anda lakukan dengan file ini.

'Catatan untuk memutuskan kapan untuk menambahkan fungsi untuk' 'functions.php' 'atau plugin tertentu:' Anda mungkin menemukan bahwa Anda perlu fungsi yang sama akan tersedia untuk lebih dari satu orang tua tema. Jika itu terjadi, fungsi harus dibuat dalam Plugin bukannya functions.php untuk tema tertentu. Hal ini dapat mencakup tag template dan fungsi spesifik lainnya. Fungsi yang terkandung dalam plugin akan terlihat oleh semua tema.

Template File

Template adalah file PHP sumber yang digunakan untuk menghasilkan halaman yang diminta oleh pengunjung, dan output sebagai HTML. File template terdiri dari HTML, PHP, dan [Template [Tag | WordPress Template Tags]].

Mari kita lihat berbagai template yang dapat didefinisikan sebagai bagian dari Tema.

WordPress memungkinkan Anda untuk menentukan template terpisah untuk berbagai aspek dari situs Anda. Hal ini tidak penting, namun, untuk memiliki semua file-file ini template yang berbeda untuk situs Anda untuk sepenuhnya fungsi. Template dipilih dan dihasilkan berdasarkan Template Hierarchy, tergantung pada apa template yang tersedia dalam tema tertentu.

Sebagai pengembang Tema, Anda dapat memilih jumlah kustomisasi Anda ingin menerapkan menggunakan template. Misalnya, sebagai kasus ekstrim, Anda dapat menggunakan hanya satu file template, yang disebut index.php sebagai template untuk semua halaman yang dihasilkan dan ditampilkan oleh situs. Sebuah penggunaan yang lebih umum adalah untuk memiliki file template yang berbeda menghasilkan hasil yang berbeda, untuk memungkinkan kustomisasi maksimum.

Template Daftar File

Berikut adalah daftar file Tema diakui oleh WordPress. Tentu saja, Anda dapat Tema mengandung lainnya stylesheet, gambar, atau file. Hanya perlu diingat bahwa setelah telah arti khusus untuk WordPress - lihat Template Hierarchy untuk informasi lebih lanjut.

File-file ini memiliki arti khusus berkaitan dengan WordPress karena mereka digunakan sebagai pengganti index.php , bila tersedia, menurut Template Hierarchy, dan ketika sesuai Tag Bersyarat mengembalikan true. Misalnya, jika hanya single post sedang ditampilkan, fungsi kembali 'benar', dan, jika ada tunggal 'file php' di Tema aktif, template yang digunakan untuk menghasilkan halaman.

Dasar Template

Pada sangat minimal, Tema WordPress terdiri dari dua file:

Kedua file ini masuk ke direktori tema. The index.php Template file sangat fleksibel. Hal ini dapat digunakan untuk memasukkan semua referensi untuk header, sidebar, footer, konten, kategori, arsip, pencarian, kesalahan, dan halaman lain dibuat di WordPress.

Atau, dapat dibagi menjadi file template modular, masing-masing mengambil bagian dari beban kerja. Jika Anda tidak menyediakan file template lainnya, WordPress mungkin memiliki file standar atau fungsi untuk melakukan pekerjaan mereka. Misalnya, jika Anda tidak memberikan searchform.php file template, WordPress memiliki fungsi default untuk menampilkan form pencarian.

File template khas meliputi:

• Comments.php
• Komentar-popup.php
• Footer.php
• Header.php
• Sidebar.php

Menggunakan file template ini Anda dapat menempatkan tag template dalam index.php master file untuk memasukkan file-file lain di mana Anda ingin mereka untuk tampil di halaman yang dihasilkan akhir.

Berikut adalah contoh dari termasuk penggunaan:

? 

? 

File default untuk beberapa fungsi template dapat usang atau tidak hadir, dan Anda harus menyediakan file-file ini dalam tema Anda. Pada versi 3.0, file standar usang terletak di

? 

? 

Untuk lebih lanjut tentang bagaimana berbagai Template bekerja dan bagaimana untuk menghasilkan informasi yang berbeda dalam diri mereka, membaca Template dokumentasi.

Kustom Page Template

File mendefinisikan setiap halaman template ditemukan di Themes Anda direktori. Untuk membuat halaman kustom baru template untuk halaman Anda harus membuat sebuah file. Mari kita sebut halaman template pertama kami untuk halaman kami snarfer.php . Di bagian atas dari 'snarfer.php' 'file', menempatkan berikut:

Kode di atas mendefinisikan ini snarfer.php berkas sebagai "Snarfer" template. Tentu, "Snarfer" dapat digantikan dengan sebagian teks untuk mengubah nama template halaman. Nama template ini akan muncul di Theme Editor sebagai link untuk mengedit file ini.

File mungkin bernama hampir apa-apa dengan php ekstensi (lihat dilindungi Tema nama file untuk nama file Anda harus tidak digunakan, ini adalah khusus nama file cadangan WordPress untuk tujuan tertentu).

Berikut di atas lima baris kode terserah Anda. Sisa dari kode yang Anda tulis akan mengendalikan bagaimana halaman yang menggunakan Snarfer halaman template akan ditampilkan. Lihat Template Tags untuk penjelasan dari berbagai fungsi template WordPress Anda dapat menggunakan untuk tujuan ini. Anda mungkin merasa lebih nyaman untuk menyalin beberapa template lainnya (mungkin page.php atau index.php ) untuk snarfer.php dan kemudian tambahkan di atas lima baris kode ke awal berkas. Dengan cara itu, Anda hanya perlu alter HTML dan kode PHP, bukan menciptakan semuanya dari awal. Contoh ditunjukkan . Setelah Anda membuat template halaman dan ditempatkan di direktori tema Anda, itu akan tersedia sebagai pilihan ketika Anda membuat atau mengedit halaman. ( 'Catatan' :. Saat membuat atau mengedit halaman, opsi Template Halaman tidak muncul kecuali ada setidaknya satu template didefinisikan dengan cara di atas)

Berbasis Query Template Files

WordPress dapat memuat berbagai Template untuk berbeda permintaan jenis. Ada dua cara untuk melakukannya: sebagai bagian dari built-in Template Hirarki, dan melalui penggunaan Conditional Tags dalam The Loop dari file template.

Untuk menggunakan Template Hierarchy, pada dasarnya anda perlu menyediakan tujuan khusus file Template, yang secara otomatis akan digunakan untuk mengesampingkan index.php . Misalnya, jika Anda Theme menyediakan template yang disebut category.php dan kategori sedang bertanya, category.php akan dimuat bukan index.php . Jika category.php tidak hadir, index.php digunakan seperti biasa.

Anda bisa mendapatkan bahkan lebih spesifik dalam Template Hierarchy dengan menyediakan sebuah file yang bernama, misalnya, kategori-6.php - file ini akan digunakan daripada category.php saat membuat halaman untuk kategori yang nomor ID adalah 6. (Anda dapat menemukan nomor ID kategori di > jika Anda login sebagai administrator situs di WordPress versi 2.3 dan di bawah ini. Dalam WordPress 2.5 kolom ID telah dihapus dari panel Admin. Anda dapat menemukan kategori id dengan mengklik 'Edit Kategori' dan mencari di URL address bar untuk nilai cat_id. Ini akan terlihat '... categories.php? action = edit & cat_id = 3 'di mana' 3 'adalah kategori id). Untuk melihat lebih rinci bagaimana proses ini bekerja, lihat Kategori Template.

Jika Tema Anda perlu memiliki lebih kontrol atas file mana Template yang digunakan dibandingkan dengan yang ada di Template Hierarchy, Anda dapat menggunakan Conditional Tags. Tag Bersyarat pada dasarnya memeriksa untuk melihat apakah beberapa kondisi tertentu adalah benar, dalam WordPress loop, dan kemudian Anda dapat memuat template tertentu, atau menaruh beberapa teks tertentu pada layar, berdasarkan kondisi itu.

Misalnya, untuk menghasilkan stylesheet yang khas dalam posting hanya ditemukan dalam kategori tertentu, kode akan terlihat seperti ini:

Atau, menggunakan query, mungkin terlihat seperti ini:

 posting;
jika (in_category ('9')) {
    get_template_part ('single2');
} lain {
    get_template_part ('single 1');
}
?>

Dalam kedua kasus, contoh kode ini akan menyebabkan template yang berbeda yang akan digunakan tergantung pada kategori pos tertentu yang ditampilkan. Kondisi permintaan tidak terbatas pada kategori, namun, melihat Conditional Tags artikel untuk melihat semua pilihan.

Defining Custom Template

Hal ini dimungkinkan untuk menggunakan sistem plugin WordPress untuk menentukan template tambahan yang ditampilkan berdasarkan kriteria kustom Anda sendiri. Fitur canggih ini dapat dicapai dengan menggunakan "template_redirect" . Informasi lebih lanjut tentang membuat plugin dapat ditemukan di Plugin API referensi.

Termasuk Template File

Untuk memuat template lain (selain header, sidebar, footer, yang memiliki standar termasuk perintah seperti get_header () ) ke dalam template, Anda dapat menggunakan get_template_part () . Hal ini membuat mudah bagi Tema untuk menggunakan kembali bagian kode.

Mengacu File Dari Template

Ketika referensi file lain dalam tema yang sama, menghindari URI keras-kode dan path file. Referensi Sebaliknya URI dan path file dengan bloginfo () : lihat .

Perhatikan bahwa URI yang digunakan dalam stylesheet yang relatif terhadap stylesheet, bukan halaman yang referensi stylesheet. Misalnya, jika Anda termasuk gambar / direktori dalam tema Anda, Anda hanya perlu menentukan direktori ini relatif dalam CSS, seperti:

h1 {
    background-image: url (images /my-background.jpg);
}

Hooks Plugin API

Ketika mengembangkan Tema, ada baiknya untuk diingat bahwa tema Anda harus dibentuk sehingga dapat bekerja dengan baik dengan plugin WordPress pengguna mungkin memutuskan untuk menginstal. Plugin menambah fungsionalitas ke WordPress melalui "Aksi Hooks" (lihat Plugin API untuk informasi lebih lanjut).

Kebanyakan Hooks Aksi berada dalam kode PHP inti WordPress, sehingga Tema Anda tidak harus memiliki tag khusus bagi mereka untuk bekerja. Tapi Hooks Action beberapa yang perlu hadir dalam tema Anda, agar Plugin untuk menampilkan informasi secara langsung di header, footer, sidebar, atau di dalam tubuh halaman. Berikut adalah daftar khusus Aksi Hook Template Tags Anda perlu menyertakan:

Untuk contoh penggunaan dunia nyata, Anda akan menemukan ini kait Plugin termasuk dalam template default Tema ini.

Kustomisasi Theme API

Pada WordPress 3.4, fitur Kustomisasi Theme baru tersedia secara default untuk hampir semua tema WordPress. Tema Kustomisasi halaman admin secara otomatis diisi dengan pilihan yang tema menyatakan dukungan untuk dengan add_theme_support () atau menggunakan Pengaturan API, dan memungkinkan admin untuk melihat preview non-permanen perubahan yang mereka buat secara real waktu.

Theme dan plugin pengembang tertarik untuk menambahkan pilihan baru untuk tema yang Kustomisasi Theme halaman harus lihat dokumentasi pada Kustomisasi Theme API. Tutorial tambahan pada Kustomisasi Theme API yang tersedia di website.

Untrusted data

Anda harus melarikan diri dihasilkan secara dinamis konten di Theme, terutama konten yang output ke HTML atribut. Seperti tercantum dalam WordPress Coding Standards, teks yang masuk ke dalam atribut harus dijalankan melalui esc_attr () sehingga satu atau dua tanda kutip tidak berakhir nilai atribut dan membatalkan XHTML dan menyebabkan masalah keamanan. Tempat umum untuk memeriksa adalah judul , alt , dan value atribut.

Ada beberapa tag template khusus untuk kasus-kasus umum di mana output yang aman dibutuhkan. Salah satu kasus tersebut melibatkan outputing judul posting ke judul atribut menggunakan the_title_attribute () bukan the_title () untuk menghindari kerentanan keamanan. Berikut ini adalah contoh dari melarikan diri yang benar untuk judul atribut link judul posting ketika menggunakan teks diterjemahkan:

Ganti melarikan diri ditinggalkan panggilan dengan panggilan yang benar: wp_specialchars () dan htmlspecialchars () dengan esc_html () , clean_url () dengan [ [Fungsi Referensi /esc_url | esc_url () ]], dan attribute_escape () dengan esc_attr () . Lihat untuk lebih.

Terjemahan Dukungan /i18n

Untuk memastikan kelancaran transisi untuk lokalisasi bahasa, menggunakan WordPress gettext berbasis i18n fungsi untuk membungkus semua teks diterjemahkan dalam file template. Hal ini membuat lebih mudah untuk file terjemahan untuk menghubungkan dan menerjemahkan label, judul dan teks template lainnya ke dalam bahasa situs saat ini. Lihat lebih lanjut di WordPress Lokalisasi dan i18n untuk WordPress Pengembang.

Tema Kelas

Mengimplementasikan tag template berikut untuk menambahkan kelas WordPress dihasilkan atribut untuk elemen tubuh, posting, dan komentar. Untuk kelas pos, hanya berlaku untuk unsur-unsur dalam The Loop.

Template Checklist Berkas

Ketika mengembangkan Tema, periksa file template Anda terhadap standar file template berikut.

• Gunakan tepat DOCTYPE.
• Pembukaan tag harus mencakup language_attributes () .
• charset elemen harus ditempatkan sebelum segala sesuatu yang lain, termasuk </tt> elemen.</li> <li> Gunakan <a href="/index.php?title=Function_Reference_/bloginfo&action=edit&redlink=1" title="Function Reference /bloginfo (page does not exist)"> <tt> bloginfo () </tt></a> untuk mengatur elemen <tt> <meta> </tt> charset dan deskripsi.</li> <li> Gunakan <a href="/index.php?title=Function_Reference_/wp_title&action=edit&redlink=1" title="Function Reference /wp title (page does not exist)"> <tt> wp_title () </tt></a> untuk mengatur <tt> <title> </tt> elemen. <a href="/index.php?title=Function_Reference_/wp_title&action=edit&redlink=1" title="Function Reference /wp title (page does not exist)"> Lihat mengapa</a>.</li> <li> Gunakan <a href="/index.php?title=Link_Pakan_Otomatis&action=edit&redlink=1" title="Link Pakan Otomatis (page does not exist)">Link Pakan Otomatis</a> untuk menambahkan link umpan.</li> <li> Tambahkan panggilan ke <a href="/index.php?title=Function_Reference_/wp_head&action=edit&redlink=1" title="Function Reference /wp head (page does not exist)"> <tt> wp_head () </tt></a> sebelum penutupan <tt> </head> </tt> tag. Plugin menggunakan ini <a href="/index.php?title=Plugin_API_/Action_Referensi&action=edit&redlink=1" title="Plugin API /Action Referensi (page does not exist)"> aksi kait</a> untuk menambahkan skrip sendiri, stylesheet, dan fungsi lainnya.</li> <li> Jangan link stylesheet tema dalam template Header. Gunakan <a href="/index.php?title=Plugin_API_/Action_Reference_/wp_enqueue_scripts&action=edit&redlink=1" title="Plugin API /Action Reference /wp enqueue scripts (page does not exist)"> <tt> wp_enqueue_scripts </tt></a> tindakan kail dalam fungsi tema gantinya.</li></ul> <p>Berikut ini adalah contoh dari HTML5 kepala daerah sesuai dengan benar-diformat: </p> <pre> <! DOCTYPE html> ? <html <language_attributes php (); ? >> <head> <meta charset = "<? php bloginfo ('charset');?>" />  ? <title> <wp_title php (); ?> ?
  • Navigasi utama Tema harus mendukung menu kustom dengan wp_nav_menu () .
    • Menu harus mendukung judul link yang panjang dan sejumlah besar daftar item. Barang-barang ini harus tidak melanggar desain atau tata letak.
    • Item Submenu harus menampilkan dengan benar. Jika memungkinkan, mendukung gaya menu drop-down untuk item submenu. Drop-down yang memungkinkan menampilkan kedalaman menu bukan hanya menunjukkan tingkat atas.
  • Tema harus widgetized semaksimal mungkin. Setiap daerah dalam tata letak yang bekerja seperti widget (tag cloud, blogroll, daftar kategori) atau bisa menerima widget (sidebar) harus memungkinkan widget.
  • Konten yang muncul di daerah-daerah widgetized secara default (sulit-kode ke sidebar, misalnya) harus menghilang ketika widget diaktifkan dari Penampilan> Widget.
  • Gunakan wp_footer () panggilan, muncul sebelum penutupan tubuh tag.

  ? 
  
  
  

  Indeks ( index.php )

  • Menampilkan daftar posting dalam kutipan atau full-length bentuk. Pilih satu atau yang lain yang sesuai.
  • Sertakan wp_link_pages () untuk mendukung link navigasi dalam posting.

  Arsip ( archive.php )

  • Judul Tampilan arsip (tag, kategori, berdasarkan tanggal, atau penulis arsip).
  • Menampilkan daftar posting dalam kutipan atau full-length bentuk. Pilih satu atau yang lain yang sesuai.
  • Sertakan wp_link_pages () untuk mendukung link navigasi dalam posting.

  Pages ( page.php )

  • Judul halaman Tampilan dan konten halaman.
  • Daftar Tampilan komentar dan formulir komentar (kecuali komentar yang off).
  • Sertakan wp_link_pages () untuk mendukung link navigasi dalam halaman.
  • Metadata seperti tag, kategori, tanggal dan penulis tidak harus ditampilkan.
  • Tampilan sebuah link "Edit" untuk log-in pengguna dengan mengedit izin.

  Single Post ( single.php )

  • Sertakan wp_link_pages () untuk mendukung link navigasi dalam post.
  • Judul posting Tampilan dan isi posting.
    • Judul harus teks biasa bukan link yang menunjuk ke dirinya sendiri.
  • Menampilkan tanggal posting.
  • Tampilan nama penulis (jika sesuai).
  • Posting Tampilan kategori dan pasca tag.
  • Tampilan sebuah link "Edit" untuk log-in pengguna dengan mengedit izin.
  • Daftar Tampilan komentar dan formulir komentar.
  • Tampilkan navigasi link ke depan dan posting sebelumnya menggunakan previous_post_link () dan next_post_link () .
  • Penulis komentar harus disorot berbeda.
  • Tampilan Gravatars (user avatar) jika sesuai.
  • Dukungan berulir komentar.
  • Tampilan Pelacakan /pingbacks.
  • File ini tidak boleh mengandung definisi fungsi kecuali di function_exist () periksa untuk menghindari kesalahan pernyataan ulang. Idealnya semua fungsi harus di functions.php .

  Hasil Pencarian ( search.php )

  • Menampilkan daftar posting dalam kutipan atau full-length bentuk. Pilih satu atau yang lain yang sesuai.
  • The halaman hasil pencarian menunjukkan istilah pencarian yang dihasilkan hasil. Ini adalah cara yang sederhana namun bermanfaat untuk mengingatkan seseorang apa yang baru saja mereka mencari - terutama dalam kasus nol hasil. Gunakan the_search_query () atau get_search_query () (display atau kembali nilai, masing-masing). Sebagai contoh:

     
     ' get_search_query () ''..) ?> 
     

  • Ini adalah praktik yang baik untuk menyertakan form pencarian lagi pada halaman hasil. Termasuk dengan: get_search_form () .

  === === JavaScript

  • Kode JavaScript harus ditempatkan dalam file eksternal bila memungkinkan.
  • Gunakan wp_enqueue_script () untuk memuat script Anda.
  • JavaScript dimuat langsung ke dalam dokumen HTML (file template) harus CDATA dikodekan untuk mencegah kesalahan dalam browser lama.

  === === Screenshot

  Membuat screenshot untuk tema Anda. Screenshot harus dinamai screenshot.png , dan harus ditempatkan di direktori tingkat atas. Screenshot harus akurat menunjukkan desain tema dan disimpan dalam format PNG. Ukuran gambar yang dianjurkan adalah '880x660' . Screenshot hanya akan ditampilkan sebagai 387x290, tapi lebih gambar ganda berukuran memungkinkan untuk resolusi tinggi melihat pada HiDPI display.

  Perhatikan bahwa opsional, .jpg, .jpeg, dan Gif juga ekstensi yang valid dan format file untuk screenshot (meskipun tidak disarankan).

  Tema Pilihan

  Tema opsional dapat mendukung Tema Sesuaikan Layar. Untuk kode contoh, lihat Theme WordPress Contoh Pilihan Halaman.

  Ketika memungkinkan ketersediaan Theme Sesuaikan Layar untuk pengguna peran, menggunakan "edit_theme_options" kemampuan pengguna bukan "switch_themes" kemampuan kecuali peran pengguna sebenarnya juga harus mampu untuk beralih Tema. Lihat lebih lanjut di Peran dan Kemampuan dan Menambahkan Administrasi Menu.

  Jika Anda menggunakan "edit_themes" kemampuan di mana saja di Theme untuk mendapatkan akses peran Administrator ke Tema Sesuaikan Layar (atau mungkin beberapa layar kustom), menyadari bahwa sejak Versi 3.0, kemampuan ini tidak ditugaskan ke Peran administrator secara default dalam kasus WordPress Multisite instalasi. Lihat . Dalam kasus seperti itu, gunakan "edit_theme_options" kemampuan bukan jika Anda ingin Administrator untuk melihat "Tema Options". Lihat kemampuan tambahan dari peran Administrator ketika menggunakan WordPress Multisite.

  Bagaimana cara edit WordPress melalui melalui editor tema?

  Klik dua kali file tema yang sedang digunakan dan akan Anda edit. Kemudian, pilih file tema, dan klik ikon Edit pada kolom menu. Editor teks akan terbuka, tempat Anda dapat mengubah coding sesuai kebutuhan. Setelah itu, klik tombol Simpan, dan tampilan website Anda pun akan diperbarui.

  Apa yang dimaksud dengan tema website?

  A Definisi Web Template Template website adalah salah satu bahan dokumen/file yang dibutuhkan dalam pembuatan website. Template/theme adalah dokumen/file yang berisikan model-model tambahan yang muncul saat proses pembuatan dokumen lain.

  Bagaimana cara mengatur layout tampilan pada WordPress?

  Cara Mengatur Layout Tampilan di WordPress.

  Klik menu Appearance dan selanjutnya pilihlah sub menu Theme Options..

  Pilih salah satu layout yang ditawarkan di bagian Default Layout. Content on Left: artikel-artikel disajikan di kolom sebelah kiri. ... .

  Tekan tombol Save..