# Membangun situs restoran dengan WordPress URL: https://canvaswp.com/id/guides/build-a-restaurant-website-with-wordpress/ Updated: 2026-11-03 Panduan Situs restoran memiliki empat tugas: menampilkan makanan, membuktikan bahwa ruangannya layak didatangi dari seberang kota, menerima reservasi, dan memberi tahu orang kapan Anda buka. Panduan ini mencakup keempatnya, mulai dari instalasi WordPress yang kosong hingga menghasilkan situs yang siap Anda serahkan kepada pelanggan. Diterbitkan 5 September 2026 Diperbarui 3 November 2026 Ditulis oleh tim Canvas di SemiColonWeb ## Langkah 1: Siapkan WordPress Situs restoran sangat bergantung pada tiga pengaturan WordPress, jadi atur ketiganya sebelum Anda menyentuh desain. - **Judul situs dan tagline.** Buka Pengaturan, lalu Umum. Nama restoran dimasukkan ke judul, dan makanan serta lingkungan sekitar ke tagline. Tab browser, hasil pencarian, dan kartu yang dibagikan tamu kepada teman-temannya semuanya dibentuk dari kedua baris tersebut. - **Permalink.** Pengaturan, lalu Permalink, lalu Nama pos. Halaman menu mendapat alamat yang cukup pendek untuk dicetak pada kartu meja atau brosur. - **Zona waktu.** Kembali ke layar Umum, lalu pilih kota restoran. Permintaan reservasi diberi cap waktu berdasarkan zona ini, dan zona yang salah akan mencatat reservasi malam ini ke tanggal besok. Hal lain dalam menyiapkan WordPress sama untuk setiap situs Canvas: versi WordPress dan PHP, cadangan yang benar-benar sudah Anda uji, dan memori PHP yang cukup untuk foto-foto yang diunduh saat impor. Panduan impor membahas itu sekali saja untuk setiap proyek. [Persyaratan dan cadangan sebelum impor](https://canvaswp.com/id/guides/import-a-wordpress-demo-website/#before) Permintaan reservasi hanya berguna jika dapur melihatnya sebelum jam layanan dimulai. WordPress menyerahkan email-nya ke server Anda kecuali Anda mengatur lain, dan banyak host yang membuangnya begitu saja tanpa pemberitahuan. Siapkan layanan pengiriman email atau plugin SMTP sekarang, lalu kirim email uji ke diri Anda sendiri. ## Langkah 2: Pasang Canvas dan jalankan Wizard Penyiapan Unggah berkas zip tema dari dasbor Anda di bawah Tampilan, Tema, Tambahkan Baru, lalu aktifkan. Wizard Penyiapan terbuka dengan sendirinya, dan untuk proyek ini prosesnya cepat. - **Masukkan lisensi terlebih dahulu.** Tempel kunci lisensi dari dasbor Anda. Kunci ini memungkinkan wizard mengunduh kit restoran pada langkah berikutnya. - **Cari Italian Restaurant** pada langkah demo. Kartunya mencantumkan halaman, tulisan, dan menu yang dibawa demo ini sebelum Anda memilih. - **Langkah plugin dilewati otomatis.** Desain restoran tidak memerlukan apa pun selain Canvas dan plugin pendamping yang diinstal untuk Anda oleh Wizard Penyiapan. Jika Anda menutup wizard di tengah jalan, wizard akan menunggu di menu Canvas hingga Anda kembali. **Langkah memilih Demo.** Cari berdasarkan nama, lalu baca keterangan pada kartu tentang apa yang dibawa Demo tersebut. [Fungsi masing-masing dari 9 langkah Wizard Penyiapan](https://canvaswp.com/id/setup-wizard/) ## Langkah 3: Impor demo restoran Buka [pratinjau langsung](https://demos.canvaswp.com/restaurant/) demo Italian Restaurant sebelum Anda mengimpornya, lalu klik ke halaman menu dan halaman reservasi. Pratinjau berjalan dengan tema yang akan Anda pasang, jadi apa pun yang berfungsi di sana akan berfungsi untuk Anda. ### Untuk seluruh situs, pada situs baru Pada instalasi kosong, impor untuk seluruh situs. Font, warna, Opsi Tema, dan menu restoran akan menjadi milik situs Anda, sehingga halaman makan privat yang Anda tambahkan musim dingin berikutnya tetap terlihat seperti bagian dari situs. Mengimpor ke situs yang sudah berjalan adalah pilihan lainnya, dan panduan impor menjelaskan kapan pilihan itu cocok. ### Yang disertakan - 6 halaman, mulai dari beranda hingga menu, kisah, dan halaman kontak - 6 postingan blog beserta kategorinya, agar bagian berita tidak kosong pada hari pertama - 50 hidangan, masing-masing sebagai rekaman Menu Item tersendiri - Slider, formulir reservasi yang berfungsi, dan 2 menu navigasi yang ditetapkan ke lokasinya masing-masing - Desain header, footer, dan Judul Halaman, masing-masing berupa rekaman yang dapat diedit - Foto makanan, disalin ke Pustaka Media Anda **Halaman beranda setelah impor.** Konten asli, siap diganti dengan konten Anda. Jika ruang makan dalam foto sama sekali tidak seperti milik Anda, kembalikan impor melalui Canvas, lalu Demo Import, dan coba salah satu demo restoran lainnya. Pengaturan sebelumnya akan dikembalikan bersamanya. [Cakupan, tahapan impor, dan pembatalan, dijelaskan sekali saja](https://canvaswp.com/id/guides/import-a-wordpress-demo-website/) ## Langkah 4: Ganti teks dan gambar demo Buka beranda dari menu Halaman. Editor menggambar header, slider, pita Judul Halaman, dan footer di sekitar konten Anda sebagaimana tamu restoran akan melihatnya, sehingga Anda menulis kalimat sambutan dengan halaman nyata di sekelilingnya. ### Klik, ketik, ganti Setiap judul, paragraf, dan gambar di halaman adalah blok. Klik salah satunya untuk mengetik langsung di atasnya, atau pilih Ganti pada gambar untuk memilih foto milik Anda sendiri. Panel di sebelah kanan memuat semua yang dapat diatur blok tersebut, mulai dari warnanya hingga tautannya. ### Sebutkan hal yang spesifik Salinan demo sengaja dibuat generik, sehingga mudah dikenali dan mudah dikalahkan. Ganti “Authentic Italian cuisine” dengan hal yang hanya bisa Anda katakan: wilayah asal resep, nama orang yang memimpin dapur, kayu yang digunakan di oven, jam saat roti keluar dari oven. Pengunjung yang memilih di antara dua restoran membaca untuk mencari detail, bukan kata sifat. Ketika sebuah bagian tidak cocok untuk restoran Anda, hapus dan letakkan pola di tempatnya. Tersedia 183 pola untuk dipilih, masing-masing hadir sebagai blok biasa, siap diatur ulang. **Mengedit halaman beranda.** Apa yang Anda lihat saat mengetik adalah yang akan dibuka untuk tamu. ## Langkah 5: Buat menu makanan Menu adalah halaman yang dicari pengunjung, jadi layak mendapat perlakuan lebih baik daripada sekadar paragraf teks. Demo ini menyertakan tipe konten Menu Items dengan satu entri untuk setiap hidangan, yang tercantum di admin seperti postingan. ### Sunting hidangannya, bukan halamannya Buka Menu Items dan sunting catatan: nama hidangan, deskripsi, foto, harga, dan kategori menunya. Nilai gizi tersedia sebagai kolom terpisah jika Anda ingin menerbitkannya. Simpan, dan halaman menu akan diperbarui, karena halaman tersebut memuat blok yang mencantumkan catatan dan membacanya ulang setiap kali. Pemisahan itulah yang membuat menu mudah dikelola. Saat harga sebuah hidangan berubah pada hari Selasa, Anda cukup mengubah satu rekaman, dan setiap halaman yang menampilkan hidangan itu ikut berubah. ### Kelompokkan menu seperti cara dapur mengaturnya Gunakan kategori menu untuk hidangan pembuka, pasta, hidangan utama, makanan penutup, dan minuman. Blok Menu Items dapat menampilkan kategori tersebut sebagai panel bertab, sebagai kumpulan kartu biasa, atau sebagai carousel, sehingga daftar yang panjang tetap mudah dibaca di ponsel. Atur jumlah item yang tampil, kategori sumbernya, dan urutannya. Tinjau semua rekaman satu per satu, hapus hidangan yang tidak Anda sajikan, dan tambahkan milik Anda. Prosesnya lebih cepat dari yang terdengar, dan ini adalah terakhir kalinya Anda perlu memikirkan tata letaknya. Tampilkan harga sebagai angka yang masih bisa diterima dapur Anda selama satu musim. Halaman menu yang sudah tiga bulan tidak diperbarui lebih merugikan daripada halaman menu yang lebih sederhana dari yang Anda inginkan. ## Langkah 6: Terima reservasi dengan formulir Demo menyertakan formulir yang berfungsi. Formulir di Canvas adalah rekaman yang dibangun dari blok: blok Form menampung kolom-kolomnya, blok Form Field mendefinisikan setiap kolom, Form Submit Button mengirimkannya, dan blok Form Embed menempatkan formulir yang sudah jadi ke halaman mana pun. ### Bidang yang dibutuhkan untuk pemesanan - Bidang **Tanggal** dan **Waktu**, dengan waktu paling awal dan paling akhir. Atur waktu paling awal ke jam Anda mulai buka dan waktu paling akhir ke sesi terakhir Anda, lalu atur interval ke lima belas atau tiga puluh menit agar Anda tidak menerima pemesanan pada 19:07. - Kolom **Number** untuk jumlah tamu, dengan nilai minimum dan maksimum yang sesuai dengan meja terbesar Anda. - Kolom **Teks** dan **Telepon** untuk nama dan nomor telepon, serta kolom **Email** untuk konfirmasi. - Sebuah **Textarea** untuk alergi, kursi bayi, dan hari peringatan yang mungkin terlewatkan. - Kotak centang **Persetujuan** jika Anda berencana mengirim email ke tamu nanti, dan kolom **Honeypot**, yaitu jebakan tak terlihat yang diam-diam menangkap sebagian besar spam tanpa mengganggu manusia. ### Ke mana permintaan dikirim Formulir reservasi demo hadir dengan kolom untuk nama, nomor telepon, dan alamat email, pemilih tanggal yang meredupkan hari-hari yang sudah lewat, menu waktu, dan menu jumlah tamu. Setiap permintaan disimpan ke tabel di situs Anda sendiri, yang terdaftar di bawah Submissions di admin WordPress. Formulir ini belum mengirim email ke siapa pun: buka formulir, aktifkan Send Email Notification di tab Actions, lalu atur alamatnya ke alamat yang dibaca seseorang selama layanan berlangsung. Kemudian pesan meja untuk diri Anda sendiri dan pastikan pesannya sampai. Perlakukan setiap entri sebagai permintaan yang Anda konfirmasi. Formulir ini hanya mencatat pemesanan; formulir tidak menghitung jumlah tamu atau menahan meja. Jika Anda memerlukan ketersediaan secara langsung, sistem pemesanan khusus adalah alat yang tepat, dan aksi webhook formulir dapat meneruskan setiap permintaan ke sistem tersebut. Atur juga periode retensi pada formulir agar nomor telepon tamu dihapus secara berkala sesuai jadwal yang Anda pilih. 83 dari 88 demo memiliki setidaknya satu formulir yang berfungsi, jadi sebagian besar waktu Anda hanya perlu mengedit formulir karena koneksinya sudah siap. ## Langkah 7: Atur header, jam buka, dan detail kontak Header adalah tempat pengunjung yang sedang lapar mencari nomor telepon, dan footer adalah tempat mereka mencari alamat. Keduanya dibangun dari blok di Canvas dan diedit dengan cara yang sama seperti halaman. ### Header Rekaman header memuat zona, dan zona adalah sel dalam baris header. Letakkan logo di zona pertama, navigasi di tengah, dan di zona terakhir letakkan Header Icon Link dengan nomor telepon Anda di samping Header Button bertuliskan Pesan meja. Blok Header Info memuat alamat atau jam buka jika ada ruang untuknya. Tambahkan top bar di atas header untuk jam operasional hari ini atau penutupan saat hari libur. Top bar adalah rekaman tersendiri, sehingga pesan dapat diubah tanpa membuka header sama sekali. ### Jam buka di footer Footer memuat blok Footer Contacts untuk alamat dan nomor telepon, dengan kolom jam buka di sebelahnya. Tulis jam buka sebagai teks yang mudah dibaca pengunjung, lalu jaga agar tetap akurat, karena tidak ada yang lebih mengecewakan pengunjung selain tiba di depan pintu yang tutup. Header dan footer sama-sama memiliki default untuk seluruh situs dan penggantian per halaman, sehingga halaman arahan jamuan makan privat dapat menampilkan header transparan di atas foto, sementara bagian lain situs tetap memakai pengaturannya sendiri. [Pembuat header dan footer lengkap](https://canvaswp.com/id/header-builder/) [Perbandingan empat demo restoran](https://canvaswp.com/id/wordpress-themes/restaurant/) ## Langkah 8: Periksa, lalu buka Periksa daftar ini sebelum Anda mengarahkan siapa pun ke situs. Daftarnya singkat, dan setiap butirnya pernah membuat seseorang malu. - **Kirim satu pemesanan uji coba** dari ponsel Anda, dengan wifi restoran dimatikan, lalu pastikan notifikasinya masuk. - **Baca setiap halaman di ponsel.** Kebanyakan orang yang mencari makan malam ini sedang berdiri. - **Periksa alamat, nomor telepon, dan jam buka** di setiap halaman yang memuatnya, termasuk footer. - **Tulis teks alt** untuk foto-foto. Teks ini membantu orang yang menggunakan pembaca layar, dan mesin pencari membacanya bersama halaman untuk memahami ruang makan Anda. - **Lihat layar SEO.** Canvas menghasilkan judul, deskripsi, kartu berbagi, dan data terstruktur dari konten Anda yang aktif, sehingga pekerjaan di sini adalah membuat konten lebih spesifik, bukan mengisi set kotak kedua. - **Aktifkan sakelar performa** yang Anda butuhkan. Ada 35 optimasi, masing-masing dapat dibatalkan, dan masing-masing memuat lebih sedikit hal yang tidak pernah digunakan halaman Anda. Lalu terbitkan, cantumkan alamat di tempat orang mencarinya, dan kembali menjalankan restoran. Situs ini kini menjadi kumpulan data yang Anda edit saat menu berubah, bukan sebuah proyek. ## Sumber Jika panduan ini menjelaskan sesuatu di luar Canvas itu sendiri, berikut adalah halaman resmi yang mendokumentasikannya. - [Layar Pengaturan Umum](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Tempat WordPress menyimpan judul situs dan tagline, beserta zona waktu di layar yang sama - [Layar Tautan Permanen di Pengaturan](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · Struktur Nama pos, yang memberi setiap halaman alamat singkat dan mudah dibaca - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress secara default menyerahkan email ke mail() PHP, dan pengiriman yang berhasil bukan bukti bahwa email sudah sampai - [Tutorial Gambar](https://www.w3.org/WAI/tutorials/images/) w3.org · Pembaca layar membacakan teks alternatif gambar dengan lantang - [Pedoman Umum Data Terstruktur](https://developers.google.com/search/docs/appearance/structured-data/sd-policies) developers.google.com · Markup yang tepat memungkinkan hasil rich result, dan Google yang memutuskan apakah akan menampilkannya Langkah selanjutnya ## Langkah selanjutnya Dua panduan untuk pekerjaan setelah peluncuran, dan demo di balik panduan ini. [Panduan **Mulai toko WooCommerce** Apa yang berubah ketika demo yang sedang Anda impor adalah toko yang berfungsi.](https://canvaswp.com/id/guides/start-a-woocommerce-store-with-wordpress/) [Panduan **Tulis teks situs dengan AI** Atur deskripsi bisnis sekali saja, lalu buat teks di kolom yang sedang Anda edit.](https://canvaswp.com/id/guides/write-website-copy-with-ai-in-wordpress/) [Produk **Tema restoran** Demo yang menjadi titik awal panduan ini, dengan pratinjau halaman demi halaman.](https://canvaswp.com/id/wordpress-themes/restaurant/) Pertanyaan ## Pertanyaan umum [FAQ lengkap](https://canvaswp.com/id/faq/) menjawab sisanya, dan [dokumentasi](https://docs.canvaswp.com/) membahas setiap pengaturan secara rinci. **Apakah saya memerlukan plugin untuk menerima reservasi?** Tidak, reservasi di situs restoran Canvas masuk melalui formulir yang dibangun dari blok Canvas. Datanya disimpan dalam tabel di situs Anda sendiri dan tercantum di admin WordPress. Anda hanya perlu menambahkan plugin jika ingin mengirim pemesanan ke sistem pemesanan pihak ketiga yang mengelola meja dan jumlah tamu. **Bisakah saya menggunakan foto milik saya sendiri?** Ya, dan Anda sebaiknya mengganti setiap foto yang disertakan demo restoran dengan foto Anda sendiri. Setiap gambar demo masuk ke pustaka media Anda sebagai lampiran biasa, sehingga menggantinya sama dengan mengganti gambar apa pun di WordPress. Pertahankan bentuk yang mendekati aslinya agar tata letak tidak bergeser, dan tulis deskripsi singkat di kolom teks alternatif selagi Anda melakukannya. **Bagaimana jika saya tidak menyukai demo restoran?** Batalkan impor tersebut dan impor Demo Canvas lain dari total 88 yang tersedia, karena setiap paket menyertakan semuanya dan setiap impor dilacak secara terpisah. Demo kedua juga bisa diimpor hanya untuk halamannya, sehingga desain yang Anda miliki tetap dipertahankan. **Apakah harga menu akan muncul di Google?** Canvas membuat data terstruktur dari apa yang ada di halaman saat dirender, di 16 tipe skema yang mencakup jam operasional, penawaran, dan ulasan. Mesin pencari menentukan sendiri apa yang ditampilkan, tetapi markup-nya tersedia tanpa plugin SEO kedua.