SHARE :

Menyesuaikan Tema Zerif (Customize Zerif Theme)

Terbit : 8 September 2018 / Kategori : Digital Marketing / Website / Komentar : 0 komentar / Author : Andi Dwi Riyanto

Menyesuaikan tema Zerif harus dilakukan setelah kita memasang tema Zerif di website kita. Secara garis besar, penyesuaian (customize) tema hampir sama, terlebih pada tema-tema keluaran dari Themeisle. Untuk melakukan penyesuaian tema, langkah pertama yang harus dilakukan adalah login sebagai administrator, kemudian ke menu Appearance -> Customize, seperti pada gambar dibawah ini.

Setelah itu akan muncul tampilan seperti berikut:

Keterangan dari gambar diatas:

  1. Merupakan informasi tema yang aktif: Zerif Pro.
  2. Merupakan panel untuk mengatur tampilan/layout halaman utama.
  3. Merupakan preview / tampilan sementara untuk memantau perubahan yang terjadi.
  4. Tombol Publish digunakan untuk menyimpan jika ada perubahan yang dilakukan.

 

Penjelasan Panel Penyesuaian Tema Zerif Pro

Pada panel Zerif pro terdapat menu yang dapat digunakan untuk pengaturan penyesuaian tema. Berikut penjelasan menu penyesuaian tema Zerif.

  • Theme info
    Pada menu ini terdapat 3 sub menu yaitu:

    • View Documentation: merupakan tombol yang jika di klik menuju ke halaman dokumentasi resmi Zerif yakni di https://docs.themeisle.com/article/87-zerif-pro-documentation.
    • View Theme Info: merupakan tombol yang jika di klik menuju ke halaman informasi dari Tema yang kita gunakan. Mulai dari informasi versi Zerif yang digunakan, tab Getting Started, Recommendation Action (rekomendasi untuk menginstall plugin tambahan), Plugin yang tersedia include di Zerif, dan Tab Support.
    • View Demo: merupakan tombol yang jika di klik menuju ke halaman Live Demo dari tema Zerif Pro, yakni alamat: https://themeisle.com/demo/?theme=Zerif%20Pro

  • Site identity
    Menu Site identity ini digunakan untuk mengatur:

    • Logo, jika logo kita isi, maka secara otomatis tulisan Site title dan Tagline akan tertutup oleh logo (tulisan site title dan tagline seloah hilang).
    • Site title dan Tagline: Menuliskan Judul website dan Slogan. Untuk kepentingan Search Engine Optimization (SEO), Site title dan Tagline ini bisa dituliskan keywords (kata kunci) target.
    • Site Icon yang muncul pada tab / jendela di browser.
      Terdapat juga pengaturan tampilan di komputer desktop, tablet ataupun mobile.

  • Section order
    Pada menu Section Order terdapat 13 sub menu yaitu

    • Our Focus
    • Bottom Ribbon
    • Portofolio
    • About Us
    • Our Team
    • Testimonials
    • Right Ribbon
    • Contact Us
    • Google Map
    • Packages
    • Subscibe
    • Latest News
    • Shortcodes

Sub menu ini hanya mengurutkan saja. Untuk pengaturan dimunculkan atau tidak ada di menu selanjutnya.

  • Colors
    Menu ini mengatur 3 hal yaitu: Footer Colors, General Colors, Button Colors
  • General options
    General options digunakan untuk mengatur:

    • General options: mengatur enable/disabler preloader dlsb.
    • Footer options: mengatur email, telpon, dan maps.

  • Socials options: mengatur hyperlink media sosial yang akan di tampilkan.
  • Backgroud
    Pada menu background terdapat sub menu:

    • Background settings: memilih tipe background: apakah gambar/image, slider ataupun video.
    • Background Image: menampilkan (upload) gambar untuk diletakkan di background.
    • Background slider: mensetting gambar yang digunakan untuk background jika hendak menggunakan background slider.
    • Background Video: menampilkan (upload) video dengan ekstensi .mp4. Sebagai catatan, jika memilih background video, tidak akan bekerja dalam versi mobile.
  • Big title section
    Terdapat 4 sub menu:

    • Setting: Mensetting menampilkan atau menyembunyikan big title section.
    • Content: Merubah content/tulisan big title
    • Colors: Merubah background warna
    • Parallax effect: Menyetel efek parallax (bergerak)

  • Our focus section
    Pada menu ini terdapat 4 sub menu yaitu:

    • Setting: Untuk menampilkan / menyembunyikan menu ini.
    • Header: Untuk mensetting judul dan sub judul.
    • Colors: Untuk merubah warna.
    • Our focus section widgets: Untuk merubah dan menambah gambar focus. Caranya klik tombol add widget -> Serif Our focus widget.

  • Portofolio section
    Pada menu portofolio section terdapat 4 sub menu:

    • Setting: Digunakan untuk menampilkan/menyembunyikan menu portofolio, memilih lightbox atau tidak, dan menentukan jumlah maksimal portofolio yang tampil di halaman utama.
    • Content: Mengatur judul dan sub judul.
    • Single page: Mengatur full width page atau tidak.
    • Colors: Mengatur pewarnaan.
  • About us section
    Terdapat sub menu:

    • Settings: Menyetel menampilkan / menyebuyikan menu ini.
    • Main content: Menentukan tulisan judul, sub judul, konten sebelah kiri, dan konten tengah.
      Feature no#1, no#2, no#3, dan no#4: menyetel judul fitur, text dan presentase skor.
    • Colors: Mengatur pewarnaan.

  • Our team section
    4 sub menu:

    • Setting: menyetel menampilkan / menyembunyikan fitur / menu our team selection.
    • Header: Menyetel judul dan sub judul.
    • Colors: Menyetel pewarnaan.
    • Our team section widgets: Add a widget, Zerif – Team member widget.

  • Testimonials section
    4 sub menu:

    • Setting: Digunakan untuk menyetel menampilkan / menyembunyikan menu ini.
    • Header: Menentukan judul dan sub judul.
    • Colors: Mengatur pewarnaan.
    • Testimonilas section widget: Menulis testimoni. Add widget Zerif testimonial widget.
  • Ribbon sections
    • Bottombutton ribbon.
    • Rightbutton ribbon.

  • Contact us section
    • Setting: Mengatur menampilkan / menyembunyikan fitur / menu ini. Apakah mau mengganti dengan form lain, menuliskan e-mail penampung, perlukan menggunakan captcha?
    • Main content: Mensetting layout.
    • Colors: Mengatur pewarnaan.

  • Google map section
    Menampilkan peta

  • Latest news section
    • Setting: Mensetting menampilkan/menyembunyikan menu ini.
    • Header: Menentukan judul dan sub judul.
    • Colors: Menentukan pewarnaan.

  • Hompage Settings
    Mengatur apakah halaman utama adalah halaman statis atau dinamis.

 

Baca : https://andi.link/belajar-internet-marketing-dari-dasar-pemula/

Berita Lainnya



Tinggalkan Komentar