Panduan Mengelola Footer Website

Footer adalah sebuah section/bagian di paling akhir sebuah website. Biasanya pada footer terdapat informasi seperti kontak perusahaan, alamat perusahan, sosial media perusahan, dll.

Informasi-informasi yang digunakan pada footer biasanya menggunakan widget-widget yang sudah disediakan oleh WordPress atau tema-tema yang digunakan. 

Untuk melakukan pengecekan tema pada website Anda, silakan ikuti cara dibawah ini.

1. Pastikan Anda sudah login ke halaman dashboard website Anda.

2. Setelah berhasil login, pilih menu Appearance > Themes. Setelah itu pada halaman dashboard themes akan ditampilkan tema apa yang sedang Anda gunakan.

daftar theme

3. Saat ini Anda bisa mengetahui tema yang aktif pada WordPress Anda. Kemudian Anda bisa cara pengelolaan footer sesuai dengan tema yang digunakan pada tutorial dibawah ini.

Mengelola Footer Website (Bridge Theme)

Untuk pengelolaan footer Anda bisa mengikuti langkah-langkah dibawah ini.

Setelah Anda mengetahui tema yang digunakan (Bridge Theme). Pilih Qode Options -> Footer

footer options

Pada bagian ini, Anda bisa melakukan beberapa pengaturan, yaitu :

  • Uncovering Footer : Digunakan untuk menampilkan efek yang tumpang tindih antara area footer dengan area sebelumnya.
  • Footer Background Image : Digunakan untuk mengubah background pada Footer

Struktur Footer dan Styling

Footer Area terdari dari dua section yaitu Footer Top dan Footer Bottom

footer top bottom

Footer Top

footer top

Pada footer top kita bisa melakukan styling pada konten yang akan digunakan seperti pengaturan jumlah kolom, alignment konten, warna, padding, border dll.

footer top alignment
footer top colors
footer top border

Footer Bottom

footer bottom

Pada Footer Bottom, Anda bisa juga melakukan styling pada jumlah kolom, warna background, padding, border.

footer bottom column

Selain itu, anda juga bisa mengubah backgrond footer bottom menjadi gambar dan mengatur spasinya.

footer bottom bg

Widgets

Untuk menambahkan konten pada footer Anda, bisa diakses melalui Appearance > Widgets.  Akan muncul setting untuk melakukan penambahan konten pada Footer Column 1/2/3/4

footer col

Pada masing-masing Footer Column, Anda bisa menambahkan konten informasi, dengan cara menekan tombo plus (+) lalu akan muncul informasi/elemen apa saja yang bisa ditambahkan

footer plus

Untuk informasi-informasi yang bisa ditambahkan pada widget antara lain :

  • Social Media Icons
  • Image Media
  • Teks
  • Struktur HTML
  • Widget Bawaan WordPress & Tema
  • File Embed sepert Youtube, Vimeo, Spotify, dll

Mengelola Footer Website (Astra Theme)

Untuk pengelolaan footer Anda bisa mengikuti langkah-langkah dibawah ini.

1. Setelah Anda mengetahui tema yang digunakan (Astra Theme). Pilih Appearance > Customize.

2. Setelah masuk di halaman customize, pilih Footer Builder

footer builder

3. Di dalam Footer Builder terdiri dari Visual Footer BuilderGeneral Tab, dan Design Tab. Anda dapat mengatur element dengan menggunakan Visual Builder dan melakukan customize menggunakan General dan Design Tab

ast hf footer visual builder

Visual Footer Builder

Visual Footer Builder membuat Anda lebih fleksibel dalam melakukan perubahan pada desain footer website Anda.

  • Pada Visual Footer Builder, Anda bisa mengatur struktur footer pada Above Footer (baris 1), Primary (baris 2 / tengah), dan Below (baris 3)
  • Untuk menambahkan element, Anda cukup mengklik tanda plus yang terdapat pada struktur footer yang diinginkan (Button, HTML, Footer Menu, Socail Widget, dan Copyright)
  • Untuk melakukan pengaturan posisi, Anda cukup melakukan drag and drop saja pada element yang digunakan.

Footer Builder Element

Tema Astra memberikan beberapa element yang bisa digunakan, yaitu :

  • Copyright : Digunakan untuk menambahkan informasi tentang copyright dari sebuah website.
  • HTML 1/2 : Digunakan untuk menambahkan informasi berupa script HTML
  • Widget 1/2/3/4 : Digunakakn untuk menampilkan informasi seperti alamat kantor, nomor telepon, gambar, button, dll
  • Social : Digunakan untuk menampilkan informasi sosial media 
  • Footer Menu : Digunakan untuk menampilkan informasi Footer Navigasi di Footer

Untuk melakukan setting pada struktur footer (Above, Primary, Below Footer), pilih icon pengaturan. Kemudian Anda akan diarahkan ke tampilan setting desain.

footer general
footer desing

General Tab

Element yang di tambahkan pada visual footer builder akan tersedia pada General Tab. Untuk melakukan pengaturan, Anda bisa klik pada element untuk melakukan pengaturan lebih detail.

widget setting

Design Tab

Anda bisa melakukan pengaturan desain pada masing-masing element. Desain yang dimaksud adalah desain untuk background warna, warna teks, spacing, dll.

widget desain

Apakah artikel ini membantu?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Export Database di phpMyAdmin

Untuk melakukan eksport database di phpMyAdmin, Anda perlu mengakses phpMyAdmin terlebih dahulu. Langkah-langkah Export Database melalui phpMyAdmin 1. Buka phpMyAdmin di cPanel 2. Pilih database yang ingin dieksport di sidebar sebelah kiri. 3. Klik tombol Export pada menu navigasi di atas tabel. 4. Jika Anda hanya ingin melakukan eksport file SQL, yang dibutuhkan untuk memindahkan […]

Selengkapnya
related posts

Cara Optimasi Database MySQL Menggunakan phpMyAdmin

Melakukan optimasi database MySQL memiliki beberap manfaat bagi website Anda, salah satunya adalah dapat meningkatkan kecepatan database dalam menampilkan data. Ukuran database website dapat bertambah seiring berjalannya waktu, terutama jika website tersebut memiliki banyak konten. Oleh karena itu, melakukan optimasi database dapat signifikan meningkatkan performa website. Untuk melakukan pengoptimalan, Anda dapat menggunakan phpMyAdmin yang merupakan […]

Selengkapnya
related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya