Dalam artikel ini anda akan belajar cara menambah tetapan anda sendiri untuk tema menggunakan terbina dalam ciri WordPress, iaitu Penyesuai Tema. Alat yang berkuasa, terbina dalam teras WP, untuk menyesuaikan tema.

Mukadimah

Saya baru-baru ini selesai membuat susun atur untuk pelanggan dan terdapat keperluan untuk memasangnya pada WP. Dibelanjakan kerja awal, membuat rangka asas untuk tema dan memutuskan untuk mengujinya pelayan tempatan. Dan kemudian saya melihat item yang menarik dalam menu admin "Sesuaikan". Ya, saya perhatikan perkara ini sebelum ini dan juga melihat bagaimana ia digunakan dalam topik lain, tetapi saya sendiri ragu-ragu mengenainya. Tetapi kemudian idea menyelinap masuk untuk menjadikan tetapan asli, i.e. dibina ke dalam teras WordPress bukanlah idea yang buruk. Dan kemudian saya mula memahami isu itu.

Sebenarnya, semua yang saya pelajari mengenai topik itu diterangkan dalam artikel. Jika ada yang berminat untuk segera membaca tentang kebaikan/keburukan dan pendapat saya, sila ke penghujung artikel atau.

Tindakan!

Jadi, jika anda tidak mempunyai item menu "Penampilan - Sesuaikan" semasa mengaktifkan tema anda, maka anda perlu menambahkannya. Ini dilakukan seperti ini:

Untuk melakukan ini, buat dan buka fail functions.php dalam akar tema dan tambah kod berikut di sana:

Add_action("admin_menu", function())( add_theme_page("Customize", "Customize", "edit_theme_options", "customize.php"); ));

Penting! Semua kod mestilah antara . Ini akan menunjukkan pelayan bahawa kami sedang bekerja dengan PHP.

Buat bahagian

Sekarang kita perlu menambah tetapan kita. Ini dilakukan dalam 2 pas. Kami menegangkan otak kami. Mari sibuk: tambah bahagian tetapan.

Mari tambah kod berikut pada fail functions.php yang kami buat sebelum ini:

Add_action("customize_register", function($customizer)( $customizer->add_section("example_section_one", array("title" => "My settings", "description" => "Contoh section", "priority" => 11 ,));));

Kami mencipta cangkuk dan melampirkan fungsi padanya. Kaedah add_section() hanya menambah bahagian tetapan. Ia memerlukan 2 parameter:

$args - pelbagai hujah

tajuk - bahagian yang akan dipanggil

perihalan — perihalan bahagian (pilihan)

Menambah tetapan pada bahagian

Penambahan berlaku dalam 2 peringkat. Mula-mula, kami mencipta tetapan itu sendiri, dan kemudian kawalan untuk ia dipaparkan dalam bahagian.

Untuk menambah tetapan, tulis kod berikut dalam functions.php sejurus selepas kaedah add_section(), tetapi di dalam cangkuk customize_register:

$customizer->add_setting("example_textbox", array("default" => "Tapak tapak"));

Kaedah add_setting() mengambil dua parameter:

$id - pengecam unik

$args - pelbagai hujah

Terdapat beberapa kedudukan dalam tatasusunan $args, iaitu:

lalai — nilai tetapan lalai

jenis — jenis tetapan

keupayaan — hak pengguna diperlukan untuk menukar parameter ini. Itu. parameter yang berbeza boleh melihat kumpulan yang berbeza pengguna. Sejuk! (tidak perlu)

theme_supports - menunjukkan bahawa tema semasa mesti menyokong fungsi yang diterangkan dalam parameter (pilihan)

pengangkutan - bagaimana perubahan tetapan akan dipaparkan dalam tetingkap pratonton. Muat semula halaman atau AJAX. Secara lalai, halaman dikemas kini setiap kali tetapan dikemas kini, tetapi jika anda berminat, saya boleh memberitahu anda bagaimana untuk melaksanakan ini dalam AJAX, tanpa memuatkan semula halaman. Tulis keinginan anda dalam komen.

sanitize_callback - nama fungsi untuk menapis data input dalam pangkalan data

sanitize_js_callback - nama fungsi untuk menapis data output daripada pangkalan data

Sekarang mari tambah kawalan pada tetapan. Mari tambah kod berikut di bawah:

$customizer->add_control("example_textbox", array("label" => " Tetapan teks", "section" => "example_section_one", "type" => "text",));

Sekarang kita boleh lihat tetapan kita.

// gambar

Kaedah add_control() mengambil dua parameter:

$id - pengecam unik

$args - pelbagai hujah

Terdapat beberapa kedudukan dalam tatasusunan $args, iaitu:

label — nama tetapan

penerangan - penerangan

bahagian — bahagian di mana kawalan dan tetapan akan diletakkan

jenis — jenis kawalan (lalai: teks)

pilihan - untuk jenis dengan kotak pilihan, mentakrifkan senarai nilai untuk dipilih

keutamaan — bahagian mana yang akan ditempatkan atau keutamaannya (lalai 10)

Tetapi kami tidak memaparkan tetapan dalam tema. Mari kita dapatkannya.

Memaparkan tetapan dalam tema

Untuk memaparkan tetapan dalam tema, anda perlu menambah pengecamnya di tempat yang betul. Ini mudah dilakukan, cuma tambah struktur berikut:

Fungsi get_theme_mod() mengambil dua argumen^

$name — nama tetapan untuk mendapatkan

$default - nilai lalai. Akan dipaparkan jika tetapan tidak wujud

Jenis kawalan lain

Kotak Semak

Membolehkan anda mendayakan atau melumpuhkan apa-apa.

$customizer->add_control("hide_text", array("type" => "checkbox", "label" => "Hide text", "section" => "example_section_one",));

Topiknya berbunyi begini:

Sekarang, jika anda tidak memilih kotak semak, teks ini tidak akan muncul. Berguna jika anda perlu bersembunyi. apa sahaja.

Radio (Tukar kumpulan)

Membolehkan anda memilih 1 parameter daripada senarai.

$customizer->add_setting("radio ", array("default" => "item_1")); $customizer->add_control("radio ", array("type" => "radio", "label" => "Contoh suis", "section" => "example_section_one", "choices" => array("item_1" => "item_1", ​​​​ "item_2" => "item_2", "item_3" => "item_3",),));

Pilih (Senarai)

Senarai juntai bawah.

$customizer->add_setting("select", array("default" => "Wordpress")); $customizer->add_control("select", array("type" => "select", "label" => "Siapa kita?", "section" => "example_section_one", "choices" => array(" Orang " => "Orang", "Stakhanovites" => "Stakhanovites", "Lelaki hebat" => "Lelaki hebat", "UFO" => "UFO",),));

Senarai lungsur halaman

Mencipta senarai lungsur turun semua halaman tapak. Halaman dijana oleh WordPress sendiri.

$customizer->add_setting("page-setting", array("sanitize_callback" => "example_sanitize_integer")); $customizer->add_control("page-setting", array("type" => "dropdown-pages", "label" => "Pilih halaman:", "section" => "example_section_one",));

Palet

Membolehkan anda menambah palet pemilihan warna. Sebagai contoh, untuk latar belakang.

$customizer->add_setting("color-setting", array("default" => "#000000", "sanitize_callback" => "sanitize_hex_color",)); $customizer->add_control(WP_Customize_Color_Control($customizer, "color-setting", array("label" => " Tetapan Warna", "section" => "example_section_one", "settings" => "color-setting",)));

Membolehkan anda memuat naik fail melalui pemuat naik WP standard. Berfungsi melalui kelas WP_Customize_Upload_Control. Berhati-hati.

$customizer->add_setting("fail-muat naik"); $customizer->add_control(WP_Customize_Upload_Control baru($customizer, "file-upload", array("label" => " Memuat naik fail", "section" => "example_section_one", "settings" => "fail-muat naik")));

Ia sama seperti memuat naik fail, cuma terdapat sekatan pada kebenaran fail. Hanya gambar sahaja yang diterima. Selesa. jika anda perlu memuat naik imej sahaja. Sebagai contoh, untuk latar belakang. Ia berfungsi dengan cara yang sama seperti contoh di atas, hanya kelas WP_Customize_Image_Control digunakan.

$wp_customize->add_setting("img-upload"); $wp_customize->add_control(WP_Customize_Image_Control($wp_customize, "img-upload", array("label" => " Memuat naik imej", "section" => "example_section_one", "settings" => "img-upload")));

Bukan itu sahaja

Jika anda berpendapat bahawa di sinilah keupayaan tetapan terbina dalam terhad, maka anda silap. Terdapat banyak perkara menarik di dalamnya: menambah tetapan sendiri, kemas kini halaman melalui AJAX. Anda boleh menggali sekeliling anda atau menulis dalam komen jika anda mahu meneruskan.

Kelebihan dan kekurangan

Sekarang mari kita ringkaskan dan pertimbangkan perangkap dan kelebihan kaedah ini.

Kelebihan:

• Tetapan dibina ke dalam teras WordPress. Ini bermakna apabila mengalihkan tapak atau mengemas kininya ke versi baharu, kami akan mempunyai tetapan serta-merta tanpa memuat turun kemas kini rangka kerja dan ketidakserasian
• Sangat mudah untuk ditambah. Pengetahuan asas WP dan PHP sudah cukup untuk menambah penyesuaian pada tema. Jauh lebih mudah daripada menyambungkan penyelesaian pihak ketiga
• Menambah jenis tetapan anda sendiri. Fungsi boleh dikembangkan. Terdapat peluang sedemikian, yang sangat menggembirakan.
• Perubahan muncul serta-merta dalam tetingkap pratonton.

Kekurangan:

• Tiada sokongan editor visual untuk teks. Ini adalah kelemahan yang serius untuk projek yang kompleks.
• Jenis tetapan tidak mencukupi. Terdapat banyak perkara yang kita tidak ada, tetapi ingin ada. Sebagai contoh, peluncur yang sama dengan bilangan slaid yang tidak terhad. Sebahagiannya diselesaikan dengan keupayaan untuk menambah kawalan anda sendiri. Tetapi ini adalah pergerakan yang tidak perlu.
• Tiada import/eksport. Jika anda ingin memasang semula tema. maka semua tetapan perlu dimasukkan semula secara manual! Yang amat menyusahkan.
• Anda terhad dalam kebebasan anda boleh meletakkan blok. Anda perlu membayar untuk kesederhanaan. Anda tidak boleh meletakkan blok dengan amaran atau maklumat di mana sahaja anda mahu, semuanya dalam format yang diberikan. Bagi sesetengah orang ia tidak penting, bagi yang lain ia adalah kritikal. Setiap orang membuat keputusan sendiri.

Kesimpulan

Bagi pendapat saya, saya rasa Theme Customizer masih lembap. ya. ia mempunyai banyak potensi dan saya pasti kita akan melihat banyak pengembangan dan penambahbaikan untuknya pada masa hadapan. Tetapi kini tidak mungkin untuk membangunkan projek yang kompleks di atasnya.

Jika anda membuat tema atau latihan yang mudah, maka perhatikan ciri WP ini. Jika anda sudah serius bekerja dengan seseorang dan tertanya-tanya sama ada ia berbaloi, bertukar atau tidak, maka lebih baik tidak melakukannya. Buat masa ini, ia tidak berbaloi. Tetapi ia pasti bernilai melihat apakah "binatang" ini. Lagipun, dia mempunyai potensi yang besar.

Tetapi, seperti yang mereka katakan, setiap orang membuat keputusan sendiri berdasarkan pengalaman mereka dan kerumitan projek. Dengan ini saya mengucapkan selamat tinggal kepada anda sehingga artikel seterusnya. Semua yang terbaik. Dan semoga kesabaran menyertai anda dalam pembelajaran WordPress yang sukar.

Ini adalah halaman utama panduan untuk mencipta tema (templat) untuk WordPress. Maklumat asas diambil daripada manual rasmi dan daripada pengalaman peribadi.

Apakah tema?

Tema WordPress ialah satu set css, js, fail php, yang, bersama-sama dengan WordPress dan pemalam, memaparkan maklumat daripada pangkalan data pada skrin dalam bentuk (reka bentuk) yang cantik dan mudah. Nah, atau hodoh dan menyusahkan, ia bergantung pada tema yang anda pilih... Dalam enjin lain, tema juga dipanggil "templat", tetapi dalam WordPress adalah kebiasaan untuk mengatakan tema - tema, dan bukan templat - templat . Walaupun pada dasarnya kedua-duanya sama...

Oleh itu, jika anda menukar tema, laman web itu menukar penampilannya dan kelihatan berbeza. Terdapat beribu-ribu tema percuma di WordPress.org. Walaupun pilihan luas tema, ramai orang lebih suka mencipta tema mereka sendiri. Ini disebabkan terutamanya oleh apa yang hendak dibuat topik mudah tidak susah.

Fail yang diperlukan

Untuk mencipta tema anda hanya memerlukan dua fail:

index.php - fail utama tema, bertanggungjawab untuk memaparkan kandungan

style.css - fail gaya utama, bertanggungjawab untuk gaya css

Tetapi tiada tema sebenarnya terdiri daripada hanya dua fail. Terdapat lebih banyak daripada mereka: PHP, fail bahasa, fail CSS dan JS, fail teks. Tema bermula dengan dua fail, dan kemudian, untuk menjadikannya lebih mudah, ia dikembangkan dengan menambah fail seperti:

• header.php - bertanggungjawab untuk memaparkan pengepala
• footer.php - bertanggungjawab untuk memaparkan footer
• sidebar.php - bertanggungjawab untuk memaparkan bar sisi
• page.php - bertanggungjawab untuk output halaman berasingan(rekod)
• dan lain-lain. lihat senarai penuh.

Ciri-ciri Tema

Kemungkinan tema pada dasarnya tidak berkesudahan, kerana anda boleh menggunakan PHP sepenuhnya. TAPI! Tema bertujuan untuk memaparkan kandungan tapak dengan cara tertentu, dan bukan untuk menambah kefungsian pada tapak. Oleh itu, adalah kebiasaan untuk mengehadkan keupayaan topik kepada mereka yang bertanggungjawab penampilan, dan semua kemungkinan lain: pengundian, penilaian, ubah hala, SEO, dsb. Ia adalah perkara biasa untuk meletakkannya dalam pemalam...

Jadi tema boleh:

• Bertanggungjawab untuk memaparkan kandungan laman web jenis yang berbeza peranti: monitor dan telefon pintar. Tema ini dipanggil responsif. Juga, tema boleh diperbaiki, satu lajur, dua lajur, dsb.;
• Tema boleh memaparkan sebarang kandungan;
• Boleh menentukan kandungan yang akan dipaparkan kepada pengguna yang berbeza;
• Boleh menggunakan sebarang elemen reka bentuk (gambar, video).

Seperti mana-mana tapak web, tema adalah lebih daripada sekadar skema warna, reka letak dan Gambar yang cantik. Tema yang benar-benar berkualiti tinggi juga sangat berfungsi. Kefungsian tema terletak pada konfigurasi fleksibelnya. Itu. ia tidak menambah sesuatu yang baharu pada tapak, tetapi sangat disesuaikan mengikut citarasa pemilik. Contohnya: dipasang gambar latar belakang, warna elemen berubah, menu dan blok kandungan (widget) disesuaikan.

Bagaimanakah tema berbeza daripada pemalam?

Dari sudut pandangan kod, seseorang mungkin berkata, tiada apa-apa - anda boleh membuat pemalam sepenuhnya dalam tema. Tetapi dari sudut pandangan logik - semua orang! Tujuan pemalam adalah untuk menambah sesuatu yang baru pada tapak, sebagai contoh, menambah tinjauan. Tugas topik adalah untuk memaparkan kandungan, termasuk tinjauan ini...

Oleh itu, tema bertanggungjawab untuk memaparkan kandungan pada halaman, dan pemalam diperlukan untuk melaksanakan fungsi tapak.

Jangan sekali-kali menambah kefungsian pada tema itu sendiri melainkan terdapat sebab yang kukuh untuk berbuat demikian. Jika anda melakukan ini, maka apabila anda menukar tema, kefungsian akan hilang pada tempatnya dengannya. Contohnya, tema anda mempunyai galeri foto yang menarik. Dan jika anda menukar topik, galeri foto yang keren ini akan hilang...

Dengan artikel ini saya meneruskan siri pelajaran tentang mencipta laman web di Enjin WordPress. Selepas pemasangan topik baru untuk blog, kita perlu menyesuaikannya mengikut keperluan kita. Ini sama sekali tidak sukar untuk dilakukan. Tetapi untuk mengedit templat WordPress, anda perlu sekurang-kurangnya tahu cara ia berfungsi dan fail mana yang bertanggungjawab untuk apa. Setelah mengkaji struktur templat WordPress dan mempunyai pengetahuan asas HTML dan CSS, anda sudah boleh mengedit templat tema, menukar rupa dan fungsinya. Tetapi perkara pertama dahulu.

Sejurus selepas memasang tema baharu, blog anda tidak mungkin mempunyai penampilan yang menarik. Untuk membetulkannya, anda perlu menyesuaikan tema WordPress anda dengan menambah dan mengatur segala-galanya pada halaman blog anda. elemen yang diperlukan. Jadi, mari kita mula menyediakan templat Tema WordPress.

Menyediakan tema WordPress (templat).

Mari masukkan Bar Alat WordPress () dan teruskan mengkajinya, memeriksa secara terperinci semua item dalam bahagian "Reka Bentuk", yang bertanggungjawab untuk penampilan dan penyuntingan templat WordPress:

Tab seterusnya ialah "Widget". Apabila kita beralih kepadanya, gambar berikut akan terbuka di hadapan kita:

Di sebelah kiri kita melihat semua "Widget Tersedia": RSS, Arkib, Kalendar, Cari, Awan Teg, Catatan Terkini, Tajuk, Teks, dll. Bar sisi blog secara skematik ditunjukkan di sebelah kanan. Bergantung pada struktur templat WordPress, boleh ada satu atau beberapa bar sisi. Pada blog, ia kelihatan seperti bar sisi yang terletak di sebelah kanan atau kiri, dan mungkin pada kedua-dua belah pada masa yang sama.

Untuk mengisi bar sisi dengan widget yang kami perlukan, kami hanya perlu memilih widget yang diperlukan dengan butang tetikus kiri dan, menahannya, seret widget ke bar sisi yang kami perlukan. Dengan cara yang sama, anda boleh mengalihkan widget ke atas atau ke bawah dalam bar sisi itu sendiri.

Maksud setiap widget cukup jelas daripada nama mereka. Perhatian istimewa layak mendapat widget "Teks". Dengan mengalihkannya ke bar sisi, medan untuk memasukkan data dan tajuk akan dibuka. Di sini anda boleh tampal seperti teks kosong dengan gambar dan pelbagai kod HTML. Contohnya, kaunter statistik, blok pengiklanan dan sepanduk, borang langganan, dsb. Selepas mengisi atau mengedit widget "Teks", klik butang "Simpan" untuk perubahan berkuat kuasa. Tidak widget yang diperlukan boleh dialih keluar dengan mengklik butang "Padam" atau menyeretnya kembali ke bahagian "Widget yang tersedia". Jika anda perlu melumpuhkan widget buat sementara waktu, sambil menyimpan semua tetapannya untuk kegunaan masa hadapan, seret widget ini ke bawah ke kiri ke bahagian "Widget tidak aktif". Anda boleh mengembalikannya pada bila-bila masa.

Seterusnya ialah tab "Menu". Setelah membukanya, kami mendapati diri kami berada di halaman untuk mencipta menu blog anda sendiri dengan Penerangan terperinci, bagaimana hendak melakukannya. Anda boleh memasukkan kategori, halaman dan pautan sewenang-wenangnya dalam menu dengan menyusunnya dalam susunan yang diperlukan seret dan lepas mudah. Dengan mengklik butang "Simpan Menu", menu blog akan dibuat.

Untuk menu yang dicipta muncul di bar sisi, anda perlu pergi ke tab "Widget" dan seret widget "Menu Tersuai" ke bar sisi. Sehubungan itu, jika anda telah mengaktifkan widget "Kategori" dan "Halaman" pada blog anda, ia boleh dinyahaktifkan. Saya mesti mengatakan bahawa beberapa orang menggunakan menu di blog.

Tab terakhir "Editor" membolehkan anda mengedit fail templat WordPress. Setelah membukanya, di sebelah kanan anda akan melihat senarai semua fail templat WordPress, iaitu strukturnya. Apabila anda mengklik pada mana-mana fail ini, kandungannya akan dibuka dalam tetingkap untuk diedit. Selepas membuat perubahan yang diperlukan, jangan lupa untuk mengesahkannya dengan mengklik butang "Kemas kini fail".

Jadi, kami mengkaji bahagian "Reka Bentuk" dalam panel pentadbir blog kami dan memikirkan tetapan tema WordPress (templat).

Perlu diingat bahawa hampir setiap tema moden mempunyai tetapannya sendiri. Biasanya mereka diletakkan di panel pentadbir dalam bahagian berasingan dengan nama topik.

Kadangkala tetapan tersuai untuk templat tema WordPress ditemui sebagai item berasingan dalam bahagian "Reka Bentuk".

Cara mengkonfigurasi tema tertentu hendaklah diterangkan secara terperinci di tapak web pembangun atau penyetempat templat yang anda muat turunnya. Menyesuaikan tema WordPress anda membolehkan anda dengan mudah, tanpa mengganggu sumber templat, tukar elemen reka bentuk tapak web (logo, latar belakang, fon, lokasi bar sisi, dll.), masukkan sepanduk, butang rangkaian sosial dan RSS, kaunter statistik, unit pengiklanan dan banyak lagi. Saya menasihati anda untuk mengkaji dengan teliti tetapan ini, terutamanya jika anda baru menggunakan HTML dan CSS.

Perhatian! Adalah penting untuk mengetahui bahawa jika anda telah membuat perubahan pada tetapan individu templat, kemudian apabila memasang tema baharu, tetapan ini mesti dikembalikan kepada keadaan awal. Biasanya, terdapat butang "Tetapkan Semula" atau "Pulihkan Lalai" untuk tujuan ini, bergantung pada tema WordPress yang anda pilih.

Sekarang mari kita lihat fail yang terdiri daripada templat tema dan kaji strukturnya.

Setiap fail templat WordPress bertanggungjawab untuk reka bentuk blok individu pada halaman web tapak. Kemudian, seperti set pembinaan, halaman blog dipasang dari blok ini menjadi satu keseluruhan. Memandangkan tema (templat) WordPress dicipta pemaju yang berbeza, maka struktur templat ini mungkin berbeza. Sesetengah fail templat tema perlu hadir pada setiap halaman web, manakala yang lain hanya dipaparkan dalam kes tertentu.

Dalam gambar di bawah anda boleh melihat struktur anggaran templat WordPress.

Berikut ialah senarai fail yang biasanya terdapat dalam semua templat dan penerangan ringkasnya:

• header.php (header) – terdapat pada semua halaman web dan bertanggungjawab untuk memaparkan bahagian atas tapak.
• index.php – bertanggungjawab untuk memaparkan kandungan halaman utama.
• single.php – memaparkan setiap artikel tertentu.
• page.php – kandungan halaman laman web statik.
• category.php – fail yang memaparkan catatan kategori tertentu.
• tag.php – memaparkan arkib catatan mengikut tag.
• archive.php – arkib sementara artikel (selama sebulan atau setahun). Kadangkala fail ini menggantikan category.php dan tag.php.
• search.php – memaparkan rekod hasil carian untuk tapak.
• comments.php – fail templat komen.
• sidebar.php – lajur sisi tapak di mana widget terletak. Mungkin terdapat beberapa bar sisi, bergantung pada struktur templat WordPress. Fail ini terdapat pada semua halaman tapak.
• 404.php – fail ralat 404 yang muncul jika anda memasukkan salah alamat laman web atau ia tidak wujud.
• functions.php – fail ini biasanya mengandungi fungsi yang dipanggil semasa memaparkan tapak atau semasa bekerja dengan panel pentadbir.
• footer.php (footer) – bahagian bawah tapak, hadir pada semua halamannya. Kami telah melihat fail templat WordPress ini apabila kami mengalih keluar yang tidak diingini.
• style.css – fail helaian gaya yang bertanggungjawab reka bentuk luaran tapak.

