Cara Membuat Beranda Cantik Menggunakan Elementor Dan Genesis

Diterbitkan: 2022-11-07

Jika Anda ingin membuat beranda yang indah menggunakan plugin Elementor Pro WordPress dan tema anak Genesis, berikut adalah panduan langkah demi langkah tentang cara melakukannya. Pertama, Anda harus menginstal dan mengaktifkan Genesis Framework di situs WordPress Anda. Kemudian, Anda harus menginstal dan mengaktifkan plugin Elementor Pro. Setelah keduanya diaktifkan, Anda harus membuat halaman baru di WordPress dan memilih template “ElementorCanvas” dari panel atribut halaman. Sekarang, Anda dapat mulai membangun beranda Anda dengan Elementor. Cukup seret dan lepas elemen yang ingin Anda gunakan ke dalam area kanvas. Anda dapat menambahkan teks, gambar, video, dan lainnya. Setelah Anda puas dengan beranda Anda, cukup klik tombol "Terbitkan" dan beranda baru Anda akan ditayangkan.

Sebagian besar pertanyaan yang saya dapatkan adalah tentang penggunaan Elementor di Genesis Framework. Jawaban sederhananya adalah ya. Namun, ada tema anak yang belum diperbarui untuk mendukung pembaruan WordPress Core dan Gutenberg terbaru. Bahkan jika Anda telah menginstal ini di perangkat Anda, Anda masih dapat menggunakan pembuat halaman Elementor dengan salah satu tema Genesis. Terlepas dari pembuat halaman mana yang Anda gunakan, Elementor atau Genesis Pro , Anda akan memiliki pengalaman yang fantastis. Kerangka Kejadian harus diperbarui agar dapat digunakan. Jangan ragu untuk mengajukan pertanyaan apa pun yang Anda miliki, serta meminta demo tentang cara kerjanya.

Apakah Elementor Bekerja Dengan Kerangka Kejadian?

Sumber gambar: https://wpcity.com

Pembuat halaman ini, yang dibangun di atas Genesis Framework, sejauh ini yang paling populer di antara semua pembuat halaman komunitas. Anda dapat menyesuaikan situs Anda dari header ke footer hanya dalam 15 menit dengan alat ini. Bahkan dapat digunakan untuk membuat situs web yang lebih kompleks dengan membuka kunci modul desain.

Elementor adalah pembuat halaman yang paling banyak digunakan di komunitas dan mendukung Genesis Framework. Anda dapat menyesuaikan tema anak Genesis untuk memenuhi kebutuhan spesifik Anda dengan Genesis Framework. Elementor adalah pembuat halaman yang berdiri sendiri yang memudahkan pengguna yang tidak memiliki pengalaman teknis untuk membuat situs web. Buat tema Anda sendiri menggunakan Genesis Framework, yang memungkinkan Anda memilih dari tema anak mana pun dan menambahkan elemen desain tambahan. Tidak perlu mempelajari pengkodean karena itu menimpa semua pengaturan tema anak di backend. Jika Anda menginginkan yang terbaik dari kedua dunia, Elementor dan Genesis Framework harus digunakan sebagai satu.

Elementor: Kerangka Kerja Untuk Perubahan

Elementor sebenarnya adalah sebuah kerangka kerja. Dengan menggunakan alat ini, Anda dapat membuat kerangka kerja desain baru untuk situs WordPress Anda yang mengubah tampilan area tema Anda yang biasanya tidak terlihat oleh pembuat halaman.

Bagaimana Cara Mengaktifkan Tema Anak Genesis?

Sumber gambar: https://cloudways.com

Untuk mengaktifkan tema anak Genesis, Anda harus menginstal Genesis Framework terlebih dahulu. Setelah framework terinstal, Anda dapat mengaktifkan child theme dari menu Appearance > Themes di dashboard WordPress Anda.

Ada banyak orang yang terintimidasi oleh ide memasang kerangka Genesis serta tema anak. Ini adalah tugas sederhana untuk diselesaikan. Anda masih dapat menggunakan WordPress tanpa menginstal tema apa pun. Ini didefinisikan sebagai tema yang sangat fungsional yang didasarkan pada kerangka kerja. Tema anak adalah sesuatu yang terintegrasi ke dalam tema induk . Tema anak Genesis sama dengan semua tema WordPress lainnya. Perbedaan utama adalah kebutuhan untuk tema induk dan anak untuk diunggah dan disimpan di direktori tema WordPress. Kerangka Kejadian dan Tema Anak hanya dapat diinstal dengan satu halangan kecil.

Cara Menyesuaikan Css Anda Untuk Tema Genesis Kustom

Jika Anda menggunakan tema khusus , Anda mungkin harus menyesuaikan CSS. Kerangka Genesis dimaksudkan seminimal mungkin, tetapi Anda mungkin ingin menambahkan padding atau margin untuk membuatnya menonjol.

Apakah Saya Perlu Menggunakan Tema Anak Dengan Elementor?

Sumber gambar: https://themewaves.com

Tidak ada jawaban pasti untuk pertanyaan ini karena tergantung pada preferensi pribadi dan kebutuhan spesifik proyek Anda. Jika Anda hanya ingin membuat beberapa perubahan kosmetik pada situs Anda, maka Anda mungkin tidak perlu membuat tema anak. Namun, jika Anda berencana membuat perubahan atau penyesuaian yang lebih signifikan, maka tema anak mungkin merupakan ide yang bagus. Pada akhirnya, terserah Anda untuk memutuskan apakah Anda perlu menggunakan tema anak dengan Elementor atau tidak.

Kapan Menggunakan Tema Anak (dan Kapan Tidak!)

Saat menggunakan Elementor untuk membuat situs web kustom, Anda harus menyertakan kustomisasi Elementor dalam desain. Dengan tema anak, Anda hanya dapat membuat perubahan kecil pada situs Anda; Elementor juga akan secara otomatis memperbaruinya ketika mendeteksi pembaruan. Meskipun merupakan ide yang baik untuk mengingat tema anak, itu tidak diperlukan sama sekali. Jika Anda menyesuaikan situs Anda dengan tema anak alih-alih mengeditnya secara langsung, Anda akan menimpa semua perubahan yang Anda buat setiap kali tema diperbarui. Anda dapat mengubah tema atau kehilangan pekerjaan Anda. Anda juga dapat menggunakan tema anak jika Anda mau. Dalam kasus tema anak, Anda dapat menggunakannya untuk menggunakan kembali bagian tema tanpa menimpanya. Ini berarti bahwa setelah Anda menyesuaikan tema anak Anda, perubahan Anda akan disimpan secara otomatis setiap kali Anda memperbarui tema induk Anda.

Tema Anak Elementor

Tema anak Elementor adalah tema WordPress yang mewarisi fungsinya dari tema WordPress lain, yang disebut tema induk. Tema anak sering digunakan ketika Anda ingin membuat perubahan pada tema WordPress yang ada tanpa kehilangan kemampuan untuk memperbarui tema induk.

Apakah Anda Membutuhkan Tema Anak Untuk Hello Elementor?

Untuk menggunakan gaya Hello, Elementor harus langsung terintegrasi. Dalam beberapa kasus, jika Anda ingin menambahkan atau memodifikasi kode CSS Hello, desainer Anda menyarankan agar Anda menggunakan child theme (Hello child theme). Dalam artikel ini, kami akan menjelaskan bagaimana menggunakan tema anak tidak selalu diperlukan dalam beberapa kasus.

Apa Perbedaan Antara Tema WordPress Dan Tema Anak?

Ekstensi tema untuk anak-anak disarankan jika masih berfungsi dan memiliki desain dan kode yang sama. Tema anak WordPress memungkinkan Anda untuk menyesuaikan tema atau kerangka kerja dengan memanfaatkan fitur canggih dari tema atau kerangka induk.

Cara Menggunakan Tema Anak Di WordPress

Lebih disukai memiliki tema anak sebagai alternatif dari tema utama. Anda dapat melakukan hal yang sama dengan nama tema dengan mengklik tombol Aktifkan di sebelahnya. Dengan mengklik tombol Aktifkan di sebelah nama tema, Anda dapat mengakses situs web seperti biasa.

Tema anak muncul dengan cara yang sama seperti tema induk, tetapi fitur dan tampilannya dipinjam. Untuk informasi lebih lanjut tentang tema anak WordPress, silakan baca artikel kami tentang Apa itu Tema WordPress? Jika tema anak Anda dikemas sebagai file zip, Anda harus mengklik tombol “Unggah Tema”. Jika tema induk tersedia dari direktori tema WordPress.org, penginstalan akan dilakukan. Ini akan memberi tahu Anda bahwa Anda harus menginstal tema induk secara manual sebagai bagian dari proses penyiapan. Setelah menginstal tema induk dan anak, Anda akan dapat mengaktifkan tema anak. Anda tidak perlu mengaktifkan tema induk untuk menggunakan tema anak. Selain itu, kami telah membuat panduan tentang cara menemukan file yang perlu Anda edit dalam tema WordPress. Dengan kembali ke dashboard WordPress, Anda dapat mengakses tab Appearance dan memilih child theme Anda.

Cara Memasang Tema Anak Dengan Oceanwp

Anda dapat menginstal tema anak dengan masuk ke dasbor WordPress. (Pengaturan lama: Panel Tema). Setelah itu, simpan pengaturan Anda dalam file a.dat dan ekspor ke komputer Anda. Anda kemudian dapat menghapus instalan Tema Anak OceanWP.

Cara Mengedit Tema WordPress Dengan Elementor

Jika Anda ingin mengedit tema WordPress Anda dengan Elementor, Anda harus menginstal dan mengaktifkan plugin Elementor terlebih dahulu. Setelah Anda selesai melakukannya, Anda dapat membuka halaman atau posting mana pun di situs Anda dan mengklik tombol 'Edit dengan Elementor' untuk meluncurkan editor Elementor. Dari sana, Anda dapat mulai menyesuaikan tema Anda dengan menyeret dan menjatuhkan elemen ke halaman, dan mengeditnya sesuai keinginan Anda. Anda dapat mengubah hal-hal seperti warna, font, dan tata letak tema Anda, dan menambahkan konten khusus Anda sendiri menggunakan berbagai widget yang ditawarkan Elementor. Setelah Anda puas dengan perubahan Anda, Anda dapat mengklik tombol 'Terbitkan' untuk menyimpan pekerjaan Anda dan membuat perubahan Anda hidup di situs Anda.

Cara Mengubah Tema WordPress Menjadi Astra (Gunakan Elementor Pro Builder ) – Ini adalah proses langkah demi langkah. Perjalanan, buku, dan makanan adalah salah satu topik yang dibahas. Antara 20 Juni 2020, dan 31 Desember 2020, saya menemukan bahwa tema lama saya tidak digunakan lagi dan saya tidak memiliki dukungan. Saya menyadari bahwa saya perlu mengubah tema saya satu bulan yang lalu, dan selama sebulan terakhir, saya telah mengerjakannya. Harga tema berbayar yang paling umum berkisar dari $20 hingga $60. Sebagian besar blogger perjalanan saat ini menggunakan baik Generate Press, Avada, StudioPress, Genesis, atau tema Astra atau OceanWp. Bagaimana mengubah tema WordPress memengaruhi konten?

Isinya masih sama. Konten mungkin, bagaimanapun, perlu diubah dengan cara yang tidak terlihat di pengaturan. Anda tidak diharuskan memiliki keterampilan coding untuk menggunakan Astra atau Elementor Pro. Jika Anda tidak mengerti apa yang Anda lakukan, Anda harus mempertimbangkan untuk menyewa seorang desainer situs web. Namun, jika Anda ingin situs web Anda dirancang, Anda harus menghindari membayar mahal dalam biaya pengembangan. Mengubah tema WordPress dapat mengubah tampilan situs web. Tema WordPress dapat diubah tanpa harus diinstal.

Hal ini dapat dicapai dengan berbagai cara. Kami akan memandu Anda melalui proses mengubah tema WordPress di situs web ini dalam panduan ini. Sebagai alternatif, Anda dapat mengujinya di lingkungan lain dan kemudian mengimpor perubahan ke situs web produksi Anda. Sebelum Anda dapat mendaftarkan situs web Anda, Anda harus terlebih dahulu menonaktifkan situs pementasan dan kemudian mengaktifkan situs langsung (jika Anda hanya memiliki satu lisensi). Sebagian besar perubahan dilakukan dengan Elementor Pro, dan kami mempertahankan perubahan tingkat situs pada tingkat tema. Baik Elementor pro dan Elementor memiliki satu set template cantik yang dapat diuji di berbagai browser untuk memastikan kompatibilitas. Berbagai kit gratis tersedia untuk pengguna Elementor Pro.

Anda dapat membuat situs web yang sepenuhnya disesuaikan dengan mengunduh kit ini. Dalam beberapa kasus, saya menggunakan blok Envato yang telah disesuaikan untuk saya. Jika Anda ingin menyimpan template Anda, cukup klik kanan pada Bagian atau Widget dan pilih 'Save As Template' dari menu.

Cara Menggunakan Konfigurator Tema Anak

Menggunakan konfigurator tema anak itu sederhana. Cukup unduh plugin dan instal ke situs WordPress Anda. Setelah terinstal, buka halaman pengaturan plugin dan pilih tema anak yang ingin Anda gunakan. Plugin akan secara otomatis menghasilkan tema anak berdasarkan tema yang dipilih.

Berikut ini adalah panduan langkah demi langkah untuk mengonfigurasi tema anak melalui plugin Child Theme Configurator. Ini menghasilkan nama direktori tema anak dengan menambahkan nama tema anak ke tema induk. Meskipun ada ekstensi premium yang tersedia dengan biaya, kami yakin versi gratisnya sudah cukup untuk pemula. Plugin Child Theme Configurator memungkinkan Anda membuat tema anak baru dengan mudah untuk situs web Anda menggunakan plugin yang disertakan. Plugin ini hadir dengan dua opsi untuk menyimpan lembar gaya tema anak. Anda dapat membuat file style.css di bawah direktori tema anak Anda dengan memilih opsi lembar gaya utama. Jika Anda menggunakan kerangka tema Genesis , pilih opsi Abaikan lembar gaya tema induk.

Menu, widget, dan pengaturan penyesuaian lainnya dapat disalin dari tema induk ke tema anak. Setelah Anda memilih semua penyesuaian yang diperlukan, klik tombol Buat Tema Anak Baru. Daftar file template yang dapat dimodifikasi akan ditampilkan pada tab Files. Dua tab kueri/pemilih dan properti/nilai dapat digunakan untuk menemukan gaya yang sesuai dari tema induk dan memodifikasinya. Masalah menemukan properti CSS dan pemilih adalah masalah umum dalam tema anak manual . Plugin Child Theme Configurator membuat masalah ini sesederhana mungkin untuk diselesaikan. Mengimpor font web apa pun, seperti font Google, di bawah opsi kueri #import dapat dilakukan di bawah tab Font Web.

Di bawah tab Induk/Anak, Anda dapat menghapus, menduplikasi, dan menganalisis tema anak. Anda dapat melihat opsi ini setelah tema anak Anda dibuat menggunakan plugin ini. Tema anak baru dapat ditemukan di dasbor admin WordPress dengan mengklik tab Tema.

Bisakah Saya Menghapus Konfigurator Tema Anak?

Jika Anda lupa plugin editor tema setelah membuat tema anak, Anda tidak akan kehilangan data apa pun.

Tema Anak Kustom Genesis

Tema anak kustom genesis adalah cara yang bagus untuk menambahkan sentuhan pribadi Anda ke situs WordPress Anda. Dengan membuat tema anak kustom Anda sendiri, Anda dapat memastikan bahwa situs Anda terlihat persis seperti yang Anda inginkan, tanpa harus khawatir tentang perubahan yang akan ditimpa oleh pembaruan mendatang untuk Genesis Framework. Plus, dengan tema anak khusus, Anda dapat dengan mudah menambah atau menghapus fitur sesuai keinginan Anda, tanpa harus mengedit kode apa pun.

Kerangka kerja Genesis dari StudioPress sangat mirip dengan balok Lego. Itu membuatnya mudah untuk bekerja dan bergerak di sekitar berbagai komponen tema. Semua tema kami dibuat dengan Tema Anak Genesis. Tema Genesis harus diinstal sebagai tema induk anak Anda saat membuat tema. Untuk menambahkan kode pelacakan Google Analytics ke situs Anda, buka halaman pengaturan tema Genesis. Jika Anda menggunakan plugin, Anda tidak perlu memasukkan kode pelacakan secara manual ke header Anda. Plugin Genesis Visual Hook Guide menunjukkan berbagai bagian halaman dan membantu menentukan fungsi mana yang terletak di mana.

Saat konten berbasis widget dibuat, dipelihara, dan diperbarui, pembuatan, pemeliharaan, dan pembaruannya mudah. Pertama, kita harus mendaftarkan area widget kita. Kami kemudian menggunakan fungsi untuk menambahkannya ke halaman. Tidak apa-apa untuk mencari area widget di Appearance, tetapi mereka tidak akan ditampilkan di beranda sekarang. Dalam banyak kasus, id/kelas widget akan ditautkan melalui konvensi nama yang dapat dikenali. Jika Anda menggunakan tema, kemungkinan besar Anda dapat mengunggah file logo. Jika Anda ingin membuat logo Anda berbeda, Anda dapat mengubah lebar dan tinggi logo.

Sebuah plugin dapat mengubah kredit footer dalam hitungan menit. Pengeditan Sederhana adalah solusi sempurna untuk situasi seperti ini. Dalam cuplikan kecil, Anda dapat memperbarui footer dengan informasi terbaru untuk berbagai tema. Jika Anda menggunakan Pengeditan Sederhana, Anda dapat memodifikasi post-info (byline) dan post-meta tema Genesis. Anda dapat dengan mudah mengedit area ini dengan menggunakan shortcode, HTML, dan teks yang disediakan.