Book a table section - Ιστοσελίδα και σύστημα κρατήσεων χωρίς προμήθεια

Cyber Monday Offer 50% έκπτωση για το πρώτο έτος, σε όλα τα επιλεγμένα προϊόντα με επιλογή ετήσιας συνδρομής.

Η προσφορά ισχύει έως 7 Δεκεμβρίου 2025.

Book a table section

Οδηγός διαμόρφωσης του section «Book a Table» για site εστιατορίων.

Θέλεις να φρεσκάρεις το section Book a Table με το δικό σου στυλ;

Παρακάτω θα δεις πώς αλλάζεις την εικόνα φόντου, το πράσινο πλαίσιο και τα χρώματα των τίτλων, βήμα-βήμα.

Σύνδεση στο Διαχειριστικό Περιβάλλον του WordPress #

Πριν ξεκινήσεις, συνδέσου στο admin panel της ιστοσελίδας σου.

📌 Αν δεν γνωρίζεις πώς, δες τον αντίστοιχο οδηγό ΕΔΩ.

Αλλαγή εικόνας φόντου #

Πας: Reusable Blocks → Book A Table

  • Στο List View (αριστερά) επίλεξε το Cover.
  • Δεξιά, στο πάνελ ρυθμίσεων:
    • Πάτα ReplaceMedia LibraryUpload) για νέα εικόνα.
    • Ρύθμισε το Focal Point ώστε να “κάθεται” σωστά το θέμα της φωτογραφίας.
  • Save.

🎉 Τέλεια! Η σκηνή του section ανανεώθηκε.

motivar tutorial book a table restaurant 4
motivar tutorial book a table restaurant 1

Αλλαγή χρώματος #

Το καμπύλο πλαίσιο είναι ένα Group με χρώμα φόντου.

  • Στο List View επίλεξε το Group που περιέχει τους τίτλους (BOOK A TABLE).
  • Δεξιά, πήγαινε Styles → Color → Background και διάλεξε το νέο χρώμα σου.

✅ Μπράβο! Το πλαίσιο πλέον ταιριάζει με την παλέτα σου.

motivar tutorial book a table restaurant 2

Γράμματα #

Οι τίτλοι είναι δύο Heading blocks (π.χ. “BOOK A”, “TABLE”).

  • Κάνε κλικ στον τίτλο BOOK A → στο πάνελ δεξιά:
    • Color → Text: επίλεξε το χρώμα των γραμμάτων.

💡 Tip: Κράτα υψηλή αντίθεση μεταξύ φόντου και κειμένου για ευανάγνωστο αποτέλεσμα.

motivar tutorial book a table restaurant 3

👏 Μπράβο! Έκανες το section Book a Table να “δένει” τέλεια με το brand σου και να οδηγεί καθαρά τον επισκέπτη στη κράτηση.

Είστε ικανοποιημένοι από αυτό το άρθρο;

Ενημερώθηκε στις 5 Σεπτεμβρίου, 2025