Elementor secara teratur menawarkan tema yang membantu Anda buat situs web lengkap dari ini. Setiap bulan kami merilis tema baru yang dibangun di sekitar ceruk tertentu, namun cukup fleksibel sehingga Anda akhirnya dapat menyesuaikannya agar sesuai dengan kebutuhan Anda.

Dikombinasikan dengan Elementor Pro, tema-tema ini membantu Anda memulai dengan cepat setiap bagian situs web Anda, termasuk:

pusia statis, seperti beranda,

  • header
  • footer
  • halaman 404
  • bagian Arsip 
  • blog
  • Popup dan lainnya

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara membuat situs web selesaikan menggunakan pembuat halaman visual Elementor.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Cara Membangun Situs Web Lengkap Dengan Tema Elementor

Dalam tutorial ini, Anda akan belajar bagaimana menggunakan tema sebagai dasar untuk semua bagian penting dari situs web Anda, dan kemudian menggabungkan semuanya menjadi satu. buat situs web koheren.

Lebih tepatnya, temanya Agen Digital.

Situs web Anda akan memiliki sejumlah halaman dasar, seperti halaman:

  • selamat datang
  • tentang
  • Layanan
  • Klien
  • Blog
  • Kontak

Dan itu juga menawarkan bagian yang didedikasikan juga untuk konten dinamis. Misalnya, arsip posting blog dan template posting Anda secara otomatis cocok dengan halaman Anda yang berdiri sendiri. Anda juga dapat mengubah header, footer, dan halaman 404.

Cara membuat website elementor blogpascher lengkap 1

Jadi begini cara membuat situs web dengan tema Elementor:

1. Instal dan aktifkan tema Elementor Hello 

Karena Anda akan menggunakan Elementor dan template tema untuk membangun seluruh situs web Anda, Anda tidak perlu mencari elemen lain.

Sebagai gantinya, Anda hanya membutuhkan situs web ringan yang dioptimalkan untuk kinerja, yang disediakan oleh tema Elementor Hello.

Untuk memulai, masuk ke Penampilan → Tema → Tambah dan cari " Halo elementor". Kemudian instal dan aktifkan tema tersebut. 

2. Konfigurasikan halaman statis dasar situs Anda

Lalu pergi ke menu Halaman → Tambahkan untuk membuat halaman dasar situs Anda.

Pertama, buat halaman bernama " selamat datang "Dan klik tombolnya Edit dengan Elementor untuk meluncurkan Elementor.

Klik pengaturan untuk membuka pengaturan halaman dan ubah tata letaknya menjadi sama dengan Elementor Lebar Penuh.

Kemudian buka perpustakaan template Elementor dan cari "Digital Agency" di bawah Pages :

Anda akan melihat daftar templat halaman dari tema ini. Sisipkan template Halaman dari daftar model.

Sekarang Anda akan melihat halaman beranda penuh. Headernya terlihat agak membosankan untuk saat ini - tapi jangan khawatir, kami akan segera memperbaikinya..

Selanjutnya, tambahkan halaman lain yang akan digunakan untuk " tentang".

Seperti sebelumnya, buat halaman dan ubah Tata Letak menjadi Elementor Lebar Penuh. Kemudian buka pustaka template dan sisipkan template Tentang Kami dari tema Agen Digital.

Sekarang ulangi proses yang sama untuk membuat semua halaman lainnya termasuk: Jasa, Pelanggan, dan Kontak.

Jangan khawatir tentang halaman Blog dulu. Halaman ini tidak statis seperti yang lainnya. Untuk alasan ini, Anda akan membuatnya di sana melalui metode yang berbeda (yang akan kita bahas nanti di tutorial ini).

Untuk menyelesaikan pengaturan halaman statis Anda, Anda perlu memberi tahu instalasi WordPress Anda untuk menggunakan halaman beranda statis. Untuk melakukan ini…

  • Ayolah Pengaturan → Putar
  • memilih  Halaman statis (pilih di bawah) di bawah pengaturan beranda Anda 
  • Pilih halaman yang mengintegrasikan template halaman beranda tema

