Loncat ke Konten Utama

Cara membuat tata letak kustom dengan Elementor

Divi: tema WordPress termudah untuk digunakan

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 khusus di WordPress? Apakah Anda ingin dengan mudah membuat situs web dengan penampilan profesional? Jadi kamu harus Unduh plugin WordPress Elementor di sini.

Elementor adalah pembangun halaman visual yang menawarkan fitur "Seret dan Jatuhkan" yang memungkinkan Anda membuat tata letak khusus di WordPress dengan mudah tanpa pengetahuan pengkodean.

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara mudah membuat layout WordPress kustom dengan Elementor hanya dengan beberapa klik. Kami juga menawarkan lihat alternatif lain dari plugin WordPress yang indah ini.

Mengapa dan kapan membuat tata letak khusus di WordPress?

Sebelum Anda mulai, Anda dapat menemukan di plugin WordPress ini dengan berkonsultasi dengan artikel Presentasi halaman pembuat WordPress: Elementor atau menemukan Tutorial elemen atau: Memperkenalkan antarmuka

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

Namun, jika Anda adalah penggemar PHP, HTML dan CSS, Anda memiliki opsi untuk membuat templat halaman Anda sendiri atau bahkan membuat tema turunan untuk situs web Anda. Tapi, sebagian besar pengguna WordPress bukan pengembang, jadi opsi ini tidak berfungsi untuk mereka.

Temukan juga ini Plugin 8 WordPress untuk dengan mudah membuat tata letak Anda

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

Itulah yang dilakukan Elementor. Ini adalah plugin pembuatan halaman WordPress yang memungkinkan Anda untuk dengan mudah membuat tata letak WordPress kustom Anda sendiri tanpa keterampilan coding.

Ini memiliki antarmuka pengguna yang intuitif yang memungkinkan Anda membuat tata letak khusus dengan pratinjau waktu-nyata. Muncul dengan banyak modul siap pakai untuk semua jenis elemen desain web.

Ini menawarkan beberapa templat halaman yang dirancang secara profesional yang dapat Anda muat dan gunakan secara instan sebagai titik awal. Yang mengatakan, mari kita lihat cara membuat layout WordPress kustom dengan plugin WordPress Elementor.

Memulai dengan Elementor

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

Maka Anda harus menginstal dan mengaktifkan plugin Elementor. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, kunjungi halaman " Elementor> Pengaturan Untuk mengkonfigurasi operasi plugin ini.

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

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

Temukan kami Plugin 8 WordPress untuk mengelola peran dan pengguna

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 halaman publikasi, Anda akan melihat tombol "Edit Dengan Elemen" yang baru.

Divi: Tema WordPress terbaik sepanjang masa!

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

Mengkliknya akan meluncurkan antarmuka pengguna Elementor di mana Anda dapat mengedit halaman Anda menggunakan pembuat halaman dengan fungsionalitas drag and drop.

Anda sekarang dapat menambahkan bagian dan membuat halaman Anda dari awal, atau Anda masih dapat memuat salah satu templat default yang dikirimkan.

Model adalah cara yang lebih cepat untuk memulai dengan cepat. Dengan demikian, Elementor menawarkan beberapa templat yang dirancang secara profesional yang dapat Anda sesuaikan sebanyak yang Anda inginkan.

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

Ini akan menampilkan jendela sembulan di mana Anda dapat melihat berbagai model yang tersedia. Anda harus mencari model yang terlihat seperti yang Anda inginkan.

Sekarang klik untuk memilih model yang Anda inginkan, lalu klik tombol menyisipkan Untuk menambahkannya ke halaman Anda.

Elementor akan memuat template untuk Anda.

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

Sekarang mari kita bicara tentang cara kerja layout Elementor.

Model yang ditawarkan oleh plugin Elementor dibangun di atas bagian, kolom dan widget. Bagian seperti garis atau blok yang Anda tempatkan di halaman Anda.

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

Anda bisa menambahkan item ke kolom dan bagian Anda menggunakan widget yang disediakan Elementor.

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

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

Buat Toko Online Anda dengan mudah

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

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

Lihat juga kami 15 Elementor tema dan templat untuk membuat situs web

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

Setelah selesai membuat sendiri atau memodifikasi tata letak, Anda dapat mengklik tombol " Register Untuk menyimpan perubahan Anda.

