11 Kesalahan Umum Elementor dan Cara Memperbaikinya

11 Kesalahan Umum Elementor dan Cara Memperbaikinya

Apakah Anda ingin mempelajari cara memperbaiki kesalahan umum di Elementor?

Elementor adalah pilihan utama bagi pengguna WordPress yang fokus pada desain. Ini memungkinkan Anda untuk membuat situs web yang indah secara visual tanpa harus berurusan dengan CSS atau HTML. Saat bekerja dengan Elementor, Anda mungkin menemukan kesalahan seperti Panel Widget tidak berfungsi atau Editor tidak dapat memuat.

Kami telah merangkum kesalahan Elementor yang paling umum, dan untuk setiap kesalahan ini kami telah memberikan solusi.

Kesalahan Elemen Umum

1. Panel widget tidak dimuat

Elementor hadir dengan panel yang terletak di sisi kiri editor. Anda dapat menggunakan panel untuk menambahkan widget, menentukan pengaturan dasar (misalnya, mengonfigurasi tata letak), membuat penyesuaian untuk widget, dll.

Terkadang, Anda mungkin tidak dapat menambahkan widget baru karena widget tidak dapat dimuat.

Baca gui kami di: Elementor: Cara Membuat Menu Dropdown Cantik

Kesalahan ini biasanya terjadi saat Anda mengaktifkan terlalu banyak add-on Elementor. Kemungkinan penyebab kesalahan lainnya adalah spesifikasi hosting Anda tidak memenuhi persyaratan minimum Elementor.

Cara memperbaiki kesalahan:

Setidaknya ada dua cara untuk memperbaiki jenis kesalahan di atas. Pertama, Anda dapat menonaktifkan sementara plugin WordPress yang diinstal (kecuali Elementor) untuk menemukan plugin mana yang menyebabkan kesalahan.

Secara khusus, Anda dapat menonaktifkan add-on Elementor aktif. Kedua, Anda dapat beralih ke tema lain. Beralih sementara ke tema WordPress default akan sangat bagus.

2. Formulir tidak terkirim

Elementor Pro hadir dengan widget - widget Formulir - untuk memungkinkan Anda membuat formulir. Anda dapat menggunakan widget Formulir untuk membuat semua jenis formulir, termasuk a formulir kontak. 

Kesalahan umum saat membuat formulir kontak di Elementor adalah bahwa data formulir tidak dikirim. Kesalahan biasanya terjadi saat Anda mengatur tindakan formulir ke email.

Cara memperbaiki kesalahan:

Sama seperti plugin pembuat formulir lainnya, Elementor juga menggunakan fungsi wp_mail sebagai jasa pengiriman kurir. Fungsi wp_mail sendiri tergantung oleh send_mail yang dimiliki PHP untuk berfungsi. Masalahnya tidak semua penyedia hosting mengaktifkan fitur ini.

Temukan juga: Elementor: Cara Membuat Daftar Putar Audio

Jadi, Anda perlu meminta penyedia hosting Anda untuk mengaktifkan fitur tersebut send_mail untuk mengoperasikan fungsi wp_mail. Atau, Anda dapat menggunakan layanan SMTP kustom di situs WordPress Anda.

3. Panjang ekstrak tidak berfungsi

Widget Elementor's Posts memungkinkan Anda untuk menampilkan posting blog dari situs WordPress Anda di halaman mana pun. Muncul dengan beberapa opsi penyesuaian termasuk panjang cuplikan.

Baca juga: Cara mengecualikan komentar dari widget Daftar Isi di Elementor

Dalam beberapa kasus, panjang cuplikan tidak muncul saat Anda menyetelnya saat Anda mempratinjau atau memublikasikan halaman. Kesalahan biasanya terjadi saat menggunakan Elementor pada tema WordPress yang memiliki opsi penyetelan bawaan untuk mengatur panjang cuplikan.

Cara memperbaiki kesalahan:

Alih-alih mengatur panjang cuplikan melalui panel pengaturan Elementor, Anda dapat mengatur panjang cuplikan melalui Penyesuai Tema(Penampilan -> Sesuaikan).

4. Gagal memuat editor

Jenis kesalahan ini mirip dengan kesalahan nomor satu di atas, tetapi sedikit lebih fatal. Yang Anda lihat hanyalah prapemuat di halaman abu-abu. Ada beberapa penyebab yang memicu kesalahan ini. Salah satunya adalah sumber daya server yang tidak mencukupi yang disebabkan oleh terlalu banyak beban.

Lihat juga: Cara mengatur harga dinamis WooCommerce

Cara memperbaiki kesalahan:

Ada beberapa alternatif yang dapat Anda coba untuk memperbaiki kesalahan tersebut.

  • Nonaktifkan plugin

Salah satu penyebab kesalahan jenis ini adalah konflik antara Elementor dan plugin lain. Jadi Anda dapat menonaktifkan plugin - kecuali Elementor, tentu saja - untuk mengetahui plugin mana yang menyebabkan konflik.

  • Nonaktifkan prapemuat tema

Beberapa tema WordPress hadir dengan preloader default. Jika Anda menggunakan tema yang memiliki prapemuat default, Anda mungkin perlu menonaktifkannya agar editor Elementor dapat dibuka.

  • Nonaktifkan ekstensi browser

Terkadang jenis kesalahan ini disebabkan oleh ekstensi yang diinstal pada browser web Anda. Untuk mengetahuinya, Anda dapat menggunakan browser web lain. Jika Elementor Editor biasanya terbuka di browser yang berbeda, Anda dapat menonaktifkan ekstensi browser utama untuk menentukan mana yang menyebabkan kesalahan.

  • Pastikan versi Elementor kompatibel

Jika Anda menggunakan Elementor Free dan Elementor Proc(Baca : Elementor Gratis vs Elementor Pro), pastikan mereka kompatibel. Jika Anda menggunakan yang lebih lama dari yang lain, ini dapat menyebabkan ketidakcocokan. Saat memperbarui Elementor Gratis, pastikan juga untuk memperbarui versi Elementor Pro jika tersedia, dan sebaliknya.

5. Kesalahan server internal 500

Kesalahan umum lainnya yang mungkin Anda temui saat bekerja dengan Elementor adalah kesalahan server internal 500. Ketika Anda menemukan kesalahan ini, kesalahan ada di sisi server Anda, bukan Elementor. 

Beberapa penyebab memicu jenis kesalahan ini. Bisa jadi batas memori PHP, izin file salah, file .htaccess korup, dari cache browser, database yang rusak, dll ...

Baca juga: Cara menggunakan Elementor untuk membangun situs web

Cara memperbaiki kesalahan:

Seperti disebutkan di atas, ada berbagai skenario yang akan menyebabkan kesalahan server internal 500. Dengan demikian, Anda dapat memperbaiki kesalahan tergantung pada penyebab kesalahan. Jika penyebabnya adalah batas memori PHP, Anda dapat meminta penyedia hosting Anda untuk meningkatkan batas memori PHP.

6. Perubahan tidak diterapkan di halaman langsung

Elementor memiliki editor visual yang dilengkapi dengan editor langsung. Yang berarti apa yang Anda lihat di editor akan sama persis di halaman langsung. Namun, ada skenario di mana gaya yang Anda terapkan di editor tidak diterapkan di halaman aktif. Kesalahan ini biasanya disebabkan oleh masalah caching.

Cara memperbaiki kesalahan:

  • Hapus Cache

Anda telah mempelajari penyebab kesalahan - caching. Jadi, Anda dapat memperbaiki kesalahan dengan membersihkan cache browser web Anda. Jika Anda memiliki plugin caching di situs WordPress Anda, Anda juga dapat menonaktifkannya untuk sementara.

  • Buat ulang CSS

Jika metode di atas tidak berhasil, Anda dapat membuat ulang CSS. Untuk melakukan ini, pergi ke Elementor -> Alat di dasbor WordPress Anda. Klik pada tombol Regenerasi File & Data.

perbaiki kesalahan umum pada Elementor

Anda juga bisa menggabungkan kedua cara di atas.

7. Tombol Terbitkan / Perbarui tidak berfungsi

Setelah Anda selesai mengedit halaman dengan Elementor, Anda dapat mengklik tombol Terbitkan / Perbarui di bagian bawah panel pengaturan untuk menerbitkan / memperbarui halaman Anda. Apa yang terjadi jika tombol tidak berfungsi?

Lihat juga: Bagaimana cara menambahkan formulir WPForms ke halaman dengan Elementor

Ada dua alasan utama mengapa tombol publish/update tidak berfungsi di Elementor. Pertama, mungkin batas memori. Kedua, mungkin masalah keamanan.

Cara memperbaiki kesalahan:

  • Tingkatkan batas memori PHP

Untuk menjalankan Elementor dengan benar di situs WordPress Anda, server Anda harus memiliki setidaknya 128MB batas memori PHP, dengan 256MB atau lebih disarankan. Jika penyedia hosting Anda hanya menawarkan batas memori PHP 128MB, Anda dapat mengajukan permohonan untuk meningkatkannya.

  • Instal SSL di situs web Anda

Saat ini, sebagian besar situs web telah menggunakan SSL (HTTPS). Jika Anda belum pernah menggunakannya, Anda dapat menginstalnya di situs WordPress Anda. Sebagian besar penyedia hosting menawarkan SSL sebagai fitur default. Jika penyedia hosting Anda menggunakan cPanel, Anda dapat menginstal SSL melalui cPanel.

8.CSS Kustom tidak berfungsi

Fitur CSS khusus yang ditawarkan oleh Elementor Pro memungkinkan Anda mendapatkan beberapa gaya yang tidak ditawarkan secara default Elementor. Biasanya setelah menambahkan CSS khusus, perubahan diterapkan ke halaman aktif setelah Anda memublikasikan/memperbarui halaman. Jika tidak, mungkin ada masalah caching di situs web Anda.

Cara memperbaiki kesalahan:

Sama seperti kesalahan nomor enam di atas, Anda dapat menghapus cache untuk memperbaiki jenis kesalahan ini. Anda dapat menghapus browser web dan cache situs web Anda. Sebelum Anda melakukannya, Anda dapat membuat ulang CSS seperti yang ditunjukkan pada nomor enam di atas.

9. Warna teks tidak berubah

Di Elementor, ada dua widget untuk menambahkan elemen teks ke halaman: widget Editor Teks dan widget Judul. Saat bekerja dengan widget ini (dan widget lain yang memiliki opsi untuk menyesuaikan teks), Anda dapat mengatur warna teks. Dalam beberapa kasus, warna teks tidak berfungsi di halaman langsung.

Cara memperbaiki kesalahan:

Jika Anda telah mengatur warna teks, tetapi tidak diterapkan pada halaman langsung, kemungkinan ada konflik antara Elementor dan tema yang Anda gunakan. Beberapa tema WordPress hadir dengan opsi pengaturan lanjutan untuk mengontrol warna elemen di situs Anda, termasuk teks.

Baca juga: Bagaimana cara menambahkan CSS khusus ke versi gratis dengan Elementor

Untuk mengatasi konflik, Anda dapat mengatur ulang pengaturan warna tema Anda sehingga gaya Elementor berlaku. Anda dapat melakukan ini dari penyesuai tema(Penampilan -> Sesuaikan)atau dari panel pengaturan tema Anda jika ada.

10. Konflik pembangun tema

Jika Anda menggunakan Elementor Pro, Anda dapat menyesuaikan setiap bagian situs WordPress Anda secara visual melalui fitur pembuat tema. Dari header, footer, halaman arsip, posting tunggal, halaman tunggal, halaman 404, halaman hasil pencarian, dll.

Temukan juga Cara membuat tombol dengan efek hover