3. Buat bagian lain dari situs web Anda

Sekarang Anda siap untuk membangun bagian lain dari situs web Anda menggunakan Elementor. Elementor memungkinkan Anda melampaui pembuatan halaman statis (seperti yang Anda lakukan di atas).

Dengan Elementor, Anda juga dapat mendesain bagian seperti: en-kepala; footer, dll ...

Dan berkat tema Elementor, Anda akan dapat mengimpor templat untuk semua bagian yang sudah ada di halaman statis yang Anda buat pada langkah sebelumnya.

Untuk mengakses pembuat visual Elementor, buka Templat→ Pembuat Tema. Anda perlu menginstal Elementor Pro untuk dapat mengaksesnya.

Sekarang saatnya membuat bagian Anda

Header

Untuk memulai, buka tab Header dari antarmuka pembuat visual, lalu klik Add New. Pada layar berikutnya, Anda akan melihat pilihan template di perpustakaan Elementor. Sama seperti yang Anda lakukan dengan halaman statis, cari “Digital Agency”, lalu masukkan:

Elementor - masukkan templat tajuk

Sekarang Anda akan melihat pratinjau visual dari header Anda, serta menu navigasi dari template yang Anda masukkan.

Jika Anda ingin mengubahnya

  • Ayolah  Penampilan → Menu di dashboard WordPress Anda
  • Buat menu baru

Setelah Anda membuat menu, Anda dapat menambahkan halaman yang Anda buat pada langkah # 2 ke menu navigasi Anda.

Baca juga: 10 Alat Otomasi untuk Pemasaran Bisnis Kecil

Setelah Anda selesai menambahkan item menu, simpan menu Anda dan kembali ke template header Anda di antarmuka Elementor.

layanan, menerbitkan tajuk Anda dan gunakan kondisi tampilan untuk menampilkan templat tajuk Anda di seluruh situs web Anda. Jika mau, Anda juga dapat menggunakan kondisi tampilan untuk membuat header yang berbeda untuk berbagai jenis konten:

Lalu tekan Simpan & Tutup

Footer

Sekarang saatnya membuat footer situs web Anda:

  • Kembali ke antarmuka pembuat halaman visual
  • Klik pada tab Footer 
  • Klik tombol untuk Tambahkan Footer Baru
  • Di pop-up, beri nama pada footer Anda dan klik Buat Template

Sekarang Anda akan melihat daftar template footer seperti yang Anda lakukan dengan header Anda. Telusuri "Agen Digital" dan masukkan template footer.

Setelah Anda memasukkan templat footer, Anda akan melihat pratinjau footer Anda:

layanan, menerbitkan template footer Anda dan gunakan istilah tampilan untuk menampilkannya di seluruh situs web Anda.

Halaman blog

Tidak seperti laman statis yang Anda buat pada langkah # 2, laman blog situs web Anda adalah " arsip ". Pada dasarnya, ini berarti secara dinamis menampilkan konten terbaru dari situs web Anda.

Jika pengguna mengklik item tertentu di halaman blog, mereka akan dibawa ke halaman yang menampilkan konten item tersebut. Ini disebut halaman "tunggal". Desain unik Anda memastikan bahwa semua konten Anda akan terlihat sama – satu-satunya hal yang berubah adalah konten sebenarnya (seperti judul posting, isi, gambar unggulan, dll.).

Temukan juga Cara menambahkan daftar isi di WordPress dengan Elementor

Untuk membuat halaman arsip dan templat halaman yang unik, Anda harus menggunakan pembangun visual Elementor - bukan zona halaman ou artikel Default WordPress.

Memulai…

  • Buka antarmuka Pembuat Tema
  • Buka tab Arsip
  • Klik Tambah Baru
  • Beri nama dan klik Buat Template

