Cara Menambahkan Template Header Di Oxygen Builder – Langkah Demi Langkah

Diterbitkan: 2022-07-06

Oxygen builder adalah plugin pembuatan halaman WordPress yang luar biasa. Meskipun Elementor Pro telah mengambil sebagian besar kredit untuk plugin pembuat halaman, Oxygen adalah alat yang hebat untuk pemula. Dibutuhkan beberapa waktu untuk membiasakan diri dengan pembuat halaman baru ini, tetapi begitu Anda melakukannya, itu cukup mudah digunakan.

Jika Anda ingin menambahkan header khusus menggunakan Oxygen builder, maka saya akan memandu Anda di artikel ini. Pemula sering merasa kesulitan untuk menambahkan template header ke oxygen builder. Oleh karena itu, saya akan menjelaskannya dengan cara yang sesederhana mungkin.

Memasang Oxygen Builder dengan atau tanpa Template

Secara default, Oxygen Builder menonaktifkan tema. Jadi penyesuaian menggunakan dasbor WordPress dan pengaturan tema tidak tersedia.

Dengan menggunakan Oxygen Builder, Anda dapat dengan mudah membuat header, footer, pop-up, dan konten utama tanpa perlu tema mewah.

Selama proses instalasi, Oxygen memungkinkan Anda untuk memilih antara instalasi default dan instalasi kosong. Pada “ Default install “ akan ditambahkan template dengan header dan footer, sedangkan pada “ Blank installation “, page builder akan dipasang tanpa header, footer, atau konten apapun.

Oxygen builder plugin

Cara Mudah: Bagaimana Cara Menambahkan Template Header di Oxygen Builder?

Jika mau, Anda dapat menggunakan template yang sudah jadi atau membuat header Oxygen dari awal. Ini mencakup 18 set template , termasuk 18 set header dan footer. Bergantung pada tema situs web dan desain target Anda, Anda dapat memilih tajuk.

Oxygen builder library

Untuk menambahkan Header dari perpustakaan template, Anda harus pergi ke menu Oxygen dari sidebar kiri di dashboard WordPress.

Buka Oksigen Template Utama Edit Edit dengan Oksigen. Anda akan mendarat di halaman dengan Header, Footer, dan konten atau kosong sesuai dengan instalasi Anda.

Oxygen builder templete setting

Untuk menambahkan tajuk baru, klik tombol “Tambah Elemen ” (“ ”) lalu gulir dan pilih Pustaka. Klik pada "Set Desain."

Selanjutnya, pilih template apa saja dari daftar dan klik “ Bagian dan Elemen ,” gulir ke bawah ke Header . Tergantung pada template, Anda akan mendapatkan 1 hingga 5 desain Header di setiap template.

Oxygen builder header templates

Biasanya, elemen baru cenderung jatuh di bagian bawah halaman. Anda dapat menyeret Header dengan menggunakan penunjuk dan meletakkannya di bagian atas halaman.

Berikut beberapa desain header yang bisa Anda dapatkan.

header designs by oxygen builder

Membangun Header dengan Oxygen Header Builder

Meskipun ada banyak opsi yang tersedia, Anda mungkin ingin membuat tajuk khusus. Pembuat header oksigen menyederhanakan dan meningkatkan proses pembuatan header. Hanya dengan beberapa klik, Anda dapat membuat header khusus perangkat dan responsif.

Langkah 1: Membuat Template Baru

Anda dapat mengerjakan template default pada header Oxygen. Anda dapat menghapus header default dari template Utama dan membuat header baru atau membuat template baru.

Untuk menambahkan template baru, buka Template di bawah Oxygen. Klik "Tambahkan Template Baru", beri nama sesuka Anda, dan tekan terbitkan.

Sekarang Anda akan mendapatkan tombol Edit with Oxygen untuk membuat header Anda. Anda akan mendapatkan halaman kosong di mana Anda akan membuat header sesuka Anda.

Langkah 2: Membuat Pembuat Header

Sekarang klik "Tambah Elemen," klik Pembantu, lalu pilih "Pembuat Header." Header tidak lengkap tanpa logo dan menu.

Anda dapat menambahkan elemen dari tombol Tambahkan elemen. Untuk menambahkan Menu, Anda perlu mengklik tombol tambah dan kemudian WordPress Menu.

Dari pengaturan, pilih Menu Utama jika Anda memiliki beberapa menu di situs web Anda.

Oxygen builder primary menu setting

Anda juga dapat menambahkan tombol menggunakan metode yang sama. Fitur terbaik membuat header di Oxygen, kamu bisa drag and drop item untuk mengatur posisinya. Anda dapat menempatkan item di posisi rata kanan, rata tengah, dan rata kiri.

