Loncat ke Konten Utama

Cara membuat tata letak kustom dengan Elementor

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Apakah Anda ingin membuat tata letak kustom Anda sendiri di WordPress? Apakah Anda ingin mudah membuat situs web Anda dengan desain profesional? Jadi kamu harus Unduh Elementor di sini.

Elementor adalah generator halaman WordPress oleh "Drag and Drop" yang memungkinkan Anda untuk dengan mudah membuat tata letak kustom di WordPress tanpa pengetahuan pengkodean apa pun. Di sini Tutoriel, kami akan menunjukkan cara mudah membuat tata letak WordPress khusus Elementor dengan beberapa klik.

Mengapa dan kapan Anda membutuhkan tata letak khusus di WordPress?

Banyak tema WordPress gratis dan premium menawarkan beberapa pilihan tata letak untuk berbagai jenis halaman. Namun, terkadang tidak satupun dari ketentuan ini yang memenuhi kebutuhan Anda.

Jika Anda tahu bagaimana kode PHP, HTML dan CSS, Anda dapat membuat halaman sendiri template Anda atau bahkan membuat tema anak untuk situs Anda. Namun, mayoritas pengguna WordPress bukan pengembang, jadi opsi ini tidak berfungsi untuk mereka.

Bukankah lebih bagus untuk membuat layout menggunakan antarmuka yang sederhana (Drag dan Drop)?

Itulah yang dilakukan Elementor. Ini adalah plugin pembuatan halaman WordPress drag-and-drop yang memungkinkan Anda untuk dengan mudah membuat layout WordPress kustom Anda sendiri tanpa keterampilan pengkodean apa pun.

Ini memiliki antarmuka pengguna yang intuitif yang memungkinkan Anda untuk membuat tata letak kustom dengan preview langsung. Muncul dengan banyak modul siap pakai untuk semua jenis elemen desain web.

Ada beberapa template yang dirancang secara profesional yang dapat Anda muat dan gunakan secara instan sebagai titik awal. Ia bekerja dengan semua tema WordPress standar yang kompatibel dan kompatibel dengan semua plugin WordPress yang populer.

Yang mengatakan, mari kita lihat cara membuat layout WordPress kustom dengan Elementor.

Memulai dengan Elementor

Pertama, Anda harus membeli plugin " Elementor Pro ". Ini adalah versi berbayar dari plugin Elementor Gratis dan memberi Anda akses ke fitur tambahan dan dukungan 1.

Maka Anda harus menginstal dan mengaktifkan plugin Elementor. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami tentang caranyamenginstal plugin WordPress.

Saat mengaktifkan, Anda harus mengunjungi halaman " Elementor> Pengaturan Untuk mengkonfigurasi pengaturan plugin.

Di sini Anda dapat mengaktifkan "Elementor" untuk berbagai jenis publikasi. Secara default, ini diaktifkan untuk artikel Anda dan halaman WordPress. Jika Anda memiliki format publikasi khusus di situs Anda, ini juga akan muncul di sini, dan Anda juga dapat mengaktifkannya.

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Anda dapat mengecualikan atau menyertakan peran pengguna yang dapat menggunakan Elementor saat menulis artikel atau halaman. Secara default, ini hanya diaktifkan untuk administrator.

Jangan lupa klik tombol "Simpan Perubahan" untuk menyimpan pengaturan Anda.

Membuat tata letak khusus dengan Elementor

Pertama, Anda perlu membuat halaman baru (atau posting) di situs WordPress Anda. Pada layar pengeditan publikasi, Anda akan melihat tombol "Edit Dengan Elementor" baru.

Mengkliknya akan meluncurkan antarmuka pengguna Elementor di mana Anda dapat mengedit halaman Anda menggunakan drag dan drop page builder Elementor.

Anda sekarang dapat menambahkan bagian dan membuat halaman Anda dari awal, atau Anda dapat menambahkan templat.

Model adalah cara cepat untuk memulai dengan cepat. Elementor hadir dengan beberapa template yang dirancang secara profesional yang dapat Anda sesuaikan sebanyak yang Anda mau.

Mari kita mulai dengan template dengan mengklik tombolnya Tambahkan sebuah template ".

Ini akan menampilkan jendela pop-up di mana Anda akan melihat model yang berbeda tersedia. Anda harus mencari template yang terlihat seperti apa yang telah Anda tambahkan pada tata letak Anda.

Sekarang, klik untuk memilih template yang Anda inginkan, lalu klik tombol "Insert" untuk menambahkannya ke halaman Anda.

Elementor sekarang akan memuat template untuk Anda.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Anda sekarang dapat mulai mengedit template sesuai dengan kebutuhan Anda. Cukup arahkan dan klik pada item apa pun untuk memilihnya, dan Elementor akan menunjukkan pengaturannya di kolom kiri.

Sekarang mari kita bicara tentang cara kerja layout Elementor.

Konfigurasi elementor dibangun menggunakan bagian, kolom dan widget. Bagian adalah sebagai garis atau blok Anda tempatkan pada halaman Anda.

Setiap bagian dapat memiliki beberapa kolom, dan setiap bagian kolom dan dapat memiliki gaya sendiri, warna, konten, dll

Anda dapat menambahkan sesuatu ke kolom dan bagian Anda menggunakan tawaran widget Elementor.

Widget ini adalah berbagai jenis blok konten yang dapat Anda tempatkan di bagian Elemen Anda.

Cukup pilih widget dan letakkan di bagian atau kolom Anda. Ada banyak sekali widget yang tersedia yang mencakup semua elemen desain web populer yang dapat Anda bayangkan.

Anda dapat menambahkan gambar, teks, topik, galeri gambar, video, peta, ikon, testimonial, slider, komidi putar dan banyak lagi.

Anda juga dapat menambahkan widget WordPress default dan bahkan widget yang dibuat oleh orang lain plugin WordPress di situs Anda.

Setelah selesai mengedit, Anda dapat mengklik tombol "Simpan" untuk menyimpan perubahan Anda.

Ucapan: Menyimpan layout tidak akan mempublikasikan halaman di situs WordPress anda. Ini hanya akan menghemat tata letak Anda.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

Anda sekarang dapat melihat halaman Anda atau mengakses dashboard WordPress.

Ini akan membawa Anda kembali ke Editor Penerbitan WordPress. Anda sekarang dapat menyimpan halaman WordPress Anda atau mempublikasikannya di situs Anda.

Itu semua untuk tutorial ini, saya berharap ini akan memungkinkan Anda untuk membuat tata letak dengan plugin Elementor.

Beberapa sumber yang bermanfaat:

Artikel ini berisi komentar 16
  1. Halo,
    Saya punya masalah Dalam beberapa bulan terakhir, saya belum memperbarui situs web tempat saya menggunakan elemen ini; hari ini saya mencoba untuk melakukannya tetapi saya punya masalah, sebagian besar bagian menunjukkan kepada saya sebuah kotak dengan kata OFF SECTION dan saya tidak bisa melakukan apa-apa. Saya hanya dapat mengedit satu bagian halaman, bagian di mana saya memiliki teks itu sendiri.
    Apakah Anda tahu apa yang bisa berhasil?

  2. Halo,
    Saya belajar untuk membangun sebuah situs web dengan WordPress, Elementor adalah plugin yang hebat, sangat memungkinkan, saya menemukan sesuatu yang baru.
    Juga masalah;) Saya biasanya berurusan dengan solusi. Tidak sekarang.

    Saya punya masalah dengan pengeditan teks. Paragraf dan header keduanya kaku dan saya tidak dapat mengubah font, warna, ketebalan, dll. Meskipun ada perubahan pengaturan, tidak ada perubahan. Ini bukan masalah pola karena font dan skema warna berbeda dari Elementor.
    Saya tidak tahu bagaimana mengubah parameter template ini terjadi pada saya sama dengan header 1, tapi saya mengubahnya dengan memasukkan kode html di header dan membantu, sekarang tidak berfungsi.

    Bagaimana ini akan berubah? - tolong bantu.

    1. Halo,

      Cobalah untuk menonaktifkan semua plugin WordPress dan coba lagi. Jika masalah Anda terpecahkan ketika mereka semua dinonaktifkan, mulailah dengan mengaktifkannya satu per satu lalu periksa setiap kali.

      Jika masalah kompatibilitas dengan plugin lain, Anda akan tahu yang mana.

  3. Bonsoir.
    Saya menambahkan foto di situs (Halaman Arahan) dan saya mencoba mengubah untuk yang lain saya tidak bisa ... menghapus beberapa kali dan saya memasang foto baru tetapi tidak memuat ... foto lama tetap ...
    Apakah Anda dapat membantu saya?

  4. Halo dan terima kasih untuk artikel ini yang memperkuat saya dalam memilih Elementor sebagai pembuat halaman. ^^

    Di sisi lain, apa pendapat Anda tentang pembuatan situs anak sebelum modifikasi? Apakah perlu dengan Elementor?

    Ketakutan saya adalah bahwa semua perubahan yang dibuat ditimpa saat memperbarui tema? Apakah tidak ada risiko?

    Berterima kasih atas jawaban Anda,
    Bien à vous,
    Nicolas

  5. Halo dan terima kasih atas artikel yang sangat menarik ini.
    Saya mulai menggunakan Elementor dan bertanya-tanya apakah itu tidak perlu sebelum melanjutkan untuk membuat tema anak dari yang saya gunakan. Jika tidak, apakah tidak ada risiko bahwa tema atau plug-in maJs akan menimpa tata letak built-in dengan Elementor?
    Berterima kasih atas kepulangan Anda,

  6. Halo,

    Saya ingin tahu bagaimana cara memiliki kode PHP dari ELEMENTOR ekstensi untuk mengintegrasikannya ke beranda saya?

    Saya berterima kasih atas perhatian Anda atas permintaan saya.

  7. Halo,

    artikel yang sangat menarik
    Saya punya pertanyaan untuk unsur pro itu.
    Apakah mungkin untuk menambahkan formulir yang dihasilkan, metode = "POST"?

    Jeanson

  8. artikel yang sangat bagus, gan mau tanya, ketika saya mulai masuk ke elementor, atau kenapa nampaknya ada header dan footernya, bagaimana terlihat kosong

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
25 saham
saham18
menciak2
Register5
Ada apa