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.
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
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
Pada footer top kita bisa melakukan styling pada konten yang akan digunakan seperti pengaturan jumlah kolom, alignment konten, warna, padding, border dll.
Footer Bottom
Pada Footer Bottom, Anda bisa juga melakukan styling pada jumlah kolom, warna background, padding, border.
Selain itu, anda juga bisa mengubah backgrond footer bottom menjadi gambar dan mengatur spasinya.
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
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
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
3. Di dalam Footer Builder terdiri dari Visual Footer Builder, General Tab, dan Design Tab. Anda dapat mengatur element dengan menggunakan Visual Builder dan melakukan customize menggunakan General dan Design Tab
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.
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.
Design Tab
Anda bisa melakukan pengaturan desain pada masing-masing element. Desain yang dimaksud adalah desain untuk background warna, warna teks, spacing, dll.
Apakah artikel ini membantu?
