Tambahkan item menu khusus di wordpress

Selanjutnya, Anda ingin mengatur Lokasi Tampilan – tema Anda akan secara otomatis menampilkan area mana saja di mana menu dapat ditetapkan di luar kotak

Setelah Anda memutuskan di mana menu akan ditampilkan, klik item yang ingin Anda tambahkan ke menu Anda, dan klik tombol "Tambahkan ke Menu"

Mengatur Item Menu

WordPress memudahkan untuk mengatur item menu Anda – cukup seret dan lepas. Anda dapat menggunakan ini untuk menyusun item, dan jika Anda membuat kesalahan, seret saja kembali

Klik "Simpan Menu" dan selesai

Tip dan Trik

Terkadang, Anda ingin memiliki item menu tingkat atas yang tidak dapat diklik, sehingga Anda dapat membuat menu tarik-turun di bawahnya.

Untuk melakukannya, gunakan tanda pagar di bidang URL, dan masukkan teks tautan khusus Anda – lalu klik “Tambahkan ke Menu”

Ingin memaksa tautan menu terbuka di tab baru?

WordPress adalah platform yang ramah pengguna sehingga bahkan pemula pun dapat membangun situs dengan cukup cepat. Namun, untuk artikel ini, kami menargetkan audiens yang memiliki pengetahuan tentang kode dan shortcode (HTML, CSS, PHP, dll. ). Alasannya adalah menambahkan item khusus ke Menu WordPress Anda agak rumit

Bahkan jika Anda seorang pemula, Anda dapat melanjutkan dengan membaca artikel ini. Kami akan menunjukkan kepada Anda contoh tentang cara menambahkan item khusus ke menu situs Anda – dan kami akan membuat prosesnya sesederhana mungkin

Daftar isi

Cara Menyesuaikan Menu WordPress Anda

Beberapa contoh item khusus untuk situs web WordPress Anda termasuk penggunaan bilah pencarian, memiliki opsi masuk dan keluar, dan menampilkan tanggal saat ini (bukan hanya kalender bulanan di bilah sisi)

Sebenarnya, Anda bisa menemukan tema WordPress yang membawa widget untuk semua item di atas yang baru saja kami sebutkan. Namun, jika Anda sangat mengutamakan keunikan dan memprioritaskan pengalaman pengguna saat mereka mengunjungi situs web Anda, Anda dapat memilih untuk membuat item yang disesuaikan untuk menu situs Anda

Kami akan mengajari Anda cara membuat item khusus untuk menu WordPress Anda di bagian selanjutnya. Perhatikan bahwa kami terutama akan menggunakan kait wp_nav_menu_items untuk mencapai tujuan ini

Langkah-langkah untuk Membuat Item Kustom untuk Menu WordPress Anda

1. Pertama dan terpenting, aktifkan fungsi Menu Kustom di tema Anda saat ini
2. Selanjutnya, kita perlu menambahkan filter ke wp_nav_menu_items hook (ini membutuhkan kode dan shortcode). Termasuk dalam kode adalah kondisi (dalam bentuk pernyataan kondisional) dan lokasi (tempat meletakkan item di Menu Anda)
3. Simpan perubahan yang baru saja Anda buat di bagian pengait wp_nav_menu_items tema Anda

Ini sebuah contoh

add_filter( 'wp_nav_menu_items', 'your_custom_menu_item', 10, 2 );
function your_custom_menu_item ( $items, $args ) {
    if (is_single() && $args->theme_location == 'primary') {
        $items .= '</pre>
<ul>
<li>Add something here</li>
</ul>
<pre>
 
';
    }
    return $items;
}

Cara Menambahkan Tanggal Hari Ini di Menu WordPress

Meskipun sebagian besar tema WordPress memiliki widget kalender, Anda mungkin menginginkan opsi tanggal hari ini di salah satu pengaturan menu Anda. Di bawah ini adalah cuplikan kode contoh untuk membuat item tanggal hari ini. Sekali lagi, Anda dapat menggunakannya apa adanya atau menyesuaikannya lebih lanjut agar sesuai dengan kebutuhan Anda

add_filter('wp_nav_menu_items','add_todaysdate_in_menu', 10, 2);
function add_todaysdate_in_menu( $items, $args ) {
    if( $args->theme_location == 'primary')  {
 
        $todaysdate = date('l jS F Y');
        $items .=  '</pre>
<ul>
<li>' . $todaysdate . '</li>
</ul>
<pre>
 
';
 
    }
    return $items;
}

Cara Membuat Butir Menu Masuk/Keluar

Jika Anda menjalankan situs keanggotaan, tautan masuk dan keluar diperlukan. Di bawah ini adalah contoh cuplikan kode masuk/keluar yang dikonfigurasi untuk ditempatkan di Menu Utama tema Anda. Anda dapat menyalin kode secara langsung atau menyesuaikannya lebih lanjut (mis. g. Anda dapat mengubah lokasi)

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
    if (is_user_logged_in() && $args->theme_location == 'primary') {
        $items .= '</pre>
<ul>
<li><a href="'. wp_logout_url() .'">Log Out</a></li>
</ul>
<pre>
 
';
    }
    elseif (!is_user_logged_in() && $args->theme_location == 'primary') {
        $items .= '</pre>
<ul>
<li><a href="'. site_url('wp-login.php') .'">Log In</a></li>
</ul>
<pre>
';
    }
    return $items;
}

Haruskah Anda Menambahkan Item Khusus di Menu WordPress Anda?

Meskipun tema WordPress sudah cantik dan fungsional sebagaimana adanya, beberapa orang hanya merasa perlu menyesuaikan tema mereka lebih lanjut

Dalam postingan ini, kami menyediakan sampel yang dapat digunakan oleh pengembang tema. Pengguna WordPress yang hanya ingin membuat situs mereka lebih efisien dan bermanfaat bagi audiens mereka juga akan mendapat manfaat dari artikel ini

Rebecca Caper

Kekuatan Rebecca ada di SEO dan analisis data, tetapi dia juga mengetahui cara menggunakan WordPress dengan cukup baik, dan bertanggung jawab untuk menemukan masalah WordPress spesifik yang dimiliki orang, lalu menawarkan solusi

Bagaimana cara menambahkan item ke menu menu?

Bagaimana cara menambahkan CSS khusus ke item menu di WordPress?

Bagaimana cara menambahkan ikon khusus ke menu saya di WordPress?