WordPress'te Çevrimiçi Restoran Menüsü Nasıl Oluşturulur (Adım Adım)


WordPress'te çevrimiçi bir restoran menüsü oluşturmak ister misiniz?

Menünüzü web sitenizde paylaşmak, daha fazla insanı restoranınıza uğramaya ikna etmeye yardımcı olacaktır. İnsanlar yiyecekleri, içecekleri ve fiyatları kolayca kontrol edebildiklerinde, sipariş verme veya ziyaret etme olasılıkları daha yüksektir.

Bu yazıda size adım adım WordPress'te bir çevrimiçi restoran menüsünün nasıl oluşturulacağını göstereceğiz.

How to create an online restaurant menu in WordPress (step by step)

Restoran Web Sitesi Açmak için Neye İhtiyacınız Var?

Çevrimiçi bir restoran menüsü oluşturmadan önce bir web sitesi kurmanız gerekir. Henüz bir web siteniz yoksa endişelenmeyin.

Milyonlarca küçük işletme, restoran, bar ve kafe tarafından kullanılan dünyanın en iyi web sitesi oluşturucusu olan WordPress'i kullanarak kolayca bir web sitesi başlatabilirsiniz. İnternetteki tüm web sitelerinin %42'sinden fazlası WordPress kullanıyor.

Hepsinden iyisi, büyük bir ön yatırım yapmadan web sitenizi oluşturmaya başlayabilirsiniz.

İhtiyacınız olan ilk şey bir alan adı ve web barındırma. Okuyucularımıza çok şey sunmak için WordPress'in önerilen barındırma sağlayıcılarından biri olan Bluehost ile bir anlaşma yaptık.

Temel olarak, ücretsiz bir alan adı, ücretsiz bir SSL sertifikası ve web barındırmada %60 indirim alırsınız.

→ Bu Özel Bluehost Fırsatını Almak İçin Buraya Tıklayın ←

Barındırma ve alan adının ötesinde, bir WordPress temasına da ihtiyacınız var. Bir tema, web siteniz için bir şablon gibidir.

Müşterilerinizi sipariş vermeye teşvik edecek profesyonel bir web sitesi oluşturmanıza yardımcı olacak tonlarca harika WordPress restoran teması vardır.

Restoran web sitenizi kurmak için yardıma ihtiyacınız varsa, nasıl web sitesi yapılacağına ilişkin adım adım kılavuzumuza bakın.

WordPress'te Neden Çevrimiçi Menü Oluşturun?

WordPress sitenizde çevrimiçi bir menü sayfası oluşturmak, ziyaretçileriniz ve potansiyel müşterileriniz için daha iyi bir deneyim oluşturmanıza olanak tanır.

Bir ziyaretçi restoranınızın web sitesine geldiğinde, genellikle baktığı ilk şey menünüzdür. Ziyaretçilere yalnızca bir PDF menüsü sunuyorsanız, sunduğunuz yemek seçeneklerini görmelerini zorlaştırıyorsunuz.

Web sitenizde bir çevrimiçi menü oluşturarak, kullanıcılarınızın menünüzü indirmesine gerek kalmaz. Müşterilerinizin veri planlarına ve bağlantılarına bağlı olarak PDF'leri indirmek zor olabilir.

Ayrıca, web sitenizdeki bir menü sayfası mobil uyumlu olacak ve her cihazda iyi görünecek, böylece ziyaretçileriniz yakınlaştırma ve uzaklaştırma yapmadan kolayca okuyabilecek.

Hepsinden iyisi, bir menü sayfasıyla menünüzü kolayca düzenleyebilir ve hatta çevrimiçi sipariş verebilirsiniz. Herhangi bir menü veya fiyat değişikliği yapmanız gerektiğinde PDF'leri düzenlemek ve yüklemek çok daha zordur.

