sisfo

21 October 2019

No Comments

Home Basic Wordpress

Setting Footer Website Seperti Website Utama

Setting Footer Website Seperti Website Utama

Postingan kami kali ini akan membahas tentang bagaimana cara setting footer website, seperti website utama. hal ini cukup penting dilakukan agar user yang beralih dari website utama Telkom University, dapat dengan mudah menyesuaikan mata dan pemahaman dengan website yang akan dikunjunginya, seperti website fakultas dan lain-lain. berikut adalah langkah-langkah pembuatan footer agar sama seperti website utama

  1. Pada Dashboard WP Admin pilih menu Appearance –> Customize
  2. Kemudian pilih menu Footer hingga akan muncul menu seperti ini
  3. Pilih menu Footer 4, untuk melakukan setting tampilan pada footer tersebut.
  4. Pada pilihan jumlah kolom yang muncul, pilih Column 4 seperti gambar di bawah
  5. Kemudian kembali ke menu Footer (dengan menekan tombol < di pojok kiri atas), lalu pilih menu Footer Layout, pilih Footer 4, dan klik Publish
  6. Setelah itu, anda dapet kembali ke menu Dashboard WordPress anda dengan menekan tombol silang (X)di pojok kiri atas
  7. Kemudian setelah kembali ke menu Dashboard, pilih menu Appearance –> Widgets
  8. Setelah itu anda akan dihadapkan pada tampilan seperti di bawah. Di bagian kanan terdapat kolom Widgets Footer 4 – Column 1, Footer 4 – Column 2, Footer 4 – Column 3, dan Footer 4 – Column 4. Masing-masing dapat diisi sesuai kebutuhan dari kolom Available Widgets dengan cara men-Drag and Drop Widget-widget tersebut
  9. Pada Footer 4 – Column 1, dapat diisi dengan Widget Text dengan cara seperti pada di poin 6yang berisi logo Telkom university dengan cara menambahkan script sebagai berikut. Pilih tab Text kemudian anda dapat meng-coppy script berikut

     

    .Pada bagian yang diberi highlight hijau, anda dapat mengganti sesuai dengan sumber logo Telkom university pada media wordpress anda, sehingga jika tabnya diubah ke tab Visual, maka akan berubah seperti berikut
  10. Kemudian pada bagian Footer 4 – Column 2 bisa digunakan kembali widget Text, untuk menuliskan kontak atau alamat Telkom university
  11. Untuk mengisi Footer 4 – Column 3, terlebih dahulu anda harus menginstal plugin MaxButtons untuk menambahkan tombol link, dengan cara seperti ini, yang terdapat pada Footer website Telkom University. Dengan menambahkan dulu widget Text seperti sebelumnya, kemudian anda bisa menambahkan kode yang dihasilkan dari plugin MaxButton seperti berikut
  12. Begitupun untuk menambahkan isi dari Footer 4 – Column 4, anda diharuskan menginstal plugin Ultimate Social Media terlebih dahulu, barulah kemudian aka ada tambahan widget Ultimate Social Media seperti di bawah ini

Leave a Reply