Dine Corner Pro WordPress Theme Documentation
Welcome to the Dine Corner Pro documentation. This guide covers theme installation, one-click demo import, homepage sections, contact forms (Contact Form 7 or built-in fallback), dish listings, chef profiles, Stats & Ingredients content types, Customizer helpers (Default buttons and post lists), and shortcodes. For help, see the Support section.
1. Theme Installation & Demo Import
a. Through WordPress Dashboard
- Go to Appearance » Themes and click Add New.
- Click Upload Theme, browse to dine-corner-pro.zip, and click Install Now.
- After installation, click Activate.
dine-corner-pro folder to /wp-content/themes/ via FTP, then activate it under Appearance » Themes.b. One-Click Demo Import (Recommended)
Dine Corner Pro includes a built-in demo importer in the Customizer. No separate XML file is required.
- Go to Appearance » Customize » Quick Setup & Demo Import.
- Click Import Full Demo Setup to import dishes, chefs, testimonials, services, cafe stories, stats, ingredients, pages, menus, and theme settings.
- On slow hosting, use Lite Mode first, then run Import Featured Images to attach images afterward.
- Use Delete Demo Content only if you want to remove all imported demo posts (this cannot be undone).
c. After Import — Reading Settings
The demo import creates a Front Page and sets it as the static homepage automatically. To verify:
- Go to Settings » Reading.
- Ensure A static page is selected and Front Page is chosen.
d. Recommended Plugin — Contact Form 7
Contact forms on the homepage Contact section and the Contact Us page work in two modes:
- With Contact Form 7 (recommended) — full CF7 features (validation, spam filters, mail templates, multiple forms).
- Without Contact Form 7 — the theme shows a built-in Name / Email / Phone / Subject / Message form that emails the site admin (or the address set in the Contact section Customizer).
After you activate Dine Corner Pro, if Contact Form 7 is not active, an admin notice appears with:
- Install Contact Form 7 or Activate Contact Form 7 (one click)
- A link to browse plugins and a link to the Contact section in the Customizer
- Dismiss — hide the notice if you prefer the built-in form
2. Homepage Setup
The homepage is built from shortcode-based sections managed in the Customizer. Each section can be enabled, reordered, and styled independently.
- Demo homepage preview:
- Reorder sections: Appearance » Customize » Home Sections Settings » Home Sections Sort Order
- Global section styling: Appearance » Customize » Home Sections Settings » Section Styling
3. The Header
The header includes contact info, social icons, logo/site title, primary navigation, and a BOOK NOW button.
a. Contact info & social media
Go to Appearance » Customize » Theme Settings » Header Phone and email for phone, email, address, opening hours, and BOOK NOW label/URL.
For social icons: Appearance » Customize » Theme Settings » Header Social.
Customizer: Theme Settings » Header Phone and email
b. Site name / logo
Change site title and tagline under Appearance » Customize » Site Identity.
Upload a logo under Site Identity » Logo. Adjust logo height in Theme Settings » General Settings.
c. Setting the menu
The demo import creates a primary menu with dropdown groups for dish pages and other section pages:
- Dishes — Dish Menu (archive), New Dishes, Dish Search, Seasonal Dishes
- Other Pages — Services, Chefs, Testimonials, Cafe Stories (section archives)
- Top-level items: Home, About Us, Blog Template, Page Template, Contact Us, Shortcodes Demo
- Create pages under Pages » Add New (or use demo-imported pages).
- Go to Appearance » Menus, create a menu, add pages, and assign it to Primary Menu.
- Drag items to nest sub-pages under parent dropdown labels.
4. Homepage Slider
Configure the banner slider at Appearance » Customize » Theme Settings » Banners And Slider Setting.
- Slider effects, timing, animation speed, and pause time
- Show/hide navigation arrows and pager dots
- Pause on hover
- Recommended slide size: 1800 × 700 pixels
- Replace with a plugin slider via Custom Slider Shortcode Area For Home Page
Customizer: Theme Settings » Banners And Slider Setting
5. Inner Page Banner
Set the default inner banner at Appearance » Customize » Theme Settings » Header Banner Settings.
For a page-specific banner, set the page Featured Image when editing that page. Recommended size: 1800 × 500 pixels.
Customizer: Theme Settings » Header Banner Settings
6. Homepage Sections
All homepage sections live under Appearance » Customize » Home Sections Settings. Each section uses a shortcode in the section content field. When you select a section in the Customizer (left panel), the live preview (right panel) scrolls to that same section on the homepage.
Each section below includes a visible Frontend heading and Customizer heading that match the Customizer left-panel section title (for example Home Sections Settings » Menu Packages), plus—where applicable—admin post type or archive screenshots.
- Default — a small button next to most control labels restores that setting to the theme default.
- Post / taxonomy list — for sections powered by a post type or taxonomy, a highlighted yellow box appears above the Shortcode field. It lists recent items with edit links, plus View all and Add new.
Customizer left menu (panels)
Open Appearance » Customize. The left sidebar is the main menu. Theme panels use colored buttons so you can find them quickly. WordPress core items (Site Identity, Colors, Menus, etc.) stay below in the normal white list.
Screenshot: Customizer left menu
Full Customizer view (left menu + live preview):
How the left menu is organized (top → bottom)
| # | Left menu item | Color | What it controls | What the right preview does |
|---|---|---|---|---|
| 1 | 🚀 Quick Setup & Demo Import | Purple | One-click demo content import / setup helpers | Stays on the current preview page |
| 2 | 🔄 Theme Reset | Pink / coral | Reset theme Customizer options back toward defaults | Stays on the current preview page |
| 3 | Theme Settings (panel) | Green | Header, menu, slider, inner banner, contact page, layout, sidebar | Opens the matching area (header, slider, About Us banner, Contact Us page, etc.) |
| 4 | Home Sections Settings (panel) | Cyan / blue | Every homepage section (Events, About, Menu Packages, Contact, optional sections, sort order) | Scrolls the homepage preview to that section |
| 5 | Footer Settings (panel) | Yellow / orange | Footer CTA, columns, contact address, copyright | Scrolls the preview to the footer / CTA / copyright |
| 6 | Post Settings (panel) | Violet / indigo | Single dish layout, dish colors/fonts, dish category archive layout | Opens a published dish page in the preview so you can see changes live |
| 7+ | Site Identity, Colors, Background Image, Menus, Widgets, Homepage Settings, Additional CSS | White (WordPress core) | Standard WordPress options (logo, site title, menus, widgets, extra CSS) | Normal WordPress Customizer behavior |
- Click the colored panel name on the left (for example Post Settings).
- You will see the sections inside that panel (for example Dish Post Settings, Dish Post Colors, Dish Category Settings).
- Click a section. Edit controls on the left; watch the live preview on the right.
- Use the small Default button beside a control to restore the theme default for that setting only.
- Click Publish when finished.
Inside each panel, the exact section titles match the tables below. Use these names when following the rest of this documentation (for example Home Sections Settings » Menu Packages or Post Settings » Dish Post Colors).
Panel: Home Sections Settings
Color: cyan / blue. Path: Appearance » Customize » Home Sections Settings.
| # | Customizer section heading | Shortcode |
|---|---|---|
| 1 | Events we Cater | [dcp_best_quality_services] |
| 2 | About Us | [dcp_who_we_are] |
| 3 | Catering Stats | [dcp_market_performance] |
| 4 | Why Us / Ingredients | [dcp_attractive_areas] |
| 5 | Menu Packages | [dcp_menu_grid] |
| 6 | Intimate Catering | [dcp_prominent_projects] |
| 7 | Testimonials | [dcp_testimonial] |
| 8 | Cafe Stories | [dcp_cafe_stories] |
| 9 | Popular Dishes | [dcp_popular_dishes] |
| 10 | Latest Blog | [dcp_latest_blog] |
| 11 | Chefs | [dcp_chefs] |
| 12 | Contact | [dcp_contact] |
| 13 | Hero Search (optional) | [dcp_hero_search] |
| 14 | Cuisines (optional) | [dcp_cuisines] |
| 15 | Latest Dishes (optional) | [dcp_latest_dishes] |
| 16 | Signature Experiences (optional) | [dcp_top_highlighted_projects] |
| 17 | Dish Categories (optional) | [dcp_dish_categories] |
| 18 | Section Styling | — |
| 19 | Home Sections Sort Order | — |
Panel: Theme Settings
Color: green. Path: Appearance » Customize » Theme Settings.
| Customizer section heading | Used for |
|---|---|
| General Settings | Logo height and general options |
| Header Banner Settings | Default inner page banner |
| Layout and color Setting | Site layout and colors |
| Banners And Slider Setting | Homepage slider |
| Header Phone and email | Header contact info and BOOK NOW |
| Header Social | Header social icons |
| Header Menu Settings | Primary menu options |
| Contact us page Settings | Contact Us template sidebar details |
| Default sidebar | Default sidebar widgets/layout |
Panel: Footer Settings
Color: yellow / orange. Path: Appearance » Customize » Footer Settings.
| Customizer section heading | Used for |
|---|---|
| Footer CTA (Need Catering) | Need Catering band |
| Footer Layout | Footer columns and background |
| Footer Columns Sections | Footer column content |
| Footer contact Address | Footer phone, email, address, social |
| Copyright & Design | Copyright and design credit |
Panel: Post Settings
Color: violet / indigo. Path: Appearance » Customize » Post Settings.
Use this panel for the single dish page and dish category archives. Opening it loads a published dish in the right-side preview.
| Customizer section heading | Used for |
|---|---|
| Dish Post Settings | Layout, top banner mode, section order (1–8), similar dishes carousel on/off and arrows/dots |
| Dish Post Colors | Heading / content colors, fonts, sizes, similar dishes accents (title, price, nav, dots) |
| Dish Category Settings | Dish category archive layout |
Step-by-step: see How to use Dish Post Settings and Dish Post Colors.
Panel: Woocommerce Settings
(Visible when WooCommerce is active.)
| Customizer section heading | Used for |
|---|---|
| Product Page Settings | Single product |
| Shop Page Settings | Shop archive |
| Cart Page Settings | Cart |
| Checkout Page Settings | Checkout |
WordPress core items below the colored panels: Site Identity (logo / site title), Colors, Background Image, Menus, Widgets, Homepage Settings, and Additional CSS.
Post Types & Taxonomies Overview
The theme registers custom post types and taxonomies for homepage sections. Use the admin menu shown below:
| Homepage Section | Admin Location | What to Manage |
|---|---|---|
| Events we Cater | Services » Add New | Event/service cards (dcp_service) — title, content, featured image |
| About Us / Contact | Customizer only | Text, colors, images, feature list icons, and form shortcode |
| Catering Stats | Stats » Add New | Counter value + label (dcp_stat) |
| Why Us / Ingredients | Ingredients » Add New | Image cards (dcp_ingredient) — title = label, featured image = photo, optional Link URL; order = menu order (first 3 = top row, next 2 = bottom) |
| Menu Packages / Intimate Catering / Signature Experiences | Dishes » Add New | Check Featured, Signature dish, or Highlighted special (see Dish Flags) |
| Popular Dishes / Latest Dishes | Dishes » Add New | Publish dishes (newest first; no special flag required) |
| Testimonials | Testimonials » Add New | Client quotes (dcp_testimonial) |
| Cafe Stories | Cafe Stories » Add New | Story articles (dcp_insight) |
| Latest Blog | Posts » Add New | Standard WordPress posts |
| Chefs | Chefs » Add New | Chef profiles (dcp_chef) |
| Cuisines (optional) | Dishes » Cuisines | Cuisine taxonomy (dcp_cuisine) |
| Dish Categories (optional) | Dishes » Dish Categories | Menu categories (dcp_dish_category) |
| Hero Search (optional) | Dishes taxonomies | Assign Dish Categories / Cuisines so filters and results work |
Dish post type settings — which value shows a dish where
Edit a dish under Dishes » Edit. In Core Listing Info, use the checkboxes and the Menu Status dropdown. Assign taxonomies in the sidebar.
| Homepage section | Field in dish editor | Select / check this value |
|---|---|---|
| Menu Packages | Checkbox: Featured (show in Featured / Popular dishes) | Check it |
| Intimate Catering | Checkbox: Signature dish | Check it |
| Signature Experiences | Checkbox: Highlighted special | Check it |
| Popular Dishes | No section flag required | Publish the dish (newest first). Optional: set Dish type for tab labels |
| Latest Dishes | No section flag required | Publish the dish (newest first) |
| Cuisines | Taxonomy: Cuisines | Select one or more cuisines (e.g. Italian, Mediterranean) |
| Dish Categories | Taxonomy: Dish Categories | Select one or more categories (e.g. Main Courses, Desserts) |
| Hero Search | Taxonomies + dish meta | Assign Dish Categories / Cuisines; fill Price, Servings, Prep time for filters |
| Seasonal Dishes page | Dropdown: Menu Status | Select Seasonal |
1. Events we Cater
Frontend: Home Sections Settings » Events we Cater
Event-type cards (Corporate, Weddings, Social, Parties) with image, title, and link. Cards link to each service’s detail page. Public archive: /services/.
- Manage cards: Services » Add New (
dcp_service) — title, content, and featured image (no hardcoded Customizer card images) - Customizer section heading: Home Sections Settings » Events we Cater (section copy, colors, fonts only)
- Shortcode:
[dcp_best_quality_services]
(alias:[dcp_events])
Customizer: Home Sections Settings » Events we Cater
Post type admin:
Archive / single:
2. About Us
Frontend: Home Sections Settings » About Us
About section with a feature list and collage images. Content is managed in the Customizer.
- Customizer section heading: Home Sections Settings » About Us
- Shortcode:
[dcp_who_we_are]
(alias:[dcp_about]) - Feature list: one item per line. Optional per-line icon:
fas fa-trophy|Modern Equipment. Or set Feature 1–6 Icon Class controls for each row. - Collage image 1 = main photo on the right; Collage image 2 = circular overlay.
Customizer: Home Sections Settings » About Us
3. Catering Stats
Frontend: Home Sections Settings » Catering Stats
Years, events, chefs, and satisfaction statistics. Counters come from the Stats post type.
- Manage counters: Stats » Add New (
dcp_stat) — title = label, meta Stat Value = number (e.g.40+). Use Order (menu order) to control display order. - Customizer: section title, description, left column image, colors/fonts
- Highlighted stat # (1–4): which of the four counter cards gets the accent style (default
2). It does not change the numbers — only which card is visually emphasized. - In Customizer, the yellow Stats / Counters list above Shortcode jumps straight to editing each stat.
- Shortcode:
[dcp_market_performance]
(alias:[dcp_about_stats])
Stats post type admin:
Customizer: Home Sections Settings » Catering Stats
4. Why Us / Ingredients
Frontend: Home Sections Settings » Why Us / Ingredients
Image highlight cards for quality ingredients and why guests choose you. Cards come from the Ingredients post type (not Customizer image fields).
- Manage cards: Ingredients » Add New (
dcp_ingredient) - Title = card label; Featured image = card photo; optional Link URL meta = click target
- Order (menu order): first 3 posts = top row, next 2 = bottom row (larger cards)
- Customizer section heading: Home Sections Settings » Why Us / Ingredients (section copy, colors, fonts)
- Yellow post list above Shortcode links to edit each ingredient card
- Shortcode:
[dcp_attractive_areas]
(alias:[dcp_why_us])
Ingredients post type admin:
Customizer: Home Sections Settings » Why Us / Ingredients
5. Menu Packages
Frontend: Home Sections Settings » Menu Packages
Grid of dishes marked as Featured in the dish editor. If fewer Featured dishes exist than the Customizer item count, the theme fills remaining slots with the newest dishes.
- Add/edit dishes: Dishes » Add New (
dcp_dish) - Dish post type setting: Core Listing Info → check Featured (show in Featured / Popular dishes)
- Featured image: recommend 800 × 600 pixels (or larger)
- Customizer section heading: Home Sections Settings » Menu Packages
- Shortcode:
[dcp_menu_grid]
(also:[dcp_featured_properties])
Customizer: Home Sections Settings » Menu Packages
Dish editor (Featured checkbox):
6. Intimate Catering
Frontend: Home Sections Settings » Intimate Catering
Carousel of dishes flagged as Signature dish.
- Add/edit dishes: Dishes » Add New
- Dish post type setting: Core Listing Info → check Signature dish
- Featured image: recommend 800 × 600 pixels (or larger)
- Customizer section heading: Home Sections Settings » Intimate Catering
- Shortcode:
[dcp_prominent_projects]
(alias:[dcp_feature_split])
Customizer: Home Sections Settings » Intimate Catering
7. Testimonials
Frontend: Home Sections Settings » Testimonials
Client testimonial grid. Archive at /testimonials/ with individual detail pages.
- Manage items: Testimonials » Add New (
dcp_testimonial) — featured image = avatar - Right side plate image: Customizer » Testimonials » Right side plate image (default
dish9.jpg) - Customizer section heading: Home Sections Settings » Testimonials
- Shortcode:
[dcp_testimonial]
(alias:[dcp_testimonials])
Customizer: Home Sections Settings » Testimonials
Post type admin:
Archive / single:
8. Cafe Stories
Frontend: Home Sections Settings » Cafe Stories
Catering story and experience cards powered by the dcp_insight post type. Archive and detail pages included.
- Manage media stories: Cafe Stories » Add New (
dcp_insight) - Feature list (Customized Menu Tasting, etc.): editable in Customizer — one line per item; optional
fas fa-icon|Label - Customizer section heading: Home Sections Settings » Cafe Stories
- Shortcode:
[dcp_cafe_stories]
Customizer: Home Sections Settings » Cafe Stories
Post type admin:
Archive / single:
9. Popular Dishes
Frontend: Home Sections Settings » Popular Dishes
Popular dish price cards from recently published dishes (no special flag required). Set Dish type or a Dish Category so tab labels (Mains, Desserts, etc.) look correct.
- Publish dishes under Dishes » Add New
- Dish post type setting: no section checkbox required — publish the dish. Optional: set Dish type (e.g. Main, Dessert) or assign a Dish Category so Popular Dishes tabs label correctly
- Featured image: recommend 800 × 600 pixels
- Customizer section heading: Home Sections Settings » Popular Dishes
- Shortcode:
[dcp_popular_dishes]
(also:[dcp_newly_added_properties])
Customizer: Home Sections Settings » Popular Dishes
10. Latest Blog
Frontend: Home Sections Settings » Latest Blog
Recent blog posts grid from standard WordPress posts.
- Publish posts under Posts » Add New
- Customizer section heading: Home Sections Settings » Latest Blog
- Shortcode:
[dcp_latest_blog]
Customizer: Home Sections Settings » Latest Blog
Post type admin:
11. Chefs
Frontend: Home Sections Settings » Chefs
Chef profile carousel with photo, role, and social links. Cards link to chef detail pages; archive at the Chefs CPT archive.
- Manage chefs: Chefs » Add New (
dcp_chef) - Featured image (portrait): recommend 426 × 487 pixels
- Customizer section heading: Home Sections Settings » Chefs
- Shortcode:
[dcp_chefs]
(also:[dcp_expert_agents])
Customizer: Home Sections Settings » Chefs
Post type admin:
Archive / single:
12. Contact
Frontend: Home Sections Settings » Contact
Left panel with address, phone, and email; right panel with the contact form. All copy and styling are managed in the Customizer.
- Customizer section heading: Home Sections Settings » Contact
- Section shortcode:
[dcp_contact]
How the form is chosen
The theme only renders a shortcode if its tag is registered (so inactive plugins never show raw shortcode text). Resolution order:
- Contact form shortcode field in Customizer (e.g.
[contact-form-7 id="123"]) - Form shortcode stored in section content (if present)
- First published Contact Form 7 form (when CF7 is active)
- Form shortcode found on the Contact Us page content
- If none of the above is available — built-in theme form
With Contact Form 7
- Install and activate Contact Form 7 (or use the theme’s admin notice).
- Create or edit a form under Contact » Contact Forms.
- Optional: paste the shortcode into Customizer → Contact form shortcode. Leave it empty to auto-use the first CF7 form.
Examples:
[contact-form-7 id="123"] [contact-form-7 title="Contact form"]
Validation tips and failed submissions use red styling; successful sends use green (CF7 .sent state).
Without Contact Form 7 (built-in form)
When CF7 (or another form shortcode plugin) is not active, the section shows the theme’s built-in form:
- Fields: Name, Email, Phone, Subject, Message (plus a honeypot field for basic spam protection)
- Messages are sent with
wp_mailto the Contact section email, or to the WordPress admin email if that address is empty - Success messages appear in green; errors in red
Customizer: Home Sections Settings » Contact
13. Hero Search (optional)
Frontend: Home Sections Settings » Hero Search (optional)
Optional search hero (keyword, category, cuisine, price). Uses the same left editorial heading style as Menu Packages (gold eyebrow + large title on one line + subtitle). Default homepage may hide this section — enable it under Home Sections Sort Order / section show-hide.
- Customizer section heading: Home Sections Settings » Hero Search (optional)
- Dish post type setting: assign Dish Categories and Cuisines on each dish; fill Price, Servings, and Prep time so search filters return results
- Shortcode:
[dcp_hero_search]
Customizer: Home Sections Settings » Hero Search (optional)
14. Cuisines (optional)
Frontend: Home Sections Settings » Cuisines (optional)
Cuisine mosaic cards linking to cuisine taxonomy archives. Left header matches other homepage sections (eyebrow + title + subtitle).
- Manage terms: Dishes » Cuisines (
dcp_cuisine) - Dish post type setting: in the dish editor sidebar, select one or more Cuisines (e.g. Italian, American, Mediterranean)
- Customizer section heading: Home Sections Settings » Cuisines (optional)
- Shortcode:
[dcp_cuisines]
(also:[dcp_properties_by_area])
Customizer: Home Sections Settings » Cuisines (optional)
15. Latest Dishes (optional)
Frontend: Home Sections Settings » Latest Dishes (optional)
Optional carousel of the most recently published dishes (no special flag required). Header and carousel controls match Intimate Catering: dots bottom-left, arrows bottom-right.
- Publish dishes under Dishes » Add New
- Dish post type setting: no checkbox or Menu Status value required — publish the dish
- Featured image: recommend 240 × 145 pixels minimum (larger is fine; theme crops)
- Customizer section heading: Home Sections Settings » Latest Dishes (optional)
- Shortcode:
[dcp_latest_dishes]
(also:[dcp_latest_listings])
dcp_dish posts by date (newest first). Featured / Signature / Highlighted do not control this section.Customizer: Home Sections Settings » Latest Dishes (optional)
16. Signature Experiences (optional)
Frontend: Home Sections Settings » Signature Experiences (optional)
Optional highlights for dishes marked Highlighted special in Core Listing Info. Same left header style and bottom carousel controls (dots left / arrows right) as Intimate Catering.
- Add/edit dishes: Dishes » Add New
- Dish post type setting: Core Listing Info → check Highlighted special
- Featured image: recommend 800 × 600 pixels
- Customizer section heading: Home Sections Settings » Signature Experiences (optional)
- Shortcode:
[dcp_top_highlighted_projects]
Customizer: Home Sections Settings » Signature Experiences (optional)
17. Dish Categories (optional)
Frontend: Home Sections Settings » Dish Categories (optional)
Optional dish category cards (Mains, Desserts, Corporate, etc.). Left header uses Menu Types (sub-title) as the gold eyebrow and Browse by Category as the main title — same typography as Menu Packages / Popular Dishes.
- Manage terms: Dishes » Dish Categories (
dcp_dish_category) - Dish post type setting: in the dish editor sidebar, select one or more Dish Categories (e.g. Main Courses, Appetizers, Wedding Menu)
- Customizer section heading: Home Sections Settings » Dish Categories (optional)
- Shortcode:
[dcp_dish_categories]
(also:[dcp_featured_neighborhoods])
Customizer: Home Sections Settings » Dish Categories (optional)
18. Section Styling
Global homepage section styling (plain / alternate backgrounds and shared look). There is no frontend shortcode — these options affect all Home Sections Settings blocks.
- Customizer section heading: Home Sections Settings » Section Styling
Customizer: Home Sections Settings » Section Styling
Open Appearance » Customize » Home Sections Settings » Section Styling to adjust section background colors and related styling.
19. Home Sections Sort Order
Reorder which homepage sections appear and in what order.
- Customizer section heading: Home Sections Settings » Home Sections Sort Order
Customizer: Home Sections Settings » Home Sections Sort Order
7. Dish Post Type
Dishes are managed under Dishes in the WordPress admin (dcp_dish post type, public URL slug dishes).
Adding a Dish
- Go to Dishes » Add New.
- Enter the dish title and full description in the editor (shown on the single dish page).
- Set a Featured Image for listing cards and the gallery lead image (recommend 800 × 600 pixels or larger).
- Assign Dish Categories and Cuisines.
- In Core Listing Info, check the section flags below so the dish appears in the matching homepage section.
- Fill in the remaining meta fields and publish.
Which flag / dropdown shows a dish in which section
When editing a dish (Dishes » Edit), use Core Listing Info checkboxes, the Menu Status dropdown, and the sidebar taxonomies. A dish can have more than one flag checked.
| Field type | Select / check in dish editor | Homepage section (Customizer heading) | Shortcode |
|---|---|---|---|
| Checkbox | Featured (show in Featured / Popular dishes) | Home Sections Settings » Menu Packages | [dcp_menu_grid] |
| Checkbox | Signature dish | Home Sections Settings » Intimate Catering | [dcp_prominent_projects] |
| Checkbox | Highlighted special | Home Sections Settings » Signature Experiences (optional) | [dcp_top_highlighted_projects] |
| — | No section flag — just Publish | Popular Dishes and Latest Dishes (optional) | [dcp_popular_dishes] / [dcp_latest_dishes] |
| Dropdown | Menu Status → Seasonal | Seasonal Dishes page template | — |
| Dropdown | Menu Status → On the Menu / Chef Special / Limited | Badges / filters on listing pages (not a dedicated home section) | — |
| Taxonomy | Sidebar Dish Categories | Home Sections Settings » Dish Categories (optional) | [dcp_dish_categories] |
| Taxonomy | Sidebar Cuisines | Home Sections Settings » Cuisines (optional) | [dcp_cuisines] |
Core Listing Info
| Field | Type | Description / values |
|---|---|---|
| Price | Text | Display text (e.g. $48.00, From $55) |
| Servings | Number | Number of servings |
| Prep time | Number | Preparation time in minutes |
| Portion / size note | Text | e.g. Serves 8–12, Dessert course |
| Dietary notes | Text | Vegetarian, Gluten-free, etc. |
| Menu Status | Dropdown | On the Menu, Seasonal, Chef Special, or Limited — choose Seasonal for the Seasonal Dishes page |
| Featured | Checkbox | Check to show in Menu Packages |
| Highlighted special | Checkbox | Check to show in Signature Experiences |
| Signature dish | Checkbox | Check to show in Intimate Catering |
Specifications
| Field | Description |
|---|---|
| Dish type | Appetizer, Main, Dessert, etc. |
| Spice level | 1–5 scale |
| Cook time | Cook time in minutes |
| Calories / nutrition note | Optional nutrition text |
| Pieces per platter | Optional platter count |
Dish Gallery
Upload multiple gallery images in the Dish Gallery meta box. On the single dish page: one large image on top, thumbnail slider below; thumb click swaps the large image; large image opens lightbox.
Other Meta Boxes
- Ingredients / Highlights — feature list (comma or line-separated)
- Overview / headings — section heading overrides
- Dietary Notes — dietary section heading
- Kitchen Video & Media — YouTube/Vimeo and optional extra media URL
- Similar Dishes — heading for related dishes block
8. Dish Search & Archives
Dish listing pages share a filter bar, grid/list layouts, and breadcrumb trail. The demo menu groups them under Dishes.
All Dishes Archive
Main dish post type archive — all published dishes.
New Dishes Page
Template page showing newest dishes first. Demo page: New Dishes.
Dish Menu / Listings Page
Full dish grid with filters and grid/list toggle. Demo page: Dish Menu.
Dish Search Page
Advanced search with filters for keyword, category, cuisine, price, servings, and prep time.
Seasonal Dishes Page
Lists dishes whose Menu Status dropdown is set to Seasonal in the dish editor. Assign the Seasonal Dishes page template to a page (demo page: Seasonal Dishes).
Breadcrumbs
Inner dish and section pages display breadcrumb navigation (Home » parent » current page).
Taxonomy Archives
Category and cuisine archives display dishes in a grid with sidebar filters.
- Dish Categories — e.g. Mains, Desserts, Corporate, Wedding
- Cuisines — e.g. Italian, American, Mediterranean
9. Single Dish Page
The single dish template includes price, servings, prep time, gallery (big image + thumbnail slider + lightbox), ingredients, dietary notes, video, and similar dishes.
Open a dish in the live preview when you edit these options: click the violet Post Settings panel in the Customizer left menu (see left menu guide), then open Dish Post Settings or Dish Post Colors. The preview loads a published dish so you can see layout and color changes immediately.
How to use Dish Post Settings
Path: Appearance » Customize » Post Settings » Dish Post Settings
Use this section for structure (what appears and in what order). Colors and fonts are under Dish Post Colors.
| Setting | What it does | Tip |
|---|---|---|
| Layout | Sidebar position on the single dish page (left / right / full width, depending on available layouts). | Match your blog or shop layout if you want a consistent look. |
| Dish Top Banner | Hero image above the dish content. |
|
| Description / Details / Features / Address / Video / Virtual Tour / Map / Similar Dishes Section Order | Numbers control the vertical order of blocks on the dish page (1 = highest). | Use unique numbers 1–8. Example: put Gallery description first (1), Similar Dishes last (8). |
| Enable Similar Dishes Carousel | Turns the related dishes row into a sliding carousel. | Disable if you prefer a static grid. |
| Similar Dishes – items visible at once | How many cards show at desktop width (typically 2–4). | Mobile still stacks / slides responsively. |
| Show Similar Dishes Arrows / Dots | Show or hide carousel prev/next arrows and pagination dots. | Arrow and dot colors are set under Dish Post Colors. |
- Publish at least one dish under Dishes (with gallery and details filled).
- Open Customizer → Post Settings » Dish Post Settings.
- Adjust banner mode and section order while watching the right-side preview.
- Click Default next to any control to restore the theme default.
- Publish Customizer changes when finished.
Customizer: Post Settings » Dish Post Settings
Dish Post Colors
Path: Appearance » Customize » Post Settings » Dish Post Colors
Use this section for look (colors, font family, font size) on the single dish page. Layout and order stay in Dish Post Settings.
| Group | Controls |
|---|---|
| Section headings | Color, font family, and font size for Description, Details, Features, Address, Video, Virtual Tour, and Map headings. |
| Section content | Color, font family, and font size for the body text of those blocks (plus Similar Dishes card text). |
| Similar Dishes accents | Title color, price color, title font/size, nav arrow color/background, and dots (inactive + active) colors. |
Customizer: Post Settings » Dish Post Colors
Open Appearance » Customize » Post Settings » Dish Post Colors to change heading and content colors/fonts. Use Default beside any control to restore the theme default.
10. Chefs, Testimonials, Services, Cafe Stories, Stats & Ingredients
Section content types:
- Public archive + single pages: Services, Chefs, Testimonials, Cafe Stories — homepage cards link to detail pages; archives appear under the Other Pages menu after demo import.
- Admin-only content types (no public archive): Stats (
dcp_stat) for Catering Stats counters, and Ingredients (dcp_ingredient) for Why Us / Ingredients cards.
See: Events we Cater, Chefs, Testimonials, Cafe Stories, Catering Stats, and Why Us / Ingredients.
11. Footer
Configure footer under Appearance » Customize » Footer Settings. Exact Customizer section headings:
- Footer CTA (Need Catering) — eyebrow, heading, text, left image, and where the band appears (with Hide on page options)
- Footer Layout — columns and background
- Footer Columns Sections — widget column content
- Footer contact Address — phone, email, address, social icons
- Copyright & Design — copyright and design credit shortcodes
12. Page Templates & Sidebars
The demo includes page templates for different sidebar layouts:
- Full Width — content without sidebar
- Left Sidebar / Right Sidebar — content with sidebar
- No Sidebar — centered content
- Contact Us — map, contact form, and contact details sidebar (see below)
- Shortcodes Demo — live catalog of all theme shortcodes with copy buttons
- Dish Menu / New Dishes / Dish Search / Seasonal Dishes — dish listing templates
Select a template under Page Attributes » Template when editing a page. Manage widget areas under Appearance » Widgets.
Contact Us page template
Assign the Contact Us template to your contact page. The layout includes a map area, a “Send a message” form panel, and a details sidebar.
- Form: Uses the same dual-mode helper as the homepage Contact section — Contact Form 7 when active, otherwise the built-in form. You do not need a raw
[contact-form-7]shortcode in the page body when CF7 is off. - Optional shortcode in page content: If you paste a CF7 shortcode into the page editor, the template can pick it up when CF7 is active.
- Customizer section heading: Theme Settings » Contact us page Settings — title, address, phone, email, and URL for the details sidebar
- Sidebar details: Widgets in Appearance » Widgets » Contact Sidebar (
sidebar-contact), or the Customizer fields above when no widgets are assigned.
13. Shortcodes
Visit the Shortcodes Demo page on your site for a live preview of every shortcode with copy buttons.
Homepage Section Shortcodes
- Events we Cater:
[dcp_best_quality_services]
/[dcp_events] - About Us:
[dcp_who_we_are]
/[dcp_about] - Catering Stats:
[dcp_market_performance]
/[dcp_about_stats] - Why Us:
[dcp_attractive_areas]
/[dcp_why_us] - Menu Packages:
[dcp_menu_grid]
- Intimate Catering:
[dcp_prominent_projects]
- Testimonials:
[dcp_testimonial]
- Cafe Stories:
[dcp_cafe_stories]
- Popular Dishes:
[dcp_popular_dishes]
- Latest Blog:
[dcp_latest_blog]
- Chefs:
[dcp_chefs]
- Contact:
[dcp_contact]
- Hero Search:
[dcp_hero_search]
- Cuisines:
[dcp_cuisines]
- Latest Dishes:
[dcp_latest_dishes]
- Signature Experiences:
[dcp_top_highlighted_projects]
- Dish Categories:
[dcp_dish_categories]
Recommended Image Sizes
Upload images at least as large as the sizes below. Larger images are fine — WordPress/theme cropping handles display sizes.
| Shortcode / area | Where to upload | Recommended size |
|---|---|---|
| Homepage slider | Customizer » Banners And Slider Setting | 1800 × 700 px |
| Inner page banner | Page Featured Image | 1800 × 500 px |
| Site logo | Customizer » Site Identity » Logo | 385 × 70 px |
[dcp_best_quality_services] / Events | Services featured image (or Customizer service images) | 800 × 600 px |
[dcp_who_we_are] / About collage | Customizer » About Us images | 600 × 800 px (portrait) |
[dcp_attractive_areas] / Why Us | Customizer » Why Us card images | 800 × 600 px |
[dcp_menu_grid] Menu Packages | Dish Featured Image (+ check Featured) | 800 × 600 px |
[dcp_prominent_projects] Intimate Catering | Dish Featured Image (+ check Signature dish) | 800 × 600 px |
[dcp_top_highlighted_projects] Signature Experiences | Dish Featured Image (+ check Highlighted special) | 800 × 600 px |
[dcp_popular_dishes] Popular Dishes | Dish Featured Image | 800 × 600 px |
[dcp_latest_dishes] Latest Dishes | Dish Featured Image | 240 × 145 px min (prefer 800 × 600) |
[dcp_chefs] Chefs | Chef Featured Image | 426 × 487 px |
[dcp_testimonial] Testimonials | Testimonial Featured Image (avatar) | 150 × 150 px |
[dcp_cafe_stories] Cafe Stories | Cafe Story Featured Image | 800 × 600 px |
[dcp_latest_blog] Latest Blog | Post Featured Image | 640 × 426 px (or larger) |
[dcp_cuisines] / [dcp_dish_categories] | Taxonomy / card images (or dish featured images used as fallbacks) | 800 × 600 px |
[dcp_hero_search] Hero Search | Customizer » Hero Search background | 1800 × 700 px |
| Dish Gallery (single dish) | Dish » Dish Gallery meta box | 1200 × 800 px |
| Footer CTA image | Customizer » Footer CTA left image | 600 × 600 px |
Layout & Content Shortcodes
- Section Title:
[section_title title="Signature" colortitle="Dishes"]
- Heading:
[heading underline="yes" align="left"]Section Heading[/heading]
- Columns:
[column_content type="one_half"]Left column[/column_content][column_content type="one_half_last"]Right column[/column_content]
- Tabs:
[tabs][tab title="Tab 1"]Content 1[/tab][tab title="Tab 2"]Content 2[/tab][/tabs]
- Accordion:
[accordion][accordion_content title="Item 1"]Content[/accordion_content][/accordion]
- Feature List:
[feature_list icon="utensils" heading="Signature Plates" desc="Chef-crafted dishes for every occasion."]
- Skill Bar:
[skill title="Menu Curation" percent="95" bgcolor="#6a8fa3"]
- Read More Link:
[readmore-link button="View Dish" links="#" align="left"]
Social & Contact
- Social Icons:
[social_area][social icon="facebook" link="#"][social icon="twitter" link="#"][/social_area]
- Homepage Contact section:
[dcp_contact]
- Contact Form 7 (when plugin is active):
[contact-form-7 id="123"] [contact-form-7 title="Contact form"]
- Built-in form shortcode (legacy / optional):
[contactform to_email="your@email.com" title="Contact Form"]
Prefer leaving the Contact section / Contact Us page to auto-resolve the form. Paste a CF7 shortcode into Customizer → Contact form shortcode only when you need a specific form. If CF7 is inactive, the theme shows its built-in form instead of printing an unprocessed shortcode.
Footer & Utility
- Copyright:
[copyright_website firstcontent="© {year} Dine Corner Pro. All rights reserved."] - Design Credit:
[designby_website firstcontent="Design by" linktext="ThemesCave" url="https://www.themescave.com/"]
- Testimonials Listing:
[testimonials-listing show="3"]
- Search Form:
[searchform]
14. Mobile & Responsive Design
Dine Corner Pro is fully responsive and optimized for phones, tablets, and desktops. Layouts use fluid containers, flexible grids, and touch-friendly navigation so dish listings, homepage sections, and inner pages remain readable on all screen sizes.
Breakpoints
| Viewport | Typical devices | Behavior |
|---|---|---|
| Desktop — 981px and above | Laptops, large tablets (landscape) | Horizontal primary menu, multi-column dish grids, carousels show 3–4 items |
| Tablet — 768px to 980px | iPad, small laptops | Mobile menu drawer, 2-column listing grids, stacked header elements |
| Mobile — 767px and below | Phones | Single-column layouts, stacked filters, full-width buttons, 1-item carousels |
Mobile Navigation
Below 981px width, the primary menu collapses into a hamburger toggle with BOOK NOW nearby. Expandable sub-menus cover Dishes and Other Pages.
Homepage on Mobile
Dish Pages on Mobile
Responsive Features
- Fluid containers — content width scales with the viewport
- Flexible images & video — media never overflows
- Touch-friendly controls — larger tap targets on mobile menu, carousels, and forms
- Owl Carousel sections — chefs, dishes, and packages show fewer items on smaller screens
- Dish search & listings — filters stack on narrow viewports
- Contact forms — full-width fields and submit on mobile
Responsive behavior is built into theme-responsive.css and loads automatically.