Beberapa add-on Elementor (misalnya, JetThemeCore) juga memiliki fungsi serupa. Jika Anda telah membuat template kustom tertentu menggunakan pembuat tema Elementor (misalnya, template header kustom) dan Anda menginstal JetThemeCore, ada kemungkinan template kustom Anda tidak akan berfungsi.

Cara memperbaiki kesalahan:

Jika Anda menggunakan JetThemeCore, Anda dapat menginstal Kit Kompatibilitas JetThemeCore. Ini adalah plugin WordPress yang dikembangkan oleh Crocoblock untuk mengatasi masalah ketidakcocokan antara pembuat tema Elementor dan JetThemeCore.

11. Bidang khusus tidak muncul di kotak edit Elementor

Fitur lain yang ditawarkan oleh Elementor Pro adalah kemampuan untuk menambahkan bidang khusus. Anda dapat menggunakan fitur ini untuk membuat situs web dinamis yang kompleks. Elementor sendiri mendukung plugin custom field populer seperti ACF, Pods, Meta Box, Toolset, hingga JetEngine.

Baca juga: Cara memberi nama bagian di Elementor

Saat mencoba menambahkan bidang khusus di Elementor, Anda mungkin menemukan masalah di mana data bidang khusus tidak muncul di area kanvas editor Elementor.

Cara memperbaiki kesalahan:

Satu hal yang harus Anda ketahui terlebih dahulu. Bidang khusus hanya dapat ditambahkan ke templat khusus (misalnya, templat posting unik khusus). Anda tidak dapat menambahkan bidang khusus ke halaman biasa.

Lihat juga: Cara membuka popup dari url atau menu dengan Elementor

Jika Anda telah menambahkan bidang khusus ke template khusus tetapi bidang khusus terkait tidak muncul, Anda dapat mengubah pengaturan pratinjau. Klik ikon roda gigi di sudut kiri bawah dan buka blok Pengaturan pratinjau. Pilih jenis konten yang terkait dengan template kustom yang sedang Anda kerjakan dan pilih konten yang ada. Klik pada tombol DAFTAR & PREVIEW.

Melanjutkan

Elementor adalah plugin pembuat halaman paling populer untuk WordPress. Ada beberapa kesalahan umum yang dihadapi oleh pengguna Elementor seperti yang kami sebutkan di atas.

Sebelum menginstal Elementor di situs WordPress Anda, Anda dapat memastikan bahwa spesifikasi hosting Anda memenuhi persyaratan minimum yang diperlukan oleh Elementor untuk meminimalkan kesalahan saat bekerja dengannya.

Berikut adalah persyaratan sistem untuk Elementor:

  • versi WordPress: 5.2 atau lebih tinggi
  • versi PHP: 7 atau lebih tinggi
  • versi MySQL: 5.6 atau lebih tinggi
  • Batas memori PHP: 128MB atau lebih

Meskipun Elementor mendukung add-on untuk memperluas fungsinya, Anda sebaiknya menginstal add-on hanya ketika Anda benar-benar membutuhkannya. Ini juga dapat mengurangi risiko kesalahan, karena setiap add-on yang Anda instal menghabiskan sumber daya server.

Lire aussi Cara membuat bagian anggota tim

Hal lain yang perlu diperhatikan. Pastikan untuk menginstal plugin pembuat halaman di situs WordPress Anda karena menginstal dua atau lebih plugin pembuat halaman dapat menyebabkan konflik.

Kesimpulan

Jadi ! Itu saja untuk daftar kesalahan Elementor umum ini dan cara memperbaikinya. Kami berharap dengan daftar plugin WordPress ini, Anda akan menemukan yang sesuai dengan harapan Anda.

Namun, Anda juga dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

kebanyakan bagikan artikel ini di berbagai jejaring sosial Anda.   

...

Elementor: Cara Membuat Halaman Login

Elementor: Cara Membuat Halaman Login

Ingin tahu cara membuat halaman login dengan Elementor?

Di WordPress, Anda bisa pergi di yourdomain.com/wp-login.php untuk pergi ke halaman login website Anda. Jika Anda memiliki situs web besar dengan banyak penulis / pengguna, Anda mungkin ingin membuat halaman login khusus dengan desain Anda sendiri untuk memperkuat identitas branding situs web Anda.

Dengan Elementor, Anda dapat membuat halaman login khusus untuk situs WordPress Anda dengan mudah - tanpa coding atau menginstal plugin tambahan.

Elementor memiliki widget - widget Login - yang dapat Anda gunakan untuk membuat halaman login khusus. Elementor bahkan menawarkan template halaman login sehingga Anda dapat memiliki halaman login dan berjalan dalam waktu singkat.

Cara Membuat Halaman Login WordPress Kustom dengan Elementor

Harap dicatat bahwa widget Login hanya tersedia di Elementor Pro. Jadi, sebelum Anda dapat membuat halaman login khusus, Anda perlu mengupgrade Elementor ke versi pro.

1. Cara membuat halaman login dari template

Seperti disebutkan sebelumnya, Elementor menawarkan template untuk memungkinkan Anda membuat halaman login yang dipersonalisasi dalam waktu singkat. Untuk menggunakannya, mulailah dengan membuat halaman baru (Halaman -> Tambahkan) dan modifikasi dengan Elementor.

Di editor Elementor, klik ikon folder untuk membuka perpustakaan model.

Cari templat halaman login khusus. Anda dapat menggunakan kotak pencarian untuk memudahkan pekerjaan Anda. Setelah Anda menemukan model yang Anda suka, arahkan mouse ke atasnya dan klik tombol MEMASUKKAN.

Tunggu beberapa saat hingga Elementor selesai memuat model. Setelah model dimuat, Anda dapat mengklik menerbitkan untuk mempublikasikannya.

Ada.

Untuk melihat halaman, Anda dapat mengklik ikon tiga garis di sudut atas panel kiri dan pilih Tampilkan halaman.