Ucapan: Menyimpan tata letak tidak akan menerbitkan halaman di situs web WordPress Anda. Ini hanya akan menyimpan tata letak Anda.

Pada titik ini, Anda memiliki opsi untuk melihat pratinjau halaman Anda atau mengakses dasbor WordPress. Yang akan membawa Anda kembali ke penerbit default WordPress. Anda sekarang dapat menyimpan halaman WordPress Anda atau menerbitkannya di situs web Anda.

Itu saja, jadi selesai membuat halaman dengan plugin WordPress Elementor.

Tetapi seperti banyak pembangun halaman, ia juga menawarkan ekstensi yang memungkinkan Anda membuat layout baru dengan mudah dan cepat dengan menambahkan lebih banyak elemen desain ke plugin default.

Unduh Elementor

Berikut adalah ekstensi premium 3 yang telah kami pilih untuk Anda.

1. JetElements

Plugin ini akan meningkatkan bundel Elementor Anda dengan berbagai macam modul, yang akan sangat berguna saat membangun situs web Anda. Elemen yang kuat telah diciptakan secara khusus untuk diintegrasikan ke dalam fungsionalitas Elementor dan akhirnya untuk memberi Anda solusi serbaguna dan elemen elegan.

Fitur utamanya adalah: banyak modul berguna, berisi banyak pilihan gaya, parameter fungsional dan elemen yang benar-benar dapat disesuaikan, elemen luar biasa untuk meluncurkan toko online Anda dengan cepat, dukungan untuk bahasa RTL, dukungan plugin WPML dan modul Formulir Kontak 7 yang menakjubkan, yang memungkinkan Anda untuk menambahkan formulir kontak Anda dan mengintegrasikannya ke situs web Anda.

Download | Demo| Hosting Web

2. JetMenu

JetMenu adalah ekstensi sangat fungsional plugin Elementor, yang memungkinkan Anda membuat Mega Menu dengan elemen gulir yang mudah digunakan. Plugin ini tidak membatasi imajinasi Anda dan memiliki potensi untuk membuat menu yang luar biasa dan merubahnya sesuai dengan visi dan kebutuhan Anda.

Fitur utamanya adalah: Tidak diperlukan pengetahuan dalam pengkodean fitur kaya yang menggabungkan sempurna dengan kesederhanaan dan kejelasan, banyak pilihan modul konten, yang dikembangkan khusus untuk membantu Anda membuat menu, tata letak yang sangat responsif, dan banyak lagi.

Jika Anda ingin membumbui menu atau menu mega situs web Anda, plugin WordPress ini adalah untuk berkonsultasi.

Download | Demo | Hosting Web

3. JetWooBuilder

JetWooBuilder adalah add-must-have yang memungkinkan Anda membuat halaman produk WooCommerce sepenuhnya dengan Elementor.

Sebagai fitur yang akan Anda temukan antara lain: beberapa template halaman produk yang unik, banyak elemen visual untuk membuat halaman produk WooCommerce, banyak widget konten yang menarik, seperti Tambahkan ke troli, Pratinjau, Gambar, Notasi, Terkait dan banyak lainnya, kemampuan untuk melihat taksonomi produk dan banyak lagi.

Download | Demo | Hosting Web

Beberapa sumber yang bermanfaat:

Kesimpulan:

Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk membuat layout modern dan profesional dengan plugin Elementor.

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

Terutama bagikan artikel ini di jejaring sosial Anda yang berbeda.

Artikel ini berisi komentar 19
  1. Halo
    Saya membuat beranda melalui tab khusus antarmuka wordpress saya. Mengapa saya tidak menemukan elemen yang sama? pada elemenatau bilah menu saya tidak di tempat yang sama dan saya tidak memiliki logo saya yang muncul! Saya lebih suka yang ada di wordpress tetapi ketika saya melakukan visualisasi situs saya adalah homepage elementor yang muncul! Bisakah Anda memberi tahu saya cara melakukannya?
    Berterima kasih padamu hal

  2. 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?

  3. 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.

  4. 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?

  5. 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

  6. 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,

  7. 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.

  8. Halo,

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

    Jeanson

  9. 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.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
25 saham
saham18
menciak2
Register5
Ada apa