Panduan/Tata letak situs/Sunting desain situs web yang dibuat AI

Sunting desain situs web yang dibuat AI

Setelah membuat situs Anda dengan pembuat situs web AI, Anda dapat menyesuaikan desain dan tata letak menggunakan prompt AI. Panduan ini akan menunjukkan cara menggunakan AI untuk menyelesaikan desain situs web Anda.

Fitur ini tersedia untuk situs baru dengan paket WordPress.com Premium dan Bisnis. Anda dapat mencobanya secara gratis (hingga 30 prompt), lalu upgrade untuk meluncurkan dan melanjutkan penyesuaian situs.

Sunting situs web yang dibuat AI

Anda dapat terus memperbarui, menyunting, dan menambahkan konten ke situs Anda dengan AI dan penyuntingan manual. Untuk mengelola situs Anda menggunakan AI:

  1. Kunjungi Halaman situs Anda.
  2. Pilih situs Anda dan klik tombol “Beranda Saya“.
  3. Langkah selanjutnya tergantung pada paket situs:
    • Situs percobaan gratis akan langsung diarahkan ke penyunting untuk melanjutkan penyuntingan.
    • Situs yang di-upgrade akan diarahkan ke dasbor situs, tempat Anda dapat membuka Tampilan → Penyunting untuk melanjutkan penyuntingan.
  4. Klik ikon bintang bersudut empat di bawah layar untuk membuka asisten AI:
The AI symbol that resembles a four-pointed star.

Ubah skema warna keseluruhan

Untuk memperbarui skema warna situs Anda menggunakan AI, ikuti langkah-langkah berikut:

  1. Klik ikon AI bintang berujung empat untuk membuka kotak prompt.
  2. Ketik prompt seperti: “Ubah warna” atau “Saya ingin mengubah seluruh skema warna situs menjadi pastel.
  3. Anda akan diberikan segudang pilihan palet warna. Klik pada warna untuk melihat cuplikan pembaruan tampilan di situs Anda.
  4. Setelah Anda memilih skema warna yang diinginkan, klik tombol Simpan untuk menyimpan perubahan.

Untuk memilih skema warna secara manual, navigasikan ke Tampilan → Editor → Gaya → Warna, dan pilih palet warna baru (tidak tersedia pada masa percobaan gratis).

Kotak prompt AI menyatakan "sarankan warna baru untuk situs web saya" dan AI telah memberikan saran skema warna untuk dipilih.

Mengubah warna tertentu

Jika Anda senang dengan skema warna keseluruhan situs, tetapi ingin mengubah warna bagian atau elemen tertentu, lakukan langkah-langkah berikut:

  1. Klik elemen (seperti teks atau tombol) atau bagian tertentu yang ingin Anda warnai ulang.
  2. Buka kotak prompt AI.
  3. Ketik prompt Anda untuk mengubah warna. Anda dapat mendeskripsikan warna atau meminta kode warna tertentu:
    “Ubah tombol ini menjadi kuning cerah”
    “Ubah warna latar belakang header menjadi #FFB514”
  4. Klik tombol Simpan untuk menyimpan perubahan warna atau ikon panah mundur untuk membatalkannya.

Tambahkan bagian baru

Anda dapat menambahkan bagian baru ke tata letak halaman:

  1. Klik bagian yang sudah ada di mana Anda ingin menambahkan bagian baru.
  2. Buka kotak prompt AI.
  3. Ketik prompt Anda seperti:
    “Tambahkan bagian testimoni di bawah Tentang.”
    “Sisipkan bagian tabel harga di beranda.”
  4. Tinjau bagian baru. AI dapat menyediakan bermacam tata letak untuk Anda pilih menggunakan tombol panah kiri dan kanan.

Susun ulang bagian

Ubah tata letak situs Anda dengan memindahkan bagian:

  1. Klik bagian yang ingin dipindahkan.
  2. Buka kotak prompt AI.
  3. Ketik:
    “Pindahkan bagian Layanan di atas Testimoni.”
    “Pindahkan bagian Kontak ke atas.”

Jika diperlukan penyempurnaan ekstra, Anda dapat memilih bagian secara manual menggunakan Tampilan Daftar. Bilah peralatan akan muncul dengan bagian yang dipilih dengan panah atas dan bawah untuk memindahkan bagian tersebut ke posisi baru:

Bagian baru dengan panah pemosisian yang disorot untuk memindahkannya.
Gunakan ikon panah untuk memindahkan bagian ke atas atau ke bawah

Hapus bagian atau elemen tertentu

Hapus bagian atau elemen yang tidak diinginkan hanya dalam beberapa langkah:

  1. Klik bagian atau elemen yang ingin Anda hapus.
  2. Buka kotak prompt AI.
  3. Prompt:
    “Hapus bagian FAQ dari beranda.”
    “Hapus blok galeri tambahan di Tentang.”
  4. Klik tombol Simpan untuk menyimpan perubahan atau ikon panah mundur untuk membatalkan perubahan.

Anda juga dapat menghapus blok apa pun secara manual dengan memilih blok, mengklik ikon ⋮, dan memilih opsi Hapus .

Lebih banyak prompt desain

Rasakan potensi tiada batas dengan pembuat situs web AI. Berikut ini beberapa contoh prompt terkait modifikasi desain yang dapat AI lakukan untuk Anda:

  1. Ubah palet warna untuk menggunakan warna biru dan abu-abu.
  2. Buat semua tombol berbentuk bulat dan biru.
  3. Perbarui warna latar belakang menjadi putih.
  4. Ganti font menjadi sesuatu yang lebih modern dan sans-serif.
  5. Gunakan huruf heading yang tebal dan besar untuk semua judul.
  6. Tambahkan bagian hero ke beranda.
  7. Ubah tata letak menjadi satu kolom.
  8. Atur ulang footer untuk menampilkan tautan sosial terlebih dahulu.
  9. Tambahkan bagian call-to-action di atas footer.
  10. Ubah gaya menu ke bilah sisi vertikal.
  11. Perbesar logo situs di header.
  12. Tambahkan bagian testimoni di bawah konten utama.
  13. Gunakan tata letak kisi untuk gambar galeri.
  14. Tambahkan formulir pendaftaran buletin di bagian bawah halaman.
  15. Lekatkan bilah navigasi sehingga tetap berada di atas.
  16. Tambahkan lebih banyak ruang kosong antar bagian.
  17. Pusatkan semua judul pada setiap halaman.
  18. Gunakan latar belakang terang dengan teks gelap di seluruh situs.
  19. Tambahkan bayangan halus pada gambar.
  20. Tingkatkan jarak antar paragraf.
  21. Ubah urutan bagian di beranda.
  22. Buat gambar anggota tim berbentuk lingkaran.
  23. Gunakan gradien warna-warni untuk latar belakang halaman.
  24. Tambahkan ikon ke bagian layanan.
  25. Gunakan warna pastel lembut untuk latar belakang.
  26. Ganti semua judul dengan font bergaya tulisan tangan.
  27. Tambahkan pemisah di antara setiap bagian.
  28. Gunakan tombol call-to-action yang besar dan tebal.
  29. Buat semua judul dalam huruf kapital.
  30. Tambahkan bagian pengantar di atas setiap halaman.
Copied to clipboard!