Bununla birlikte, WordPress'e çevrimiçi bir restoran menüsü eklemenize yardımcı olabilecek iki farklı WordPress eklentisini paylaşacağız. Kullanmak istediğiniz eklentiyi seçmek için aşağıdaki hızlı bağlantıları kullanın.

  • SeedProd ile Çevrimiçi Restoran Menüsü Oluşturun
  • Yemek Menüsü ile Çevrimiçi Restoran Menüsü Oluşturun

Yöntem 1. SeedProd ile WordPress'e Restoran Menüsü Ekleme

WordPress'te çevrimiçi bir restoran menüsü oluşturmak için SeedProd'u kullanmanızı öneririz. 1 milyondan fazla web sitesi tarafından kullanılan en iyi sürükle ve bırak WordPress sayfa oluşturucusudur.

Sürükle ve bırak oluşturucu kullanarak çarpıcı bir restoran menüsü oluşturmanıza olanak tanır. Ayrıca, değişen ve yeni menü seçenekleri mevcut olan menünüzü kolayca düzenleyebilirsiniz.

Bu eğitimde, menünüzü oluşturmak için SeedProd'un ücretsiz sürümünü kullanabilirsiniz. Bununla birlikte, SeedProd'un 150'den fazla şablon, renk şeması, e-posta pazarlama entegrasyonları, görüntü karuselleri, sosyal medya blokları ve çok daha fazlasını içeren profesyonel bir sürümü mevcuttur.

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Aktivasyon üzerine, SeedProd »Sayfaları'na gidin ve ardından 'Yeni Açılış Sayfası Ekle' düğmesini tıklayın.

Add new SeedProd landing page

Bu sizi bir sayfa şablonu seçebileceğiniz şablon ekranına getirir. Farklı nişler ve amaçlar için onlarca şablon var.

Bir şablon seçmek için üzerine gelin ve 'Onay işareti' simgesini tıklayın. İstediğiniz şablonu seçebilirsiniz, ancak bu eğitim için 'Akşam Yemeği Satış Sayfası' şablonunu kullanacağız.

Select landing page template

Bu, yeni menü sayfanıza bir ad verebileceğiniz bir açılır pencere açar. Ayrıca sayfanın URL'sini de düzenleyebilirsiniz. Biz sadece sayfamıza 'Menü' diyoruz.

Ardından, 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesini tıklayın.

Name landing page

Bunu yaptıktan sonra sayfa düzenleyici ekranına yönlendirileceksiniz.

Sayfanın sağ tarafı önizlemedir ve tamamen özelleştirilebilir. Sayfanın sol tarafında sayfaya ekleyebileceğiniz farklı bloklar ve bölümler bulunmaktadır.

SeedProd landing page template example

İlk önce sayfa logosuna tıklayın.

Bu, sol tarafta restoran logonuzu yükleyebileceğiniz bir menü açacaktır. Yeni bir logo eklemek için WordPress'e resim eklemekle aynı işlemi uygulayabilirsiniz.

Change menu logo

Ardından, ana sayfanıza geri dönmek için gezinme menüsü düğmesini değiştirebilirsiniz. Bu şekilde ziyaretçileriniz menüyü görüntülemeyi bitirdiğinde web sitenize geri dönebilirler.

Gezinme menüsü düğmesine tıklamanız yeterlidir, ardından sol menüdeki metni ve bağlantıyı değiştirebilirsiniz.

Change menu navigation button

Bundan sonra, ana içerik bölümünü silebilirsiniz.

Sayfa başlığının üzerine gelin ve 'Bloğu Sil' simgesine tıklayın.

Delete existing sections

Daha sonra aynısını resim, metin ve düğme öğeleri için de yapabilirsiniz.

Ardından, 'Başlık' bloğunu sayfanıza sürükleyerek menünüzün başlığı için bir başlık ekleyebilirsiniz.

Add menu headline

Diğer öğeler gibi, soldaki menü ile metin boyutunu, rengini ve yazı tipini değiştirebilirsiniz.

Bundan sonra mevcut gıda maddelerini düzenleyebilir ve bunları kendi metin ve görsellerinizle değiştirebilirsiniz.

Öncelikle görsele tıklayın ve soldaki menü ile kendi görselinizi yükleyin.

Add menu item image

Ardından, kendi metninizi girmek için mevcut başlığa tıklayın.

Metni, üzerine tıklayıp bir açıklama ekleyerek de değiştirebilirsiniz.

Change menu item text

Başlığı ve metni değiştirdikten sonra, öğe için bir fiyat ekleyebilirsiniz.

'Metin' öğesini sayfanıza sürüklemeniz ve ardından sol taraftaki menüyle metni özelleştirmeniz yeterlidir.

Add menu item price

Ardından, restoran menünüzdeki diğer öğeler için yukarıdaki adımları izlemeniz yeterlidir.

Sayfa şablonunun tüm bölümlerini özelleştirebilirsiniz.

Aynı stile sahip başka bir menü bölümü eklemek istiyorsanız, öğenin üzerine gelin ve 'Satırı Çoğalt'ı tıklayın.

Duplicate section

Bu, aynı satırın bir kopyasını oluşturacak ve doğrudan altına ekleyecektir.

Restoran menünüzde özelleştirmeler yapmaya devam etmekten çekinmeyin. Renkler, boyutlandırma, yazı tipleri ve daha fazlası dahil olmak üzere sayfanın her bölümünü tamamen özelleştirebilirsiniz.

Her öğe için bir fotoğraf eklemek istemiyorsanız, menü öğeleri eklemek için kolayca bir liste bloğu kullanabilirsiniz.

Çevrimiçi restoran menünüzü oluşturmayı tamamladığınızda, 'Kaydet' düğmesinin yanındaki açılır oku tıklayın ve 'Yayınla'yı seçin.

Publish menu live

Yeni restoran menünüz artık ziyaretçilerinizin görmesi için yayında.

Artık restoran menünüzü gezinme menünüze ve WordPress blogunuzun diğer alanlarına ekleyebilirsiniz.

WordPress restaurant menu

Yöntem 2. Yemek Menüsü ile WordPress'e Restoran Menüsü Ekleme

Bu yöntem, Yemek Menüsü – Restoran Menüsü ve Çevrimiçi Sipariş eklentisinin kullanılmasını içerir. Bu eklenti, WordPress'te hızlı bir şekilde çevrimiçi bir menü oluşturmanıza olanak tanır.

Ayrıca WooCommerce ile bütünleşir, böylece ziyaretçilerinize çevrimiçi sipariş verme seçeneği verebilirsiniz.

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç ​​kılavuzumuza bakın.

Aktivasyon üzerine, Yemek Menüsü » Yemek Ekle 'ye gidin.

Add new menu item

Bu ekranda menü öğesi adınızı, açıklamanızı ve resminizi girebilirsiniz.

Bundan sonra, menü öğenizi kaydetmek için 'Yayınla' düğmesini tıkladığınızdan emin olun.

Publish new menu item

Menünüze daha fazla öğe eklemek için yukarıdaki adımların aynısını uygulamanız yeterlidir.

Yemek menünüze öğe eklemeyi bitirdikten sonra, bu menüyü WordPress'e eklemenin zamanı geldi.

Öncelikle Yemek Menüsü » ShortCode Generator'a gitmeniz ve ardından 'Yeni Ekle' düğmesini tıklamanız gerekir.

Go to shortcode generator

Ardından, eklediğiniz menü öğelerinin türünü hatırlamanıza yardımcı olması için kısa kodunuza bir başlık verebilirsiniz.

Ardından, menünüzün nasıl görüntülenmesini istediğinizi özelleştirebilirsiniz.

Name your menu shortcode