Seperti header dan footer Anda, Anda akan melihat daftar templat halaman arsip. Cari template "Agen Digital" dan masukkan.

Sekarang Anda akan melihat desain dasar halaman artikel Anda.

Perlu dicatat bahwa jika Anda hanya melihat satu artikel itu normal, karena WordPress hanya hadir dengan contoh default yaitu “Hello World! ".

Untuk saat ini, yang perlu Anda lakukan hanyalah menerbitkan halaman arsip Anda dan atur untuk ditampilkan di semua arsip.

Baca panduan kami di Cara memigrasi situs WordPress secara manual

Kemudian Anda dapat pergi ke menu posting di dasbor Anda dan membuat posting blog baru. Tetapkan setiap item ke kategori yang disebut “Berita".

Sekarang, ketika Anda pergi ke halaman Blog Anda, Anda akan secara otomatis melihat semua posting baru ini:

Pembuatan halaman template posting blog

Pada titik ini, halaman blog Anda memiliki tampilan yang cukup ramah pengguna. Tetapi jika Anda mengklik posting blog tertentu, tata letaknya tidak akan cocok dengan sisa situs web Anda.

Untuk mengatasi masalah ini, Anda perlu membuat template "unik" dengan Elementor:

  • Buka pembuat visual Elementor
  • Buka tab Tunggal Pos
  • Klik Add New

Di jendela munculan Template Baru :

  • Beri nama
  • Sélectionnez Pos dalam daftar drop-down Pilih Jenis Posting. Ini memberi tahu Elementor bahwa Anda ingin menggunakan template ini untuk posting blog Anda (sebagai lawan dari Pages atau jenis posting kustom lain yang dapat Anda gunakan)

Sekali lagi, Anda akan melihat pustaka template Elementor. Temukan template artikel unik dari template "Agen Digital" dan sisipkan.

Baca juga Mode pemeliharaan di WordPress: Penjelasan dan konfigurasi

Jika mau, Anda dapat menggunakan banyak widget data penerbitan dinamis untuk mengontrol tampilan halaman Anda.

Misalnya, jika Anda memodifikasi widget  Kirim Info, Anda akan dapat mengontrol elemen metadata yang muncul, seperti pada publikasi ...

  • Auteur
  • Tanggal publikasi
  • Commentaires
  • Dan lain-lain

Setelah Anda puas dengan model item Anda, klik menerbitkan. Kemudian Anda dapat menggunakan opsi tampilan sehingga template unik ini hanya berlaku untuk posting dalam kategori "Beyond News":

  • Pilih dari kategori
  • Pilih kategorinya Berita

Lalu tekan Simpan & Tutup.

Sekarang semua posting blog Anda harus memiliki desain yang sesuai dengan sisa situs web Anda.

Untuk menyelesaikan semuanya, buka Penampilan → Menu dan tambahkan halaman blog Anda ke menu navigasi Anda. Untuk melakukan ini, Anda dapat menambahkan tautan ke kategori "Berita" di bagian Kategori.

halaman 404

Terakhir, Anda perlu membuat halaman 404 situs web Anda. Halaman 404 situs web Anda adalah apa yang akan dilihat pengunjung jika mereka mengikuti tautan yang rusak atau mencoba mengunjungi halaman yang tidak ada.

Temukan juga kami 5 WordPress plugin untuk mengelola kesalahan 404

Untuk membuat halaman 404 Anda, gunakan pembuat visual Elementor untuk menambahkan template unik lainnya.

  • Buka pembuat visual Elementor
  • Buka tab 404 kesalahan
  • Klik Add New
  • Sisipkan template Agensi Digital dari halaman 404
404 halaman - buat situs web lengkap

Selanjutnya, publikasikan template Anda untuk melengkapi situs web Anda.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Jadi ! Itu saja untuk panduan ini yang menunjukkan Anda langkah demi langkah cara membuat situs web lengkap dengan Elementor. 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

...