Ketika sistem menu navigasi dirilis dengan WordPress 3.0, ini adalah salah satu faktor yang mengubah WordPress dari platform blog menjadi CMS yang hebat.
Ini berarti Anda dapat menambahkan konten apa pun yang Anda inginkan ke menu navigasi situs web Anda, termasuk tautan khusus. Antarmuka "seret dan lepas" berarti siapa pun dapat membuat menu khusus mereka sendiri tanpa keahlian pengkodean apa pun.
Tetapi terkadang Anda tidak ingin bergantung padanya. Jika Anda mengembangkan situs web untuk klien yang akan menambahkan halaman ke situs web mereka, kemungkinan besar mereka tidak akan memperbarui menu navigasi saat mereka melakukannya atau kurang memiliki keterampilan. .
Jadi di sinilah menu navigasi otomatis berguna.
Dalam tutorial ini, saya akan menunjukkan kepada Anda cara membuat menu navigasi otomatis yang menampilkan semua halaman situs web Anda, serta halaman anak yang ditampilkan sebagai entri level kedua di menu navigasi.
Anda kemudian dapat menambahkan kode ini ke header halaman tema, sidebar, atau footer jika Anda mau, dan itu akan menampilkan link pengguna Anda yang secara otomatis diperbarui ketika konten baru ditambahkan ke situs web Anda.
Tetapi, jika Anda belum pernah menginstal WordPress, temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda
Lalu kembali ke mengapa kita ada di sini.
Inilah yang Anda perlukan untuk mengotomatiskan menu navigasi WordPress:
- Pengembangan WordPress atau instalasi pengujian, dengan beberapa halaman dan sub-halaman ditambahkan
- Editor kode.
kode pengaturan
Saya akan menambahkan kode ini ke plugin sehingga permanen, bahkan jika saya mengubah tema WordPress. Dengan cara ini, saya dapat menambahkan fungsi plugin saya di tema saya untuk menambahkan menu navigasi di mana saya inginkan. Jika tema WordPress Anda memiliki " kait Anda dapat menggunakan satu atau lebih untuk menyuntikkan kode ini.
Lihat juga daftar Plugin WordPress 10 untuk membuat hitungan mundur
Jika Anda bekerja dengan tema WordPress pihak ketiga yang tidak memiliki Hooks, Anda perlu menambahkan kode ke tema tersebut. Jangan mengkodekannya langsung ke dalam tema: sebagai gantinya, buat tema anak dan tambahkan kode Anda ke dalamnya. Buat saja duplikat file template tema dari tema utama yang ingin Anda edit, tambahkan ke tema anak Anda, dan edit.
Langkah satu
Langkah pertama adalah membuat plugin. Saya membuat folder di " wp-content/plugins ". Membuat folder berarti saya dapat menambahkan lebih banyak file ke plugin di masa mendatang jika perlu, seperti stylesheet atau menyertakan file.
Pertama, Anda perlu menambahkan kode login untuk plugin Anda, di komentar, untuk memberi tahu WordPress apa itu:
<?php
/**
*Nama Plugin:Plugin
* Plugin URI: http://blogpascher.com
* Deskripsi: Plugin WordPress
* Versi: 1.0
* Penulis: Herve
* URI Penulis: http://blogpascher.com
*
*/
Sekarang aktifkan plugin Anda.
Kemudian, jika Anda menggunakan tema anak, konfigurasikan. Saya menggunakan tema anak dari tema Twenty Seventeen - ini stylesheet saya:
<?php
/**
*Nama Plugin:Plugin
* Plugin URI: http://blogpascher.com
* Deskripsi: Plugin WordPress
* Versi: 1.0
* Penulis: Herve
* URI Penulis: http://blogpascher.com
*
*/
@import url( " ../twentyseventeen/style.css " );
Setelah Anda selesai melakukannya, jika situs web Anda belum memiliki halaman apa pun, tambahkan beberapa. Mereka harus memiliki struktur pada beberapa tingkatan. Seperti inilah tampilan halaman palsu saya:
Sekarang, mari kita mulai menambahkan kode ke plugin.
Buat fungsi untuk membuat daftar semua halaman secara hierarki
Kami akan menggunakan fungsi « wp_list_pages () Untuk mengambil semua halaman dan mencantumkannya dengan tautan. Tapi pertama-tama, kita perlu mendefinisikan beberapa argumen untuk itu. Mulailah dengan membuat fungsi Anda dan tambahkan argumen ini:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }
Argumennya sangat sederhana - hanya ada satu untuk tingkat halaman yang ingin kita lakukan. Menyetel "2" berarti halaman tingkat atas dan subhalamannya akan ditampilkan, tetapi tidak lebih.
Temukan koneksi 5 kesalahan umum dan solusi mereka di WordPress
Sekarang mari tambahkan fungsi "wp_list_pages ()" setelah argumen:
wp_list_pages ($ args);
Inilah fungsi lengkapnya:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }
Menambahkan fungsi ke tema
Saat ini, fungsinya tidak menampilkan apa pun di situs web saya. Untuk mengubahnya, kita perlu menambahkan salinan tajuk tema utama ke tema anak dan mengeditnya.
Lihat juga: Bagaimana cara melindungi pekerjaan WordPress Anda di situs web klien
Mulailah dengan menyalin file header Anda ke tema anak Anda dan buka. Di Twenty Seventeen, kode menu navigasi dapat ditemukan di " templates-parts / navigation / navigation-top.php Yang berarti saya perlu menambahkan salinan file ini ke tempat yang sama di tema anak saya.
Temukan untuk melangkah lebih jauh Bagaimana menginstal tema anak WordPress
Dalam tema Anda, ini bisa berupa file header.php yang harus disalin.
Tergantung pada tema Anda, kode menu akan berbeda. Di yang saya gunakan, ini adalah kode yang perlu saya ganti:
'top', 'menu_id' => 'top-menu',)); ?>
Ubah kode menu navigasi Anda untuk menambahkan fungsi baru, dengan kode yang ada dalam deklarasi "else {}":
'top', 'menu_id' => 'top-menu',)); }?>
Pernyataan bersyarat itu penting: pertama, ia memeriksa apakah fungsi yang Anda tambahkan ke plugin Anda ada (yaitu jika plugin diaktifkan) dan, jika demikian, ia menjalankan fungsi dari situ. Jika tidak, ini berfungsi normal.
Lihat juga panduan kami di Bagaimana menampilkan blok iklan di WordPress
Sekarang lihat situs web saya:
Tautan muncul, tetapi ada beberapa masalah. Saya tidak ingin "Halaman" ditampilkan di bagian atas (yang merupakan default untuk fungsi tersebut wp_list_pages () ) dan saya ingin memesan halaman dengan lebih efisien. Anda akan melihat bahwa beranda berada di tengah daftar, yang tidak ideal.
Tingkatkan fungsinya
Mari kita kembali ke kode plugin dan mengadaptasinya untuk memperbaiki masalah ini.
Temukan argumen yang sudah Anda tentukan wp_list_pages ():
$ args = array ('depth' => 2);
Dan edit:
$ args = larik ($ args = larik ('kedalaman' => 2, 'title_li' => ' '. __ ('Menu', 'bpc'). ' ',' sort_column '=>' menu-order ');
Ini menambahkan dua argumen tambahan:
- Markup sebelum daftar, yang sekarang bertuliskan " menu Alih-alih Pages '.
- Urutan halaman-halaman yang ditampilkan.
Anda harus kembali ke layar pengeditan halaman Anda dan menentukan urutan halaman untuk masing-masing halaman. Setel beranda Anda ke nilai "0" dan laman tingkat atas lainnya lebih tinggi dari ini.
Baca juga panduan kami di : Bagaimana cara memuat komentar Facebook dan Disqus secara bertahap
Sekarang, ketika Anda menampilkan menu, itu akan terlihat seperti ini:
Anda juga dapat mengubah urutan menu pada halaman tingkat kedua. Ini tidak akan pernah muncul di atas halaman tingkat atas, jadi Anda dapat mulai dari 0 atau 1 untuk setiap kumpulan subhalaman.
Temukan juga beberapa plugin WordPress premium
Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan modern dan mengoptimalkan koneksi ke blog atau situs web Anda.
Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.
1. Bentuk Gravity
Sebagai pemilik bisnis, mengizinkan pelanggan untuk menghubungi Anda harus menjadi prioritas Anda. Gravity Bentuk adalah plugin dari formulir kontak yang paling populer di WordPress.
Anda bisa menggunakannya untuk buat semua jenis formulir, seperti formulir kutipan, survei, dan lainnya.
Download | Demo | Hébergement Web
2. eformasi
eForm adalah pembuat formulir canggih dan fleksibel yang dapat diintegrasikan ke dalam situs WordPress yang sudah ada. Ini adalah solusi manajemen bentuk lengkap. Ini menyangkut, antara lain, kuis, survei, pengumpulan data, estimasi pembayaran, dan komentar pengguna.
Dengan perancang formulir seperti itu, Anda dapat merancang formulir dengan cara yang tidak terbatas dan mengelolanya dari dasbor Anda. Semua permintaan disimpan dalam basis data Anda, Anda akan dapat melihat, melacak, menganalisis, dan bertindak berdasarkan data yang telah Anda simpan.
Baca juga artikel kami di Bagaimana konten pemasaran mempengaruhi SEO blog Anda
Selain itu, portal pengguna memungkinkan pengguna terdaftar juga meninjau dan melacak permintaan mereka.
Download | Demo | Hébergement Web
3. Mailster
Mailster adalah WordPress Plugin premium yang mudah digunakan yang akan membantu Anda mengintegrasikan buletin ke situs web Anda. Dengan yang terakhir, Anda akan dapat membuat, mengirim, dan melacak kampanye Anda tanpa terlalu banyak kesulitan.
Fitur utamanya adalah: kemampuan untuk melacak email terbuka, klik, langganan dan rasio pentalan, kemampuan untuk menargetkan kampanye Anda, manajemen dan perencanaan kampanye, dukungan untuk 6 jenis penjawab otomatis, kreasi tanpa batas formulir pendaftaran, antarmuka yang mudah digunakan, kustomisasi latar belakang, dukungan untuk multibahasaDan banyak lagi.
Download | Demo | Hébergement Web
Sumber Daya yang Direkomendasikan
Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.
- Plugin 8 WordPress untuk membuat megamenu di blog Anda
- Cara menampilkan artikel terbaru di WordPress
- Cara membuat tampilan slide dengan Slider Revolution di WordPress
- Bagaimana menampilkan blok iklan di WordPress
Kesimpulan
Disini adalah ! Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk menambahkan halaman secara otomatis ke menu Anda. Jika Anda memiliki masalah atau saran di bidang ini, mari cari tahu bagian komentar untuk didiskusikan.
Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
Halo,
Terima kasih untuk artikelnya
Masalah saya adalah saya tidak begitu memahami prosedur yang harus diikuti di bagian "Menambahkan fungsi ke tema", apakah saya harus mengubah file "navigation-top.php" secara langsung? Haruskah saya menduplikasinya di tema anak saya? Haruskah saya memodifikasi bagian yang ditunjukkan dan menambahkannya ke file function.php saya?
Atau solusi lain x)
Terima kasih telah mengklarifikasi poin tersebut kepada saya
PS: tautan github membawa kita ke direktori kosong
Selamat malam, ini memang masalah menduplikasi file di tema anak. WordPress melakukan sisanya. Karena itu akan mencoba untuk memeriksa apakah file tersebut ada pada tema anak dan oleh karena itu akan memuat file tema induk jika tidak ada.