Dan inilah hasil akhirnya jika Anda memilih model yang sama dengan kami.

Cara membuat halaman login dengan Elementor

2. Cara membuat halaman login khusus dari awal

Jika Anda ingin memiliki desain halaman login Anda sendiri, Anda juga dapat membuat halaman login kustom Anda dari awal. Untuk memulai, buat halaman baru dan edit dengan Elementor.

Di editor Elementor, tambahkan bagian baru dengan mengklik ikon plus. Anda dapat memilih struktur kolom berdasarkan desain yang ingin Anda buat.

Setelah bagian Anda siap, tambahkan widget Koneksi dengan menyeretnya dari panel kiri ke area kanvas.

Cara membuat halaman login dengan Elementor

Buka tab Isi di panel kiri untuk mengatur opsi dasar. Ada 3 blok opsi yang dapat Anda manipulasi:

1. Bidang Formulir

Anda dapat membuka blok ini untuk mengaktifkan / menonaktifkan tag dan mengatur ukuran input.

2. Tombol

Anda dapat membuka blok ini untuk mengatur teks tombol, ukuran tombol, dan perataan tombol.

3. Opsi Tambahan

Anda dapat membuka blok ini untuk mengaktifkan / menonaktifkan elemen halaman login Anda seperti tautan Mkehilangan Kata sandi dan pilihannya Ingat saya. Karena Anda ingin membuat halaman login, mengaktifkan pilihan Redirect Setelah Login dan rekatkan url dasbor WordPress (domainanda.com/wp-admin) pada kolom yang tersedia. Anda juga dapat mengaktifkan opsi Redirect Setelah Logout jika Anda menginginkannya.

Anda dapat mengaktifkan opsi Label Kustom jika Anda ingin menggunakan label khusus dan tempat penampung khusus pada formulir masuk Anda.

Setelah mengatur opsi dasar, navigasikan ke tab Gaya untuk menyesuaikan formulir login. Ada 5 blok opsi gaya yang tersedia:

1. Formulir

Anda dapat membuka blok ini untuk menentukan ruang antara garis, warna tautan, dan warna penunjuk tautan.

2. Label

Anda hanya dapat melihat blok ini jika Anda mengaktifkan label formulir. Anda dapat membuka blok ini untuk mengatur jarak antara label formulir, warna teks dan tipografi (keluarga font, ukuran font, gaya font, dll.).

3. Bidang

Anda dapat membuka blok ini untuk menentukan warna bidang teks, tipografi (keluarga font, ukuran font, gaya font, dll.), latar belakang kontrol, warna perbatasan kontrol, lebar perbatasan bidang dan jari-jari batas bidang.

4. Tombol

Anda dapat membuka blok ini untuk menyesuaikan tombol login. Anda dapat mengatur hal-hal seperti warna teks tombol, warna teks hover, tipografi, warna latar belakang tombol, radius batas, dan isi teks tombol.

5. Pesan Masuk

Anda dapat membuka blok ini untuk menyesuaikan pesan setelah pengguna Anda masuk. Berikut pesannya:

Anda dapat mengatur warna teks dan tipografi pesan.

Setelah Anda selesai menata widget Login, Anda dapat menyesuaikan widget lain di halaman Anda. Setelah pengeditan halaman selesai, publikasikan / perbarui halaman Anda dan Anda telah berhasil membuat halaman login khusus.

Baca juga: Cara mengekspor dan mengimpor model Elementor

Satu hal krusial yang perlu diperhatikan. Setelah membuat halaman login khusus, jangan hapus file wp-login.php di situs WordPress Anda. Situs WordPress Anda masih membutuhkan file ini untuk menangani proses login.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat halaman login dengan Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...

Cara mengekspor dan mengimpor model Elementor

Cara mengekspor dan mengimpor model Elementor

Apakah Anda ingin tahu: Bagaimana cara mengekspor dan mengimpor model Elementor?

Ada dua cara untuk membuat halaman web di Elementor. Pertama-tama, Anda dapat membuat halaman dari awal. Anda juga dapat membuat halaman dari template. Opsi kedua memungkinkan Anda membuat halaman web yang indah dalam hitungan menit. Ini juga merupakan pilihan yang bagus jika Anda tidak tahu desain halaman apa yang akan Anda buat.

Temukan: Cara menginstal Elementor di WordPress

Elementor sendiri memiliki puluhan template yang dapat Anda pilih dari perpustakaan template. Anda juga dapat menggunakan template dari pembuat pihak ketiga.

Meskipun Anda dapat menggunakan template Elementor yang dibuat oleh pembuat pihak ketiga atau mereka yang ada di tim Elementor, Anda juga dapat membagikan template yang telah Anda buat. Elementor memungkinkan Anda untuk menyimpan model Anda dalam file eksternal dalam format JSON. Anda dapat mengekspor template halaman atau template blok.

Cara membuat dan mengekspor template Elementor

Untuk mulai membuat template Elementor, buat halaman / posting baru dan edit dengan Elementor dengan mengklik tombol Edit dengan Elementor di atas editor WordPress.

ekspor dan impor model Elementor

Anda akan dibawa ke editor Elementor. Silakan buat template Anda. Setelah selesai, klik ikon panah kecil di sebelah tombol MENERBITKAN di bagian bawah panel kiri dan pilih Simpan sebagai template.

Une -pop-up- munculan akan muncul, meminta Anda untuk memasukkan nama model Anda. Cukup masukkan nama yang Anda inginkan dan klik tombol MEREKAM.

Pada langkah selanjutnya, temukan template yang baru saja Anda buat. Setelah ditemukan, klik tombol tiga titik di sisi paling kanan dan pilih Eksportir.

ekspor dan impor model Elementor

Model Anda akan diekspor ke penyimpanan lokal komputer Anda. Jika Anda tidak mengubah lokasi unduhan default browser web, Anda dapat menemukannya di folder Téléchargements dari komputer Anda.

Baca juga: Cara membuat formulir multi-langkah dengan Elementor

Anda juga dapat mengekspor model Anda dari Manajer Model Elementor. Untuk melakukannya, buka Template -> Template Tersimpan.

Arahkan mouse Anda ke model yang ingin Anda ekspor dan klik Eksportir.

Cara mengimpor template Elementor

Seperti yang disebutkan sebelumnya, Anda dapat mengekspor model Elementor Anda ke file JSON.

Untuk mengimpor file JSON dari template Elementor, buka Template -> Template Tersimpan.

Klik tombol Model impor, kemudian Pilih file dan pilih file JSON yang ingin Anda impor. Klik pada tombol Impor sekarang untuk memulai impor.

Setelah model Anda diimpor, itu akan tersedia di tab Model terdaftar dari manajer template Elementor. Untuk menggunakannya, cukup arahkan mouse Anda dan klik Edit dengan Elementor.

Anda juga dapat mengimpor template Anda dengan mengklik ikon folder di editor Elementor.

Klik ikon panah di header Template Library untuk memilih file JSON dari komputer Anda.

Kata-kata terakhir

Anda tidak hanya dapat mengimpor template Elementor satu per satu per file. Anda juga dapat mengimpor beberapa model sekaligus.

Untuk mengimpor beberapa model, Anda dapat membuat file ZIP dari file model yang ingin Anda impor. Anda dapat menggunakan metode yang sama yang kami bahas di atas untuk mengimpor satu set template Elementor dari file ZIP.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Jadi ! Itu saja untuk artikel ini yang menunjukkan cara mengekspor dan mengimpor template Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu kami di dalam komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...

Elementor: Cara membuka popup dari url atau menu

Elementor: Cara membuka popup dari url atau menu

Dalam tutorial baru ini kami akan menunjukkan cara membuka popup Elementor dari URL atau menu. Anda juga akan belajar bagaimana menemukan URL yang mengarah ke popup Anda, dan kemudian bagaimana menggunakannya dari blok teks atau elemen navigasi.

Tapi pertama-tama, jika Anda belum menginstal Elementor, kami sarankan Anda untuk konsultasikan panduan kami dengan mengklik tautan ini.

Untuk memulai, tambahkan tombol ke halaman Elementor Anda

Pertama, buka halaman Anda dan edit dengan Elementor, terakhir tambahkan " tombol '.

Kemudian pilih 'Popup' di bawah opsi tautan

Setelah menambahkan tombol,

  1. Buka bagian itu hak gadai dan klik " Tag dinamis », Dan dari sana
  2. Pilih " Popup " di " tindakan '.
  3. kemudian klik Popup dan pilih model Anda.
Elemen munculan
buka-an-elementor-sembulan-dari-gundukan-url

Kunjungi halaman Anda untuk menyalin tautan ke popup Elementor

Sekarang kunjungi halaman dari ujung depan, lalu klik kanan pada "tombol" dan "Salin alamat tautan" setelah itu bukaeditor teks dari komputer Anda dan rekatkan tautannya.

buka popup Elementor

Tambahkan atau ubah elemen teks yang akan ditautkan ke popup

Setelah menyalin tautan dari tombol, kembali ke editor Elementor dan " Tambahkan teks Anda ". Kami hanya memilih judul.

buka-an-elementor-sembulan-dari-gundukan-url

Tambahkan bagian dari tautan yang disalin sebelumnya ke elemen teks Anda

Setelah memasukkan teks Anda, kembali ke editor teks tempat Anda menempelkan kode dan salin tautan dari #, lalu tempelkan ke opsi tautan.

Lihat screenshot di bawah ini.

buka popup Elementor

Untuk menambahkan popup sebagai item menu

Buka saja di bawah opsi menu WordPress. Di sana, tambahkan tautan khusus ke menu navigasi Anda dan masukkan URL yang Anda dapatkan di atas!

Baca panduan kami tentang cara membuat menu di WordPress

Terakhir, manfaatkan tautan popup Anda di Elementor!

Terakhir, Anda dapat memvalidasi bahwa semuanya berfungsi dengan membuka halaman dan mengklik teks atau item menu Anda!

Ipenting: Kondisi tampilan kontekstual Anda harus sesuai dengan halaman di mana Anda akan memiliki tautan ini! Jadi jika ada di navigasi header Anda, misalnya, popup Anda harus disetel ke seluruh situs web.

Dapatkan Elementor Pro Sekarang!

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. WordPress PDO Crud

WordPress PDO Crud adalah plugin tangguh yang memungkinkan Anda membuat formulir, untuk melakukan operasi penambahan, modifikasi, penghapusan data di perbatasan.

Wordpress pdo crud plugin wordpress masukkan tabel grafik website bentuk blog

Ini menawarkan tabel yang indah di mana Anda dapat menambahkan data Anda dalam beberapa cara, yang akan mudah ditentukan oleh Webmaster mana pun.

Fitur utamanya adalah: sintaks yang sangat sederhana, dukungan untuk beberapa tampilan, pembuatan otomatis penyisipan atau pembaruan formulir dari tabel database, tampilan bidang tertentu, dukungan untuk banyak plugin WordPress, ekspor data dalam format pdf, xml, csv dan excel, berbagai pengaturan kustomisasi, dukungan multibahasa, pencarian di bidang tertentu, beberapa opsi penghapusan, dan banyak lagi.

Download Demo | Hébergement Web

Featured Audio adalah plugin WordPress hebat yang mewarisi fitur HTML5 terbaik, seperti namanya. Plugin ini memungkinkan Anda untuk mengatur volume audio yang dipilih untuk setiap posting dan halaman. 

Plugin wordpress premium audio unggulan menambahkan pemutar audio

