Cara Setting Widget WordPress dan Menu di WordPress

www.domainesia.com

Cara Setting Widget WordPress dan menu di WordPress adalah lanjutan dari tutorial saya yang kemarin tentang cara membuat WordPress. Setelah kita setting permalink dan setting WordPress secara umum, agar tampilan blog kita bisa lebih menarik maka kita perlu juga menambahkan menu dan juga widget untuk memudahkan navigasi user dan juga menambahkan space buat memasang iklan nantinya.

Tutorial terbaru tentang topik ini lengkap dengan videonya juga bisa kamu temukan di sini.

Cara Setting Widget WordPress

Untuk mengunjungi halaman pengaturan Widgets di WordPress adalah dengan membuka menu Widgets di bawah tampilan (/wp-admin/widgets.php). Tampilan admin di WordPress 3.8 adalah sebagai berikut;

Cara Setting Widget WordPress

Ada 2 kotak dalam dashboard cara setting widgets WordPress ini, kotak yang bagian kiri adalah daftar widget yang bisa kita pasang di sidebar kita. Sedang bagian yang kanan adalah slot widget yang bisa kita tempati widgets nantinya. Untuk menambahkan widgets tinggal memindahkan kotak yang ada di kiri ke kotak yang ada di kanan.

Beberapa hal yang menjadi catatan adalah;

  • Jumlah dan macm widgets yang bisa kita pasang itu tidak pasti sama antara satu blog dengan blog lainnya. Beberapa plugins yang kita install kadang menambahkan widgets mereka juga untuk menampilkan data yang mereka hasilkan. Dalam gambar di atas contohnya adalah Google Analytics Stats itu, yang menampilkan data tentang pengunjung blog.
  • Tempat/slot widgets juga lain – lain pada situs yang berbeda, bergantung dari themes yang kita gunakan. Bisa saja satu themes memiliki satu area widgets saja, di lain sisi bisa saja ada 13 widgets yang bisa kita pasang (Thematic) atau bahkan puluhan themes sekaligus (Gantry)

Cara Setting Widget WordPress (Judul)

Cara Setting Widget WordPressSebuah widget bisa kita beri title (judul) sendiri biasanya, seperti gambar ini menunjukkan sebuah widget posting terbar/recent post yang saya beri kotak merah. Judulnya secara default adalah recent post itu, tapi kalau mau dirubah jadi “artikel paling anyar” misalnya, adalah dengan mengisi title yang saya beri kotak orange itu.

Kalau kamu memasang Plugin jetpack juga, akan ada setting tambahan tentang widget ini, disebut dengan visibility/setting pemunculan widget, kamu bisa menyembunyikan widget A pada saat posting tentang Themes, dan memunculkannya saat posting tentang Plugins misalnya, bisa juga sebaliknya.

Membuang/Menghapus Sebuah Widgets WordPress

Untuk membuang atau menonaktifkan sebuah widgets WordPress kamu bisa:

1). klik delete pada kotak merah pada gambar sebelumnya jika yakin widgets itu tidak diperlukan lagi.

2). Drag widgets ke bagaian inactive widgets jika nanti ingin digunakan lagi. Jika berganti themes dan jumlah widgets themesnya tidak sama biasanya juga otomatis masuk di sini.

Cara Setting Menu Di WordPress

Cara setting menu di WordPress berada tepat di bawah cara setting widgets, kalau untuk URLnya ada di wp-admin/nav-menus.php (lingkaran merah nomor 1). Tampilan untuk setting menu di WordPress selengkapnya sebagai berikut;

Cara Setting Menu di WordPress

Cara menambah menu baru

Untuk menambah menu baru di WordPress, klik lingkaran merah kedua/create new menu. Lalu akan muncul tampilan seperti berikut;

Cara Setting Menu di WordPress - Membuat MenuKetikkan nama menu baru (tutorialmenu) lalu klik create menu.

Menambahkan Item dalam menu

Untuk menambahkan item, lihat kembali kotak merah pertama pada setting menu di WordPress di atas. Centang kategori yang diinginkan lalu klik add to menu untuk menambahkannya ke menu (kotak orange 1). Sedang untuk menambah custom link seperti link Tutorial WordPress Pemula di blog ini yang mengarah ke sebuah posting, caranya seperti berikut ;

Cara Setting Menu di WordPress - Menambah Menu

Memindah posisi menu

Jika dalam themes kamu ada beberapa posisi menu seperti themes yang saya pakai, kamu bisa memindah dan menukar – nukar posisi menu.

Caranya; lihat gambar setting menu di WordPress tadi lagi, pada kotak orange 2 bisa kamu pindahkan centangnya pada Additional Navigation lalu klik save menu untuk mengganti menu nav ke posisi menu kedua.

Sedang untuk memindah secara bersamaan sebuah menu, bisa melalui tab Manage Location di bagian atas itu. Nanti akan disajikan dalam pilihan drop down untuk pertukaran secara lebih cepat.

Penutup Tutorial Cara Setting Widgets dan Menu WordPress

Dalam beberapa bagian dari tutorial ini saya akui memang ada yang sedikit kurang jelas dan mungkin membingungkan, terutama kalau kamu benar – benar baru tentang WordPress. Saya sudah berusaha memuatnya sesederhana mungkin, tapi kalau masih bingung bisa ditanyakan di komentar.

Sekian, terima kasih dan semoga berguna 🙂

Yuk Bagikan:

82 pemikiran pada “Cara Setting Widget WordPress dan Menu di WordPress”

  1. Saya udah sering otak atik otak di halaman pengaturan blog p saya mas tapi sampai sekarang masih bingung2 dalam membuat menu untuk blog saya tapi setelah saya bca penjelasan mas di atas, mudah2an saya bisa memraktekkannya nanti pada blog saya walau masih versi gratisan wp-nya mas.. 😀

    Balas
  2. bisa kasih petunjuk buat nambahin widget ask.fm untuk wordpress ngga?
    soalnya percobaanku tidak behasil..
    setiap kali copy paste html nya, trus aku save di widget teks malah hilang..

    Balas
    • Kemungkinan karena code widgetnya menggunakan code javascript dari pihak ask, waktu pertama saya menggunakan WordPress.com memang tidak diperbolehkan menggunakan code javascript dari web lain seperti ini. Tapi untuk pengguna WordPress self hosting nampaknya bisa.

      Balas
    • Wah saya juga kurang tau themes itu,ada ribuan themes di repository wordpress, saya lihat themes yang itu sudah 2 tahun tidak update, kemungkinan blom update custom header. Butuh hacking themes jadinya.

      Balas
    • Secara logika kita bisa menambahkan sebuah widget, yang hanya kita munculkan saat layar mendekati resolusi \’mobile\’ yang kita kehendaki. Caranya adalah dengan menggunakan CSS media query. Googling saja bentar, nanti pasti ketemu 🙂

      Balas
    • User atau komentator ini yya? Kalau komentar bisa pasang saja widget recent comment, tergantuung themes sih tampilannya, tapi biasanya gravatar akan tampil juga kalau yang bersangkutan pernah mendaftarkan email yang dipakai dalam komentar di gravatar.

      Balas
  3. gan mohon bantuannya.. giana cara ngatur widget tertentu tampilnya hanya di postingan saja… bisakah?? apa haru gunain plugin kalo iyaa nama pluginnya apa yaa?? mohon bantuannya?? terimakasih

    Balas
  4. Mas, mau tanya. Kalo kepengen munculin tulisan semacam \”new post\” untuk postingan terbaru di twitter atau socmed lainnya gimana ya? saya ngerasa pernah liat kolomnya di wordpress tapi lupa. Makasih

    Balas
      • Oh iya mas saya punya beberapa web dengan domain .tk dari freenom. Nah cara pengoptimalan webnya gmn ya? sya di ajarin temen dan di beri hosting(hostgator) beberapa langkah yg di ajarin cm menghapus plugin,post,nge upload theme yg udh di berikan teman dgn plug innya.
        Nah sekiranya web lebih di minati oleh orang gimana ya mas?

        Balas
        • MENULIS artikel yang benar – benar berguna buat calon pambaca, dengan sedikit penelitian tentang masalah apa yang mereka hadapi atau produk apa yang mereka cari adalah langkah awal membangun website mas. Jaman sekarang tidak bisa rasanya buat website sekedar copy paste. Kalau isi website kita original buatan sendiri, isinya sesuai dengan kebutuhan pembaca biasanya nanti pembaca akan berdatangan sendiri mas.

          Balas
  5. Selamat malam mas, terima kasih artikel2nya sangat bermanfaat buat pemula seperti saya.

    Ada yang mau saya tanyakan. Saya memakai tema wordpress MH theme, sudah secara otomatis terpasang mobile friendly nya, tapi di tampilan mobile tidak ada menu halamannya. Bagaimana caranya agar menu halaman muncul di tampilan mobile dan bagaimana caranya supaya iklan melayang tidak muncul di tampilan mobile?

    Balas
    • Kalau untuk menu halaman di tampilan mobile (layar kecil) dari themes yang mas pakai saya tidak tahu pastinya, saya lihat juga tidak ada perbedaan di source codenya. Mas bisa tanya dengan bagian support developer themesnya atau Googling kali saja ada yang memberikan tutorial solusinya. Karena tiap themes memiliki setting spesifik masing – masing, developer atau sesama pengguna biasanya lebih tahu.

      Sedang untuk iklan yang ingin dibuang di tampilan mobile mungkin mas bisa catat html class atau id iklan itu, lalu membuat rule di file css mas kalau untuk lebar layar dibawah 480px atau yang sesuai dengan tampilan mobile menurut mas bagian itu di hidden. Konsepnya begitu mas, caranya bisa banyak banget. 🙂 Semoga membantu.

      Balas
  6. Sore Mas Tiyo,,,
    Untuk setting widget di versi wordpress 4.3 gimana ya?
    Saya kesulitan setting widget karena tampilan menu di Appearance>Widgets berbeda sekali dengan yang versi sebelumnya. Mohon infonya, terima kasih,,,,

    Balas
    • Punya saya sama persis dengan versi – versi sebelumnya mas, begitu buka wp-admin/widgets.php tidak ada perubahan yang berarti. Mungkin pengaruh dari themes yang mas pakai tidak support dengan WordPress 4.3. Karena saya dulu pernah lihat ada themes yang merencanakan untuk membuat perubahan tentang widget ini nanti kalau WordPress 4.3 rilis.

      Kalau tidak themes, kemungkinan ada plugin yang confict, kemarin saya menggunakan plugin untuk menampilkan video dari YouTube, ketika dia aktif tampilan di halaman widget jadi hanya separoh, tapi setelah saya ganti pluginnya normal saja sekarang.

      Balas
  7. maaf mau tanya jika kita menggunakan tampilan menu dropdown. isi menu ada 35 categori misalnya tapi jika di klik cuma sekitar 20 yg bisa diakses. untuk membuatnya bisa menggulung kebawah bagaimana pak? Makasih sebelumnya

    Balas
    • 35 kategori menurut saya over, 20 itu saja sudah terlalu banyak mungkin. User sudah lelah dengan aktifitas online dengan website – website yang kadang tampilannya membuat mata sakit pak, baiknya kita berusaha menjadikan hal – hal terpenting dari website kita saja dalam sebuah menu, agar user tidak kebingungan saat berkunjung ke website kita.

      Secara teknis mungkin dengan menggunakan beberapa properti CSS, misal menentukan tinggi maksimal

      ul

      yang berisi list menu, lalu memberikan overflow dan sebagainya, saya sudah lama tidak coding 😀

      Balas
  8. thanks tutorialnya….masih newbie nih…..

    mau tnya boleh g mas, sy kan mau psang widget gambar di samping sebelah kiri atau kanan, trus sy pake widget image, tp kok g muncul2 ya…jd bingung nih…

    thanks jawabnnya. salam kenal mas…

    Balas
    • Widget image seperti apa ya, biasanya untuk menambahkan banner kita menggunakan widget text, lalu di sana nanti diisi tag html untuk memanggil gambar yang dimaksud. Misalnya seperti ini;
      <img src=\”http://…..com/gambar.jpg\” />
      atau seperti ini untuk menampilkan banner yang jika di-klik mengarah ke halaman web tertentu;
      <a href=\”http://……com/page.html\” /><img src=\”http://…..com/gambar.jpg\” /></a>

      Balas
  9. Dear agan,
    Minta info gimana cara menu tersesuia bila di klik terbuka di tab baru, cari-cari di search engine tidak ada yang membahas…sduha muter2 lebih banyak yang untuk blogger.com yang buat wordpress jarang yang bahas.

    Balas
    • Kalau di WordPress mungkin tidak bakalan ada. Soalnya menu adalah sebuah fitur bawaan WordPress yang mana kita bebas memasukkan link apa saja tapi tidak bisa menambahkan atribut target=_blank dan sebagaianya. Dari functionnya WordPress ga ada mas.

      Dan ini bukan tanpa alasan, demi kenyamanan pembaca blog. Bayangkan kalau tiap pindah category user nambahkan tab baru, bisa – bisa kebanjiran tab. Apalagi kalau membukanya via smartphone, makin ga nyaman dan boros RAM.

      Balas
  10. mas bagus artikelnya
    mas saya mau nanya nih blog ane ko gambar tampilan artikelnya ngga kelihatan pas masuk postingannya. tapi kalau beranda blog nampak gmbar tampilannya itu mengapa sih dan cara mengatasinya agar terlihat kembali gimana?
    tthanks ya mas

    Balas
  11. Teacher, mohon pencerahannya. Saya memiliki web memakai WP dengan thema Sahifa. Pertanyaan saya di dasbornya kok tidak ada Apperance dan menu widget. Mohon petunjuknya ? terima kasih

    Balas
    • Yang penting ada ikon kuas di samping kiri harusnya bisa di tampilkan. Kalau sampai tidak muncul kemungkinan karena dari themes yang mas pakai ingin mas selamanya menggunakan themes itu saja hingga menyembunyikan menu ini.

      Caranya masih sama, untuk mengakses halaman pengetauran themes ada di site.com/wp-admin/themes.php dan kalau widget ada di site.com/wp-admin/widgets.php.

      Salam kenal mas Ajun, dan please jangan panggil saya teacher 😆

      Balas
  12. Oke, brarti saya panggil dg Suhu. hehehe..
    bTW stlh saya cek tidak tanda/simbol kuas. Kalau misalnya theme sahifa saya ganti dengan thema yg lain apa tidak berpengaruh terhadap susunan desain web saya, pak Suhu ?
    Mohon pencerahannya. terima kasih

    Balas
  13. Saya sudah masuk ke : brewijayapresent.com/wp-admin/themes.php
    dan brewijayapresent.com/wp-admin/widgets.php. Tetap tidak bisa dan ada tulisan : Anda tidak memiliki cukup izin untuk mengakses laman ini. Kira-kira itu themenya apa tidak full theme alias menggunakan thema gratisan. Soalnya saya pesan desain web di teman saya. terima kasih Pak Suhu.

    Balas
    • Kalau melihat pesannya berarti mungkin akun mas Ajun di setting sebagai editor saja, jadi tidak punya wewenang untuk ganti themes. Coba di konfirmasikan saja dengan teman mas yang membuatkan. Karena, kalau misal ada fuction yang dipakai untuk menyembunyikan ikon kuas dan halaman seting widget yang dicoba di akses tadi, harusnya pesannya tidak akan seperti itu saat dicoba mengaksesnya dengan menuliskan alamat seperti itu.

      Saya sudah tahu webnya, cuman bisa lihat dari luar kok 😛

      Balas
  14. Mas mau nanya ni,,kalau di wordpress self host menu buat pembaca yang nyari situs buat blogwalking kaya di wp di mana ya mas,,,masih newbie mohon pencerahannya

    Balas
  15. Sangat membantu mas, saya juga lagi belajar bikin menus, untung ada artikel ini.. untuk bikin menu per katagori gimana mas ya, saya mau bikin menu tips dan trik, jadi ntar isinya artikel tips dan trik saya saja..

    Terimakasih

    Balas
    • Maksudnya bagaimana ya? Apa bikin menu dari kategori itu dan nanti semua artikel dalam satu kategori muncul sebagai sub menu begitu? Kalau sampai banyak menurut saya akan menganggu user, karena kepanjangan.

      Balas
  16. widget teks saya tidak ada isisan form title maupun content…bener2 kosong cuma pilihan hapus dan simpan..apakah agan punya solusinya?

    Balas
    • Kemungkinan ada konflik dengan plugin lainnya atau theme yang dipakai. Coba mas ganti dengan theme default dan cek lagi seting wedgetnya untuk menguji apakah themes yang dipakai bermasalah. Sedang untuk mencari tahu kemungkinan masalah berasal dari plugin, nonaktifkan semua plugin, lalu hidupkan satu per satu sampai ketemu plugin yang (mungkin) menyebabkan masalah ini.

      Balas
  17. Cara buat blog jadi 3 kolom bagaimana ya gan.Kurang paham ini.
    Terus cara buat judul diatas seperti home ,pendidikan,dan elektronik gimana ya.
    Soalnya blog saya masih berantakan gan.maklum masih pemula.heehee
    Mohon dibantu ya gan caranya.
    Terimakasih.

    Balas
    • Layout blog sangat bergantung dengan themes yang kita pilih, saya lihat menu dari blog mas memang tidak langsung terlihat. Saya lihat mas mau nyoba pasang AdSense juga ya, di WordPress.com tidak bisa mas.

      Balas
  18. Mas maaf tanya ni..untuk menampilkan menu Appearance yang gk tampil bagaimana caranya?.
    Soalnya tampilan menunya banyak yang hilang. diantaranya Menu Appearance, Settings dan Plugins.
    mohon iformasinya. terima kasih

    Balas
    • Kemungkinan Mas di sana bukan sebagai administrator, atau jika tidak ada plugin/themes yang aktif yang berfungsi tidak wajar dengan menyembunyikan menu ini. Kalau mas ada akses via CPanel bisa menon-aktifkan dulu semuanya dengan secara manual menghapus file2 plugin dan themes.

      Balas
  19. halo pak guru, coba lakukan survey kepada para pembaca blog anda. apakah mereka senang membaca blog sambil dihalangi oleh wiget medsos anda yang disebelah kiri ini ? maaf pak guru, saya terganggu sekali. ini masukan loh…he he he….

    Balas
  20. Halo mas, saya ingin bertanya tanya tentang WordPress lebih jauh lagi. Saya boleh minta alamat email yang bisa dihubungi? soalnya saya newbie di WordPress dan dahulu saya pemakai Tumblr yang aktif dan ingin berhijrah ke WordPress namun saya memiliki banyak kendala ketika membuat blog wordpress.

    Terima Kasih.

    Balas

Tinggalkan komentar