Selain itu, Anda dapat menggunakan pengaturan struktur untuk menyesuaikan posisi elemen jika Anda merasa tidak nyaman menyeret langsung pada pembuat header.

How To Add Header Template In Oxygen Builder - Step By Step 1

Anda dapat menyeret elemen di bawah Baris Kiri, Baris Tengah, dan Baris Kanan. Selain itu, Anda dapat menempatkan elemen apa pun di baris baru dari bilah sisi struktur.

Langkah 3: Beberapa Baris untuk Header

Anda dapat menambahkan lebih banyak baris untuk menambahkan informasi dan tautan untuk bisnis Anda. Misalnya, Anda dapat menambahkan jam kerja dan ikon sosial pada baris baru di header. Klik dua kali pada " Pembuat Header " di sudut kanan bawah Header Utama.

Klik " Tambahkan Baris Lain " di bilah sisi kiri. Saya akan menambahkan jam kerja dan ikon Sosial dalam contoh ini di baris baru. Anda dapat menggunakan kreativitas Anda dalam metode ini.

Untuk menambahkan jam kerja, saya akan memilih teks dari tab elemen, dan untuk ikon sosial, Anda juga dapat mencarinya di perpustakaan elemen. Seret tajuk sekunder ke atas atau bawah tajuk utama.

Ini adalah versi saya dari Header dengan Oxygen Header Builder.

header with menu

Langkah 4: Membuat Header Dapat Digunakan Kembali

Saat Anda puas dengan templat tajuk, Anda harus membuatnya dapat digunakan untuk halaman mana pun. Anda harus mengaturnya secara manual jika Anda membuat template baru alih-alih mengedit template “ Utama ”.

Pertama, Buka bagian template di menu Oxygen. Klik edit pada Template yang Anda buat untuk header. Sekarang gulir ke bawah dan klik "Lainnya," lalu centang () " Tangkap Semua ."

make reusable header

Kemudian klik Edit dengan Oksigen dan buka bilah sisi Struktur . Klik ikon pena pada Pembuat Header dan pilih Jadikan Dapat Digunakan Kembali . Ganti nama elemen sesuai keinginan Anda dan klik simpan.

reusable header options

Sekarang Anda akan menemukan header yang baru dibuat di tab Reusable di Oxygen Builder.

Membuat Header Lengket

Menggunakan header yang lengket sangat disarankan saat Anda menggunakan CTA pada header. Selain itu, tajuk lengket memberi situs Anda tampilan paralaks, membuatnya lebih hidup.

make oxygen builder header sticky

Pertama, buka templat “ Utama ” dan aktifkan tajuk Anda dari opsi “ Dapat digunakan kembali”. Sekarang Anda akan melihat dua pengaturan, utama dan lanjutan.

Dari menu utama, pilih Enable Sticky Header , lalu Anda dapat mengedit jarak gulir, Warna latar belakang, ukuran perangkat, dll.

Video Youtube

Membuat Header Responsif

Anda dapat menyesuaikan ukuran layar dan memposisikan elemen ke kanan, kiri, dan tengah sesuai kebutuhan. Dengan header multibaris, Anda juga dapat menyembunyikan baris menurut perangkat. Menggunakan header dua lapis, Anda dapat membuat layar penuh sesak di layar yang lebih kecil.

Tergantung pada ukuran layar perangkat, Anda dapat menyembunyikan baris kedua. Dengan menyembunyikan baris kedua di bawah layar 480px , pengguna akan mendapatkan pengalaman yang jauh lebih baik.

FAQ

Bisakah saya menggunakan Header Tema saya dengan Oxygen Builder?

Pembuat oksigen menonaktifkan tema Anda sepenuhnya, jadi tidak ada cara untuk menggunakan header tema. Jadi, Anda tidak dapat mengedit header tema dengan Oxygen Header Builder.

Kesimpulan

Oxygen Builder adalah pembuat WordPress yang unik. Anda dapat menggunakan fitur tema dan fungsionalitas pengeditan WordPress pembuat dengan sebagian besar pembuat Halaman. Pembuat tema oksigen beroperasi secara independen dan tidak mengganggu alat pengeditan lainnya.

Seorang pemula yang lengkap mungkin menemukan tugas ini sedikit membingungkan. Setelah mereka terbiasa dengan plugin, mereka dapat membuat hampir semua hal. Selain itu, antarmuka pengguna cukup ramah pengguna untuk pemula.

Saya berharap Anda telah mempelajari sesuatu yang baru tentang menambahkan templat tajuk ke pembuat Oksigen. Melalui Oxygen Header Builder, Anda dapat membuat custom header atau menggunakan header yang ada untuk membuat desain yang Anda inginkan.