Adapun fitur-fitur yang akan kita miliki antara lain: lagu di halaman depan, audio player yang mendukung penuh HTML5, dukungan perangkat mobile seperti: iPhone, iPad, Android dan WP7, pemutaran file audio yang disimpan di media library WordPress , dukungan untuk browser lama, dukungan untuk format audio: mp3, wav, ogg, dll…, multibahasa, dan banyak lainnya…

Download | Demo | Hébergement Web

3. ChimpMate Pro

Chimpmate adalah plugin WordPress Pop-up MailChimp, yang akan membantu Anda mengubah pembaca Anda menjadi pelanggan. Itu dirancang untuk meningkatkan daftar email Anda tanpa mengganggu pengunjung, dengan pop-up yang mengganggu.

Simpanse pro

Ini sepenuhnya dapat disesuaikan, dan Anda akan mengendalikan kapan dan di mana untuk menampilkan pop-up. Fitur lainnya adalah: ia bekerja dengan sempurna di banyak browser dan memiliki beberapa opsi penjadwalan, tata letak yang dapat disesuaikan sepenuhnya, dukungan pelanggan yang responsif, integrasi tanpa batas dengan WooCommerce, manajemen cache yang sangat baik, integrasi sempurna dengan beberapa tema WordPress, the Dukungan multibahasa berkat plugin WPML, dan masih banyak lagi.

DownloadDemo | Hébergement Web

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

Kesimpulan

Di sini! Itu saja untuk tutorial ini. Semoga ini akan memungkinkan Anda untuk membuka popup Elementor dari url atau menu. merasa bebas untuk bagikan tip dengan teman-teman Anda di jejaring sosial Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...

Elementor: Mode Pemeliharaan - Penjelasan dan Pengaturan

Elementor: Mode Pemeliharaan - Penjelasan dan Pengaturan

Situs web selalu membutuhkan pembaruan dan pemeliharaan. Masalahnya adalah, saat Anda mengerjakan situs web Anda, banyak hal dapat macet, dan Anda tidak ingin menunjukkan kepada pengunjung situs web yang tidak berfungsi. Inilah sebabnya, saat mengerjakan situs web Anda, disarankan untuk mengonfigurasinya mode perawatan.

Ada beberapa metode untuk membuat halaman mode pemeliharaan, tetapi cara termudah adalah dengan Elementor, yang menawarkan fitur mode pemeliharaan built-in dan gratis, serta "mode". Coming Soon Untuk situs web baru. Cepat, mudah digunakan, dan hasilnya indah serta dibuat khusus -

konfigurasikan mode perawatan dengan Elementor

Apa itu mode pemeliharaan di WordPress?

Ketika situs web Anda disetel ke mode pemeliharaan, itu berarti bahwa pengguna selain administrator tidak dapat menggunakan atau melihat situs web Anda selama pemeliharaan, atau sebelum situs web diluncurkan.

Sebaliknya, pengguna ini melihat halaman mode pemeliharaan atau halaman mode Segera Hadir, memberi tahu mereka bahwa situs web untuk sementara tidak tersedia.

Administrator situs web, di sisi lain, masih memiliki akses ke situs web, sehingga mereka dapat mengujinya dan memastikan bahwa situs web tersebut berfungsi atau siap untuk diluncurkan.

Mengapa menggunakan mode perawatan

Ada banyak situasi di mana situs web Anda perlu dialihkan ke mode pemeliharaan dan segera hadir.

  • Lakukan perubahan pada situs web Anda
  • Perbaiki bug
  • Luncurkan produk atau layanan baru
  • Luncurkan desain ulang situs web

Ini hanyalah beberapa contoh saat Anda ingin dapat melihat situs web sendiri, tetapi menampilkan halaman Mode Pemeliharaan.

Cara menempatkan WordPress dalam mode pemeliharaan

Mode pemeliharaan terintegrasi ke dalam WordPress

WordPress menawarkan fitur mode pemeliharaan built-in. Masalahnya adalah itu diluncurkan secara otomatis dan hanya selama pembaruan dan Anda tidak memiliki kendali atasnya.

Lihat juga tutorial kami di: Cara menyesuaikan tema WordPress Anda dengan Elementor

Tambahkan mode pemeliharaan dengan kode

Untuk mengatasi masalah di atas, Anda dapat menggunakan kode untuk menampilkan halaman mode pemeliharaan. Anda dapat memodifikasi fungsi the.php dengan menambahkan potongan berikut ke dalamnya:

// Activate WordPress Maintenance Mode
function wp_maintenance_mode() 
{
if (!current_user_can(‘edit_themes’) || !is_user_logged_in()) 
{
wp_die(‘Ici vous pouvez ajouter le message de votre mode maintenance , par exemple : 
<h1>En Maintenance</h1>
<br />
Ce site web est en maintenance, svp veuillez revenir plus tard.’);
}
}
add_action(‘get_header’, ‘wp_maintenance_mode’);

Plugin untuk mode pemeliharaan 

Ada banyak plugin yang tersedia untuk mengonfigurasi mode pemeliharaan di WordPress. Kami akan menyebutkan antara lain:

  • Produk Benih,
  • CMP
  • dan lain-lain.

Ada yang gratis dan ada yang tidak.

Salah satu yang paling populer adalah SeedProd, dan seperti yang lainnya, yang perlu Anda lakukan untuk mulai menggunakannya adalah menginstal, mengaktifkan, dan menggunakannya.

Plugin khusus ini mengharuskan Anda melakukan hal berikut:

  1. Akses menu pengaturan dari dasbor WordPress Anda
  2. Pilih opsi Coming Soon Pro
  3. Di sini Anda dapat memilih status situs web Anda (jika Anda ingin mode pemeliharaan atau Segera Hadir diaktifkan).
  4. Sekarang Anda dapat memilih templat halaman dan menyesuaikannya

Cara menambahkan halaman mode pemeliharaan - Dengan Elementor

Elementor menawarkan cara mudah untuk menambahkan halaman mode pemeliharaan, dan tidak hanya itu, tetapi juga memungkinkan Anda untuk menyesuaikannya sesuka Anda. 