Varsayılan seçenekleri koruyacağız, ancak 'Düzen' bölümündeki ayarlarla menünün nasıl görüntüleneceğini özelleştirebilirsiniz.

Burada satır başına görüntülenecek öğe sayısını seçebilirsiniz.

Change shortcode layout

'Filtreleme' sekmesinde, basit bir menü görüntülemek mi yoksa çevrimiçi siparişi etkinleştirmek mi istediğinizi seçebilirsiniz.

Çevrimiçi siparişi açmak için 'WooCommerce' radyo düğmesini seçmeniz yeterlidir. Hangi öğeleri görüntülemek istediğinizi de kontrol edebilirsiniz.

Shortcode filtering

Müşterilerin sepetlerine yiyecek ürünleri eklemesine ve ödeme yapmasına izin vermeyi planlıyorsanız, menü öğelerinizi WooCommerce mağazanıza ürün olarak eklemeniz gerekir.

Ürün eklemeyle ilgili daha fazla ayrıntı için bir çevrimiçi mağazanın nasıl başlatılacağına ilişkin adım adım kılavuzumuza bakın.

Ardından, 'Alan seçimi' sekmesine tıklayarak her bir öğe için görüntülenen bilgileri özelleştirebilirsiniz.

Field selection shortcode

Kutuları işaretlediğinizde veya işaretlerini kaldırdığınızda, değişikliklerin nasıl görüneceğine dair gerçek zamanlı bir önizleme görebilirsiniz.

Bundan sonra, 'Stil' menü seçeneğine tıklayarak menü öğelerinizin görünümünü değiştirebilirsiniz.

Shortcode styling menu

Menü öğelerinizin nasıl görüntüleneceğini özelleştirmeyi tamamladığınızda, 'Yayınla' düğmesini tıkladığınızdan emin olun.

Bu, menünüzü henüz sitenizde yayınlamaz, ancak web sitenize ekleyeceğimiz kısa kodu aşağıya kaydeder.

Publish menu shortcode

Şimdi menünüzün görüntüleneceği bir sayfa oluşturmanız gerekiyor.

Bunu yapmak için Sayfalar » Tüm Sayfalar'a gidin ve ardından 'Yeni Ekle'yi tıklayın.

Add page for menu

Bundan sonra sayfanıza bir başlık verebilirsiniz. Bu, ziyaretçilerinize görünecektir, bu nedenle ona 'Menü' gibi bir ad vermek isteyeceksiniz.

Ardından, yeni bir blok eklemek için '+' simgesine tıklayın.

Add menu page block

Ardından, arama çubuğuna 'Menü' yazın.

Ardından, 'Yiyecek Menüsü' bloğunu seçin.

Select food menu block

Bundan sonra, açılır menüden yeni oluşturduğunuz kısa kodu seçmeniz gerekir.

Bu, menünüzü sayfanıza ekleyecektir.

Select menu shortcode

Ardından, menünüzü canlı hale getirmek için 'Yayınla' veya 'Güncelle' düğmesini tıklayın.

Bu sayfaya metin, iletişim formu, Instagram beslemeniz ve daha fazlası gibi başka öğeler de ekleyebilirsiniz.

Publish new menu

Artık ziyaretçileriniz menünüzü görüntülediğinde, öğeleri görüntüleyebilecek ve hatta WooCommerce işlevini eklediyseniz sipariş verebilecekler.

Menünüzün görüntülendiği ekran boyutu ne olursa olsun, menü öğelerinizi mükemmel bir şekilde görüntüleyecektir.

WordPress menu example

Bu yazının, WordPress'te çevrimiçi bir restoran menüsü oluşturmayı öğrenmenize yardımcı olmasını umduk. Ayrıca, küçük işletmeler için en iyi İK bordro yazılımı konusunda uzman seçimlerimizi veya küçük işletmeler için en iyi işletme telefonu hizmetleri karşılaştırmamızı görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir