The Restaurant Tue, 31 May 2011 10:07:56 +0000 en hourly 1 New restaurant Mon, 18 Oct 2010 20:26:14 +0000 admin Pellentesque pellentesque placerat nulla. Nulla dictum ante ac dolor posuere euismod. Sed mattis imperdiet tellus, vitae porttitor turpis tincidunt non.Praesent nec elit et lectus dignissim lobortis. Donec ornare vestibulum leo sit amet pretium. Donec imperdiet justo vel magna tincidunt ullamcorper. Ut sit amet ipsum elit, ac viverra orci. Curabitur lobortis sem facilisis lorem porta laoreet. Cras diam justo, sagittis sed ultricies sed, vestibulum a libero. Nam ut nunc leo. Nulla feugiat cursus justo, non lobortis orci volutpat vel. Praesent sodales lacinia velit, et aliquet ipsum volutpat ut. Aliquam auctor fermentum est, et scelerisque nibh dapibus et. Sed ullamcorper mi ut dolor pharetra vehicula. Phasellus ante mi, faucibus in scelerisque in, egestas quis quam. Vivamus fringilla commodo interdum. Curabitur neque nisi, vestibulum non ultrices eu, mollis vitae lorem. Donec ante nisl, sodales eu posuere interdum, pellentesque ut velit. Nullam in quam neque. Aenean dignissim bibendum neque at porttitor. In hac habitasse platea dictumst.

]]> 3
Create a menucard Mon, 18 Oct 2010 02:21:13 +0000 admin This tutorial covers how to create a menucard and display it in the navigation menu. You can do this tutorial when you already have created at least one product for the menucard, covered in this tutorial.

Step 1: Create a page

Go to your wordpress admin ( and go to the following page: “Pages”
You will see a screen like this screenshot:

Now, press on the button “Add New” to make a new page. You will see some formfields to make a new page.

Now give the new page a name like “Menucard” and a little description. In the block “Page Attributes” (on the right side) assign “Menu Card” in the dropdownlist from “Template”. At the “Additional Settings” block you can select the categories you want to show in the menucard, for this example, we check “Pasta” (the one we’ve made in the add a product tutorial) If you want to show more categories check them too. To change the order of the categories, simply drag and drop the checkboxes in the order you want.
Now press the blue “Publish” button to save the page. You now have created a menucard with the category pasta, we now have to display it in the navigation menu.

Step 2: Insert in navigation menu

Now go to the following page: Appearance / Menus

In the block “Pages” select “Menucard” and press the button “Add to Menu”. If you’ve done that, “Menucard” will appear on the right side, in the block “mainmenu”. Now press the blue button “Save Menu”. The menu-item “Menucard” is now visible in your navigation menu!
If you want the categories in the menucard to show up in a dropdown menu, simply drag and drop the categories to the menu, just like we did above. Drag them just under the menucard page, so there is a little bit of space on the left. This will tell wordpress that this page or category is a ‘sub-menu’.

That’s it! You now have your very own menu card!

]]> 0
Create a navigation menu Sun, 17 Oct 2010 20:42:09 +0000 admin To have a proper navigation menu like the one you can see in the demo from this theme, we need to create one in the adminpanel. In this tutorial you will learn how to do that. 

Step 1: Browse to menuproperties

Go to your wordpress admin ( and go to the following page: Appearance / Menus
The first thing you’ll notice, when you’ve installed the theme (and wordpress) for the first time, is that the theme doesn’t display anything useful.

What you’ll also notice, with most new wordpress installations, is that one page, “About”, is automatically generated. But it won’t display properly in the menu at this moment. (As seen in the picture above)

Step 2: Create the navigation menu

To create our first menu, fill in a name on the right side, in the formfield with the text “Enter menu name here”. For this tutorial, we will name it “mainmenu”. When you have given it a name, press the “Create Menu” button.

You can now select “mainmenu” at the “Theme Locations” block on the left. Press “Save”. This means you’ve assigned your menu to the top bar from the theme (with the yellow stars).

Step 3: Create the first menu-items

Lets create the two menu-items, “Home” and “About”.

Click on “View All” at the “Pages” block to show the pages you can assign for the menu. As you can see, there are two items right now, “Home” and “About”. Click “Select all” so the two items are selected. Now press “Add to Menu” so the two items will appear on the right side. Now click the “Save Menu” button so the items will appear on the frontend.
You now have created your first menu-items for the navigation menu. Before we can add more menu-items like the menucard, we first have to create products and then assign them to a menucard.

]]> 0
Featured image Sun, 17 Oct 2010 05:26:37 +0000 admin This tutorial covers the way you can add a featured image to a product in the menucard.
This same process will also add images to your gallery items, or put images at the top of your posts.

Step 1: Edit a post

Go to your wordpress admin ( and go edit a post on the following page: “Pages”. For this tutorial, we’ll edit “Product” we’ve made in this tutorial.
You will see a screen like this screenshot:

Now click on “Set featured image” in the “Featured Image” block. You will get an overlay (picture underneath) where you can upload an image. When you’ve uploaded an image, scroll down in the overlay, and press on “Use as featured image” and press on the exit cross.

You’ll probably notice a picture now, in the “Featured Image” block. You’re set now. Press on the blue “Update” button to save the settings. If you browse to your menucard, you will notice a new thumbnail on the left of the product. You’ve set a featured image!

]]> 0
Using shortcodes in posts and pages Sun, 17 Oct 2010 05:12:19 +0000 admin This tutorial covers the way you can add shortcodes to pages and posts in the Restaurant theme.

To get a good idea of what shortcodes look like, and what they do, take a look at this page: Shortcodes. Use them to devide your content into smaller columns, or to add lines to seperate paragraphs.

So how do we set up a column? First, decide how big you want your column. On the shortcode page, you can see all the different sizes. Next, place the shortcode in your content. Be sure to close it like in the example below. Closing it means putting a ‘[/column]‘ tag at the end of the column. All the content you want in your column should go between your starting en closing tag.

[column size="2x1" last="true" title="This is a column shortcode"]
Your content here

So what does this all mean?
Size: the size of your column. You can choose between 2×1, 3×1, 3×2, 4×1, 4×3
Title: The title of your column. This is completely optional, so it’s up to you to use it or not.
Last: Only use this if it’s the last column on a row (horizontally). This will prevent it from jumping down the page.

You can also add lines to your content with the following shortcode:


]]> 0
Add a product for a menucard Sat, 16 Oct 2010 22:58:49 +0000 admin In this tutorial we’ll cover how to create a product for a menucard in your restaurant theme. You will learn how to make a product and assign this to a category.

Step 1: Browse to Posts

Go to your wordpress admin ( and go to the following page:
Posts / Add New

Click on “Add New” to create a new post. You will have the view like in the picture above.

Step 2: Add a product

Now fill in all the details for the product, like the name, a full description that will be shown in a full post, the menu card price and a description that will be shown in the menucard. Make sure, that if you want people to read the full description that you check the “Link title to full post” in the “Additional settings” block.

Step 3: Categories

To get a product in a proper category, go to the block “Categories” and press on “+ Add New Category”. For this instance, we’ve made “Pasta”. Just check pasta and your product is set for that category.

When you have this all ready, press on the blue “Publish” button in the “Publish” block. Congratulations, your first menucard-item is published! Just repeat the steps above for adding more products for the menucard.
Now that you have an item, we are going to create a menucard to display this item, you can check the tutorial for that over here.

]]> 0
Custom sidebars Sat, 16 Oct 2010 22:50:44 +0000 admin In this theme you can add your own custom sidebars, this tutorial will cover how to do that.

Step 1: Browse to The Restaurant Theme settings

Go to your wordpress admin ( and go to the following page:
Appearance / The Restaurant themesettings / custom sidebars

First browse to the widget page that you can find under “Appareance / Widgets”. Here you can add a new sidebar for pages. When you have added a new sidebar, you can browse to: Appearance / Widgets
On the right side you will see your new added sidebar(s).

Add widgets to the frontpage area

On the right side of your widget page (Appearance / Widgets) you can also find the sidebar “Frontpage” on the right side of the screen. This is the area where you can drag widgets to which should appear on the frontpage. We’ve designed this area with three widgets in mind.
To activate the frontpage widget area, go to the theme settings: Appearance / The Restaurant theme settings. Click the tab ‘Frontpage’, and scroll down untill you see the option ‘Widget area options’. Click the dropdown and select ‘Frontpage widget area’ or ‘Both’ depending on what you want. This will activate the widgets on the frontpage.

]]> 0
Frontpage themesettings Sat, 16 Oct 2010 22:43:50 +0000 admin In this tutorial we’ll cover how to change settings of the frontpage of your restaurant theme. You will learn how to use the slider and how to fill in the widgets.

Step 1: Browse to The Restaurant Theme settings

The frontpage settings cover things like the slider and the content widgets on the frontpage.
You can find these settings under the tab “Frontpage” of the Restaurant theme settings.

Edit the contentslider

Normally, the content slider is only shown on the frontpage, but it can be unfolded on every page by the user. To keep it unfolded on every page in the theme, select the option ‘Show only on frontpage’ in the dropdown list.

To add a slide to the content slider press the button “Add new slide”. You will get some formfields like displayed in the screenshot above. To add a picture for a slide, press on the “Browse” button to upload a (new) image. The correct dimension for the image in the slider is 1020×400 pixels. Make sure your images are this size, or it might not look the way you want it to.

Edit the frontpage widgets

You can set different types of widget views for the frontpage. In the first dropdownlist “Widget area options” you can select which type you want to set. These are: “Three text blocks (see options below)”, ” Frontpage widget area” and “Both”. This last option displays two blocks, one with the red flaps and one area you can add widgets to, how to do this we will explain later.
The three content widgets on the frontpage are easy to set up. Simply specify the title, image, text and read more link and you’re done.

Keep in mind that adding an image is optional, though it would look better if all three widgets have either an image, or not at all (due to alignment of the text). The read more link is also optional. Simply go to the page or post you want to link to, and copy/paste the adres from the adressbar from your browser. Don’t forget to setup all three widgets, or the frontpage won’t look the way you want it to!
Don’t forget to press on the “save changes” button to save all your settings!

Add widgets to the frontpage area

First browse to the widget page that you can find under “Appareance / Widgets”.

On the right side you can find “Frontpage”. This is the area where you can drag widgets to.

]]> 0
General themesettings Sat, 16 Oct 2010 22:28:08 +0000 admin There are general settings for this theme that you can change in the adminsettings. In this tutorial we’ll cover how to do that. You will learn how to change the color of the theme with predefined colors or to set your own color.

Step 1: Browse to The Restaurant Themesettings

Go to your wordpress admin ( and go to the following page:
Appearance / The Restaurant themesettings

Step 2: Change general themesettings

The general settings cover things like your own blog favicon and logo. Simply browse for the image with the default wordpress media browser, and you’re set. There are a couple of options available to you to change the looks of this theme. All colors can be changed from the theme settings.

Choose colortheme

First off, choose a color theme. You have the option to pick between red, green, blue and gray. All colors and arrows will change accordingly.

Pick your own color

You can also use the ‘website main color’ option (with colorpicker) to finetune the color to your liking.
When you chose a color in the colorfield press the icon on the bottom rightside to get the hex code into the settingsfield.

Just keep in mind that the arrow colors (the up/down slider and menu arrows) will stay in one of the four colors mentioned before. If you feel like changing this, open up the psd file and change the colors to your liking.

Another important setting in the general settings is the sidebar position. You can move it to the left or the right, or even remove it entirely. Keep in mind this will force full width pages on your whole website.

Step 3: Save changes

Please, don’t forget, when you are finished with the settings, to save these on top of the settingspage with the button “Save Changes”. You now have changed some general settings for The Restaurant theme!

]]> 0
Installation of The Restaurant Sat, 16 Oct 2010 22:08:31 +0000 admin First of all, to use The Restaurant wordpress theme, you need to install it on your server. In this tutorial we’ll cover how to do that.

Step 1: Browse to install page

Go to your wordpress admin ( and go to the following page:
Appearance / Themes / Install Themes

Step 2: Upload the .zip package

To install the theme, you need to upload it to your server.
Now choose ‘Upload’ at the top of the page. Here you can upload the .zip package.

CAUTION: Before your proceed make sure you unzipped the package you have bought from Themeforest.

Select the ‘’  file and press ‘Install Now’. Make sure you have the correct zip file, and not the whole package.

When it’s done press ‘Activate’ to set your newly acquired theme as your current theme.
Congratulations! You’ve installed The Restaurant wordpress theme!

]]> 0