1. Tambahkan halaman mode pemeliharaan

  • Pasang Elementor.
  • Setelah terinstal, mulai mengedit halaman dengan mengklik Edit dengan Elementor - Edit dengan Elementor
  • Klik Tambahkan template, lalu pilih dari 12 templat halaman mode pemeliharaan, lalu klik Menyisipkan.
  • Sesuaikan dan modifikasi template agar sesuai dengan situs Anda.
  • Klik Simpan template dan beri nama model Anda

2. Tentukan template mode pemeliharaan

  • Pergi ke Elementor> Tools dan pilih antara mode Coming Soon dan mode Maintenance
  • Pilih template yang Anda simpan sebelumnya
  • Klik Simpan perubahan

3. Tentukan peran akses

Anda dapat menentukan peran khusus yang akan memiliki akses ke situs web dalam pemeliharaan.

Dengan cara ini, Anda akan dapat mengontrol siapa selain administrator yang memiliki akses ke seluruh situs web, sementara pengguna biasa akan dapat melihat halaman Pemeliharaan atau Segera Hadir. Peran ini pada dasarnya adalah Administrator, Editor, Penulis, Kontributor dan Pelanggan.

Lihat juga daftar Plugin 5 WordPress untuk mengelola peran dan pengguna

Pengguna bisnis dapat memasukkan formulir login pada halaman mode pemeliharaan, sehingga pengguna dengan akses yang sesuai dapat masuk ke situs web dari mode pemeliharaan itu sendiri.

Saat Anda menyetel mode pemeliharaan, Anda akan melihat tombol merah di bilah atas WordPress dengan teks: " Mode pemeliharaan AKTIF ".

4. Cara menonaktifkan mode pemeliharaan aktif WordPress 

Setelah Anda selesai mengerjakan situs web Anda, dan ingin meluncurkannya kembali dan mengeluarkannya dari mode pemeliharaan, Anda dapat kembali ke alat Elementor untuk mematikannya.

pergi ke dasbor> Elemen> Alat> Mode Pemeliharaan, dan di bawah 'Pilih Mode' matikan. Simpan sekarang dan Anda akan melihat notifikasi merah di bagian atas halaman yang dihapus.

Mengapa menggunakan Elementor ?

Selain fakta bahwa sangat mudah untuk menempatkan situs WordPress ke mode pemeliharaan dengan Elementor, ada beberapa fasilitas lainnya.

Mesin pencari

Mode pemeliharaan - Saat Anda menyetel mode pemeliharaan Elementor, situs web Anda akan memberi tahu mesin telusur bahwa situs web Anda sementara tidak aktif untuk pemeliharaan. Ini dilakukan dengan mengirimkan respons pemeliharaan sementara (HTTP 503). Dengan cara ini mesin pencari tahu bagaimana kembali nanti untuk memeriksa kembali apakah situs web sudah tersedia.

Baca juga: Cara menambahkan daftar isi di WordPress dengan Elementor

Coming Soon - Setel Elementor ke mode Coming Soon di sisi lain, membuat mesin pencari memberi tahu bahwa semuanya bekerja seperti biasa, dan mereka dapat mengindeks situs web seperti biasa. Ini dilakukan dengan mengembalikan respons dari HTTP200.

Dengan mengirimkan tanggapan ini, Elementor memastikan bahwa SEO Anda tidak akan terpengaruh.

template

Elementor memiliki mode pemeliharaan yang menakjubkan dan templat halaman Segera Hadir

Template ini memiliki semua yang Anda suka di halaman mode pemeliharaan, termasuk penghitung, formulir pendaftaran, ikon media sosial, dan banyak lagi. Ingatlah bahwa Anda dapat dengan mudah menyesuaikan template dari mode pemeliharaan ke template Segera Hadir dan sebaliknya.

Kami menyajikan beberapa di sini:

Penjelasan mode perawatan Wordpress cara menggunakan 1

Template Coming Soon yang indah ini menampilkan gambar latar belakang yang bagus dengan hamparan latar belakang ungu. Ini menampilkan penghitung waktu mundur, pesan yang jelas dan deskripsi singkat tentang visi, layanan, dan detail kontak perusahaan

Penjelasan mode perawatan Wordpress cara menggunakan 2

Model ini menampilkan jam close-up, menandakan bahwa waktu terus berjalan hingga peluncuran. Ini adalah templat halaman Coming Soon yang bersih dan minimalis yang sempurna untuk situs web bisnis dan mode.

Penjelasan mode perawatan Wordpress cara menggunakan 3

Template berbunga-bunga ini memiliki penggunaan asli dari widget bilah kemajuan Elementor. Ini menunjukkan kepada pengguna seberapa jauh kami dari peluncuran situs web. Ini juga menampilkan ikon media sosial untuk menghubungkan pengguna ke halaman profil Anda.

Penjelasan mode perawatan Wordpress cara menggunakan 4

Layar split dramatis dari template Coming Soon menampilkan penghitung waktu mundur, serta formulir berlangganan minimalis. Template ini dirancang khusus untuk situs web mode, tetapi dapat dengan mudah disesuaikan untuk topik lain.

Penjelasan mode perawatan Wordpress cara menggunakan 5

Template Coming Soon ini langsung ke intinya, dengan pesan singkat dan penghitung waktu mundur. Ini juga menampilkan email dan ikon sosial Anda, sehingga orang dapat menghubungi Anda sebelum peluncuran. Ini sangat cocok untuk situs web freelance.

Penjelasan mode perawatan Wordpress cara menggunakan 6

Jika Anda menginginkan pembaruan terjadwal ke situs web Anda, dengan perkiraan waktu untuk menyelesaikan perbaikan, Anda dapat menggunakan templat Mode Pemeliharaan berteknologi tinggi ini untuk memberi tahu pengunjung setia Anda kapan pembaruan akan selesai.

Penjelasan mode perawatan Wordpress cara menggunakan 7

Berikut adalah templat mode pemeliharaan lain yang memberikan pemberitahuan singkat tentang situasinya, dan juga menyediakan informasi kontak apa pun yang mungkin diperlukan pengguna. Latar belakang menunjukkan traktor sedang membajak lokasi konstruksi

Penjelasan mode perawatan Wordpress cara menggunakan 8

Ini adalah model Coming Soon klasik, yang memiliki hitungan mundur ke tanggal peluncuran. Ini juga memiliki formulir berlangganan, sehingga orang dapat mendaftar dan diberi tahu ketika situs web diluncurkan.

Penjelasan mode perawatan Wordpress cara menggunakan 9

Model Coming Soon berani lainnya, dengan warna kuning dan hitam yang kuat. Template ini memiliki form login, sehingga pengguna yang memiliki akses dapat login ke dalam website.

Penjelasan mode perawatan Wordpress cara menggunakan 10

Template login lain, kali ini dengan kolom formulir dan gambar potret template. Jenis halaman ini tidak hanya dapat digunakan untuk mode pemeliharaan, tetapi juga untuk membatasi akses ke situs Anda.

Penjelasan mode perawatan Wordpress cara menggunakan 11

Model Coming Soon klasik lainnya, juga dengan elemen jam. Template ini adalah contoh lain penggunaan warna hitam dan putih, serta warna aksen lain pada judul dan alamat email utama.

Mode perawatan gratis dan mudah

Meskipun mode pemeliharaan dan halaman mode Segera Hadir memiliki pola visual yang serupa, seperti judul yang mengumumkan mode pemeliharaan, penghitung waktu mundur, dan formulir masuk, masih ada lebih banyak kemungkinan desain. untuk dijelajahi saat Anda menyetel mode pemeliharaan dan Segera Hadir.

Temukan juga artikel kami di: Cara Memigrasi Situs WordPress Secara Manual: Panduan

Elementor memungkinkan Anda untuk sepenuhnya menyesuaikan desain halaman mode pemeliharaan situs WordPress Anda dan halaman mode Segera Hadir.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Disini adalah ! Itu saja untuk panduan ini yang menjelaskan mode pemeliharaan di WordPress dan cara mengkonfigurasinya di situs web. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda

...

Elementor: Buat tombol unduh file PDF

Elementor: Buat tombol unduh file PDF

Apakah Anda ingin membuat tombol unduh file PDF dengan Elementor Page Builder?

Saat membuat halaman Bantuan Elemen (apakah itu halaman beranda, halaman arahan, dll...), Anda dapat menambahkan tombol unduh yang, ketika pengunjung mengklik tombol, file langsung diunduh alih-alih diarahkan ke tab browser web baru untuk melihat mengajukan.

Baca juga: Cara menyematkan PDF di Elementor tanpa menulis kode

Elementor mempunyai sebuah Widget tombol yang dapat Anda gunakan untuk membuat tombol unduh file. Saat menambahkan widget Tombol, Anda cukup menambahkan tautan file Anda di panel pengaturan.

Baca juga: Cara menginstal Elementor di WordPress

Namun, pengaturan default akan mengarahkan pengunjung Anda ke tab baru untuk melihat file untuk format file tertentu, termasuk PDF dan format gambar seperti JPG dan PNG. Jika Anda ingin file diunduh secara langsung, Anda harus menambahkan atribut khusus ke tautan unduhan.

Membuat tombol unduh file PDF di Elementor

Pertama, unggah file PDF ke perpustakaan media WordPress. Untuk melakukannya, masuk ke dasbor WordPress Anda dan navigasikan ke Media -> Tambahkan. Klik tombol Pilih file untuk memilih file Anda.

Setelah file diunggah, Anda akan melihat tombol Salin URL ke papan klip untuk menyalin URL file dan tautan Mengubah untuk mengedit file.

Klik tombol Salin URL ke papan klip.

Anda juga dapat menemukan URL file dari perpustakaan media WordPress (Media -> Pustaka media). Cukup pilih file yang ingin Anda gunakan dan klik Salin URL ke File. papan klip di jendela yang muncul.

Setelah URL disalin, buka editor Elementor dan tambahkan widget Tombol. Rekatkan URL yang baru saja Anda salin ke bidang Hak gadai dari panel pengaturan.

buat tombol unduh file PDF dengan Elementor

Untuk menambahkan atribut khusus, klik ikon roda gigi di bidang Link. Anda dapat mengetikkan nama apa pun di bidang Atribut Kustom.

Anda dapat menggunakan format berikut: Télécharger|[nom fichier]. Di rumah saya akan memiliki Télécharger|Elementor

buat tombol unduh file PDF dengan Elementor

Di Sini. Anda dapat mengakses tab Gaya untuk menyesuaikan tombol. Setelah Anda selesai mengedit seluruh halaman, Anda dapat memperbarui atau menerbitkan halaman Anda.

Pratinjau akhir

pendek kata

Elementor memiliki widget Tombol yang dapat Anda gunakan untuk menambahkan tombol unduh file di halaman Anda. Anda dapat menambahkan file apa pun yang didukung oleh sistem WordPress, seperti: PDF, ZIP, JPG, PNG, dll…

Namun, untuk format file seperti PDF, JPG, dan PNG, Anda perlu menambahkan atribut tautan khusus agar file dapat diunduh secara langsung.

Jika Anda menggunakan Elementor Pro, Anda juga dapat menggunakan widget Tombol untuk membuat tombol yang dapat ditindaklanjuti seperti tombol obrolan whatsapp, tombol facebook messenger, dll ...

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Di Sini ! Itu saja untuk artikel ini yang menunjukkan kepada Anda Cara Membuat Tombol Unduh File PDF dengan Elementor Page Builder. Jika Anda menyukai artikel ini, jangan ragu untuk bagikan di jejaring sosial favorit Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Ceritakan tentang Anda komentar dan saran di bagian khusus.

...