Kini, mengetahui struktur templat WordPress dan perkara yang bertanggungjawab bagi setiap failnya, anda boleh menukar rupa dan fungsi bahagian tertentu tapak.

Adalah penting untuk memahaminya, tanpa sekurang-kurangnya pengetahuan asas HTML dan CSS, sebaiknya jangan cuba mengedit fail tema WordPress (template). Dan jika anda masih perlu mengedit mana-mana fail templat, pastikan anda melakukannya terlebih dahulu salinan sandaran. Kemudian, jika berlaku masalah, anda sentiasa boleh memulihkan fail asal.

Saya akan perhatikan sendiri pengeditan itu Templat WordPress Ia lebih mudah bukan dari panel pentadbir blog, tetapi dengan membuka fail masuk program Notepad++, menggunakan sambungan ke pelayan pengehosan melalui klien FTP. Anda boleh membaca tentang cara melakukan ini dalam artikel "".

Itu sahaja untuk hari ini. Kini tapak yang anda buat akan kelihatan lebih menarik. Jumpa anda di laman blog.

Tinggalkan komen anda dan jangan lupa klik pada butang media sosial di bahagian bawah artikel, dengan itu anda akan membantu pembangunan blog ini. Terima kasih terlebih dahulu!

Ciptaan tema sendiri untuk WordPress - cara yang amat baik berikan blog anda atau tapak web WordPress lain imej asal. Tetapi tema yang paling bagus pun tidak akan sebagus jika perubahan kecil memerlukan anda untuk pergi ke bawah hud dan mengedit kod HTML atau PHP tema. Terutama apabila ia adalah pelanggan yang membayar menggunakan tema anda. Nasib baik dalam WordPress, proses mencipta halaman tetapan untuk tema anda di WordPress tidak sukar sama sekali, dan selepas membaca tutorial ini, anda akan dapat menciptanya dalam masa yang singkat!

Langkah 1 Tentukan tetapan yang diperlukan

Semuanya bermula dengan keperluan: untuk mencipta yang jelas dan halaman yang berguna tetapan, anda perlu memikirkan apa yang boleh diubah dan biarkan yang lain. Setiap parameter baharu, ditambah pada menu pentadbir, merumitkan antara muka pengguna dan menjadikan tema lebih sukar untuk digunakan. Itulah sebabnya adalah lebih baik untuk berhati-hati dan memilih tetapan secara manual yang akan berubah dengan kerap, dan tidak menganggap tetapan kecil yang boleh ditukar dengan mudah dengan satu fail di dalam tema.

Soalan lain yang perlu diingat ialah: "Siapa yang akan menukar tetapan ini?" Jika pengguna biasa dengan PHP dan WordPress, anda boleh menjangkakan bahawa dia tidak akan menghadapi masalah dengan lampiran Google Analitis ke dalam kod, tetapi anda tidak sepatutnya memerlukannya daripada pereka grafik, apatah lagi seorang penulis yang tidak sepatutnya tahu apa-apa tentang HTML dan CSS.

Idea umum untuk menentukan objek dalam tetapan tema:

• Kod penjejakan Google Analitis di tapak
• Bilangan bar sisi dan kedudukannya (kiri, kanan, mungkin juga atas dan bawah)
• Lebar halaman
• Kandungan pengaki anda
• Pilihan untuk ciri khusus tema, seperti format penggoda tersuai.

Sebaik sahaja anda telah menyusun senarai ciri tema yang anda mahu kawal pada halaman tetapan, anda hampir bersedia untuk meneruskan ke pelaksanaan. Sebelum anda pergi dan membuat halaman tetapan, anda boleh menjimatkan masa dengan memastikan bahawa tiada lagi yang sedia ada ciri WordPress untuk penyesuaian yang akan anda laksanakan. Widget, menu tersuai, latar belakang tersuai dan imej pengepala semuanya alat yang berguna untuk menyesuaikan tema anda dengan kerja yang lebih sedikit daripada yang diperlukan untuk membuat penyesuaian anda sendiri. Walau bagaimanapun, ini adalah topik untuk tutorial lain.

Tetapan dibuat dalam tutorial ini

Dalam itu buku teks Saya datang dengan halaman utama tema, yang terdiri daripada grid dengan jumlah yang berbeza-beza jawatan terpilih yang boleh dipilih, disunting dan disusun semula oleh pentadbir menggunakan halaman tersebut tetapan tersuai.

Elemen halaman utama dalam editor akan dibentangkan sebagai senarai elemen yang boleh ditambah dengan elemen baharu menggunakan JavaScript dan jQuery.

Saya suka melihat halaman pentadbir dalam panel pentadbir WordPress semasa membangunkan kod HTML, jadi saya biasanya bermula dengan memautkan halaman tetapan ke WordPress dan kemudian meneruskan untuk membina kandungan halaman. Jadi dalam langkah seterusnya kami akan membuat stub untuk halaman tetapan dan menyambungkannya ke WordPress.

Langkah 2 Menyambung Halaman Tetapan ke WordPress

Mencipta halaman tetapan bermula dengan mencipta fungsi yang mengkonfigurasi menu dan menyambungkannya ke tindakan admin_menu. Ini memberitahu WordPress untuk memanggil fungsi anda apabila menu perlu dibuat supaya semuanya selesai masa yang betul. Tambahkan kod ini pada fail functions.php tema anda:

Function setup_theme_admin_menus() ( // Kami akan menulis kandungan fungsi tidak lama lagi. ) // Ini memberitahu WordPress untuk memanggil fungsi bernama "setup_theme_admin_menus" // apabila tiba masanya untuk mencipta halaman menu. add_action("admin_menu", " setup_theme_admin_menus");

Sekarang kami akan menambah kod untuk mencipta halaman tetapan di dalam fungsi yang baru kami buat.

Apabila membuat halaman tetapan, anda boleh sama ada menambah halaman sebagai submenu pada salah satu kumpulan tetapan sedia ada atau buat menu sendiri tingkat atas.

Menambah submenu dilakukan menggunakan fungsi add_submenu_page:

• $parent_slug - pengecam halaman unik menu teratas, yang mana submenu ini ditambahkan sebagai kanak-kanak.
• $page_title - tajuk halaman yang akan ditambah
• $menu_title ialah tajuk yang dipaparkan dalam menu (selalunya versi $page_title yang lebih pendek
• $kemampuan - keperluan minimum untuk pengguna mengakses menu ini.
• $menu_slug - pengecam unik menu yang dibuat
• $function ialah nama fungsi yang dipanggil untuk memproses (dan membuat) halaman menu ini

Jika anda memutuskan untuk menambah halaman menu sebagai submenu kepada salah satu daripada Kumpulan WordPress, anda boleh gunakan nilai berikut sebagai parameter $parent_slug:

• Bar alat: index.php
• Mesej: edit.php
• Media: upload.php
• Pautan: link-manager.php
• Halaman: edit.php?post_type=page
• Komen: edit-comments.php
• Penampilan: themes.php
• Pemalam: plugins.php
• Pengguna: users.php
• Alatan: tools.php
• Tetapan: options-general.php

Kumpulan Penampilan kelihatan seperti calon yang baik untuk mengehoskan halaman tetapan kami. Mari cuba dan buat halaman tetapan pertama kami. Di sini versi dikemas kini fungsi penyesuaian menu kami:

Function setup_theme_admin_menus() ( add_submenu_page("themes.php", "Front Page Elements", "Front Page", "manage_options", "front-page-elements", "theme_front_page_settings"); )

Untuk melakukan ini, kita masih perlu mencipta fungsi theme_front_page_settings. Ini adalah dalam bentuk yang paling mudah:

Function theme_front_page_settings() ( echo "Hello, world!"; )

Dan inilah yang kelihatan seperti dalam tindakan:

Kami juga perlu mengesahkan bahawa pengguna mempunyai hak yang diperlukan untuk mengedit halaman tetapan. Untuk melakukan ini, tambah kod berikut pada permulaan fungsi halaman tetapan:

// Semak sama ada pengguna dibenarkan mengemas kini pilihan jika (!current_user_can("manage_options")) ( wp_die("Anda tidak mempunyai kebenaran yang mencukupi untuk mengakses halaman ini."); )

Kini, jika pengguna yang tidak dibenarkan mengurus tetapan sampai ke halaman tetapan, mereka tidak akan melihat apa-apa selain mesej "Anda tidak mempunyai hak yang mencukupi untuk mengakses halaman ini."

Jika tema anda memerlukan berbilang halaman tetapan, ia boleh mengelirukan bagi pengguna untuk mencarinya berselerak di seluruh struktur menu. Dalam kes ini, mencipta kumpulan tetapan anda sendiri memudahkan pengguna tema mencari semua halaman menu untuk tema tersebut.

Untuk menambah anda kumpulan sendiri tetapan, anda perlu mencipta halaman menu peringkat atas dan mengaitkan halaman submenu dengannya. Di sini versi baharu ciri penyesuaian menu kami. Fungsi add_menu_page, yang digunakan untuk mencipta menu peringkat atas, adalah serupa dengan add_submenu_page kecuali ia tidak menerima parameter $parent_slug.

Function setup_theme_admin_menus() ( add_menu_page("Tetapan tema", "Tema contoh", "uruskan_pilihan", "tetapan_tema_tut", "tema_settings_page"); add_submenu_page("tut_theme_settings", "Elemen Halaman Depan"", "Halaman Pengurusan_Hadapan" , "front-page-elements", "theme_front_page_settings"); ) // Kami juga perlu menambah fungsi pengendali untuk fungsi menu peringkat atas theme_settings_page() ( echo "Halaman tetapan"; )

Jika anda menyemak kod dan memuat semula panel pentadbir WordPress anda, anda akan melihat bahawa anda kumpulan baru Menu akan muncul di bahagian bawah senarai menu:

Tetapi ada sesuatu yang tidak betul lagi. Mengklik pada item menu teratas tidak akan membawa anda ke menu " Laman utama”, dan ke halaman menu “Tema Contoh”. Ia tidak sesuai dengan cara orang lain berfungsi menu WordPress jadi mari kita lakukan satu perkara lagi: dengan menukar atribut $menu_slug dalam panggilan add_submenu_page kepada nilai yang sama seperti menu peringkat atas, kita boleh memautkan dua menu supaya memilih menu atas memilih menu halaman utama:

Function setup_theme_admin_menus() ( add_menu_page("Tetapan tema", "Tema contoh", "uruskan_pilihan", "tetapan_tema_tut", "tema_settings_page"); add_submenu_page("tut_theme_settings", "Elemen Halaman Depan"", "Halaman Pengurusan_Hadapan" , "tut_theme_settings", "theme_front_page_settings"); ) function theme_settings_page() ( )

Nampak lebih baik sekarang. Jika anda ingin menambah baik penampilan kumpulan menu anda, terdapat dua medan pilihan dalam fungsi add_menu_page yang anda akan dapati berguna. Hanya tambah nilai selepas nama fungsi dalam panggilan kaedah:

• $icon_url menentukan URL ikon untuk menu peringkat teratas.
• $position menentukan kedudukan kumpulan menu anda dalam senarai menu. Semakin tinggi nilai, semakin rendah kedudukan dalam menu.

Langkah 3 Penciptaan Borang HTML untuk halaman tetapan

Sekarang kita telah mencipta halaman tetapan dan ia dipaparkan dengan betul menu sampingan, sudah tiba masanya untuk mula menambah kandungan. Jadi mari kita kembali ke senarai tetapan yang kita fikirkan dan buat halaman untuk mengeditnya.

Dalam tutorial ini, kita memerlukan medan untuk mentakrifkan berapa banyak elemen yang perlu disenaraikan pada satu baris, dan senarai untuk menentukan elemen sebenar. Untuk bermula dengan lebih mudah, mari buat medan teks untuk bilangan item pada satu baris. Edit fungsi halaman tetapan:

Fungsi theme_front_page_settings() ( ?> Elemen halaman hadapan

Bilangan elemen pada satu baris:

Siaran pilihan: Elemen halaman hadapan Bilangan elemen pada satu baris: Catatan yang ditampilkan Tambahkan siaran yang ditampilkan

Catatan yang ditampilkan: Tetapan disimpan , akibatnya WordPress akan memaparkan borang berikut:

Cari:

Oleh itu, kami mengambil kira perkara ini semasa mereka bentuk tema.

Dan perkara terakhir yang anda perlu tambahkan pada style.css ialah maklumat tentang diri anda dan tema yang dibuat. Maklumat diletakkan pada permulaan fail dalam ulasan:

/*
Nama Tema: Cipta nama tema yang unik
URI Tema: http://link-to-theme-homepage
Penerangan: Penerangan tentang topik
Pengarang: Pengarang topik
URI Pengarang: http://link-to-author-page
Templat: nama tema nenek moyang
Teg: tag tema - hanya daripada senarai yang ditawarkan oleh wordpress.org
Versi: versi
Nah, inilah teks lesen
*/

Juga jangan lupa untuk membuat screenshot.png dan meletakkannya dalam folder templat (dalam akar). Maklumat yang diletakkan dengan cara ini dalam helaian gaya akan dipaparkan dalam panel pentadbir dalam bahagian "Tema". Kami menguji templat yang direka dalam pelayar, jika semuanya baik-baik saja, anda boleh meneruskan.

Saya tidak akan memberikan kod untuk halaman templat yang direka, kerana... ia cukup besar, muat turun sahaja, dan kemudian kami akan mengusahakannya.

Cara tema wp berfungsi:

Jika anda membuka folder tema lalai (wp-content/themes/default), anda akan melihat banyak fail PHP (fail tema) dan satu fail style.css. Apabila kita melihat blog, WP menyertakan fail tema (index.php

Sekarang kita pergi ke folder dengan tema lalai, buka header.php dan salin tag , , , dan dari sana dan gantikan baris yang sepadan dalam header.php kami dengannya.

Kemudian semua tag

, terletak id="nav" (senarai halaman di bahagian atas blog) digantikan dengan fungsi WordPress

Hasilnya kami mendapat: