Oktober 26, 2017

WordPress : Membuat Menu Kolom di Footer

Sering dimulai dengan melihat sesuatu yang menarik perhatian di sebuah situs, maka muncul keinginan untuk meniru atau memiliki hal yang bagus itu. Laku mencari bagaimana caranya, menemukan, mempraktekkan, dan kemudian berbagi. Begitulah kira-kira yang saya lakukan.

Proses mencari apa yang saya inginkan itu merupakan satu bagian yang sering menyita banyak waktu, karena sangat bergantung pada ketepatan kata kunci yang kita masukkan ke mesin pencari, dan bisa memakan waktu berjam-jam, bahkan hari, untuk menemukan apa yang dicari.

Namun mencari merupakan bagian yang paling menarik pula. Ada kegembiraan dan perasaan lega luar biasa ketika berhasil menemukan apa yang kita cari.

Kali ini adalah bagaimana membuat menu kolom pada footer blog yang berbasis Wordpress. Sejak memiliki dotcom saya memang beralih ke platform WP, dengan begitu banyak pilihan plugin gratis dan tinggal pakai saja.

Inilah langkah-langkah untuk membuat menu kolom pada footer:

  1. Buka style.css anda, Selalu back-up sebelum melakukan perubahan.
  2. Masukkan kode css berikut ini di dalam style.css anda:

    .kolom1{
    text-align:left;
    float:left;
    margin:0 0 0 20px;
    }
    .kolom2{
    float:left;
    text-align:left;
    margin:0 0 0 60px;
    }
    .kolom3{
    float:left;
    text-align:left;
    margin:0 0 0 60px;
    }

    Save. Anda bisa menambahkan untuk kolom 4 dst.
  3. Buka footer.php dan masukkan kode berikut ini, rubah tautan sesuai keperluan:
    <p class="kolom1">
    <a href="https://www.abcde.com/tag/hotel/">Hotel</a><br/>
    <a href="https://www.abcde.com/tag/tempat-wisata/">Wisata</a><br/>
    <p/>

    <p class="kolom2">
    <a href="https://www.abcde.com/tag/peta-wisata/">Peta</a><br/>
    <a href="https://www.abcde.com/">Travelog</a><br/>
    </p>

    <p class="kolom3">
    <a href="https://www.abcde.com/pencarian/">Cari</a><br/>
    <a href="https://www.abcde.com/tentang-wisata/">Tentang</a><br/>
    </p>
  4. Save. Selesai.

Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang, seorang penyusur jalan.
Traktir BA secangkir kopi? Scan via 'Bayar' GoPay.