Installing, Securing WordPress and First Steps

Installing WordPress

If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the instructional video (thanks to WooThemes).

Securing WordPress

You can improve your WordPress installation security taking these steps:

  • Set the Authentication Unique Keys and Salts in wp-config.php file.
  • Set the $table_prefix variable in wp-config.php file (do not use the default value of "wp_").
  • Do not use admin as user name and set strong passwords.
  • After installation is done, remove wp-admin/install.php file.
  • Keep backups of the database and WordPress installation.
  • Keep your WordPress installation up to date.

First Steps With WordPress

Additional resources for WordPress beginners:

Theme Installation

How to Install the Theme?

  1. In your WordPress dashboard navigate to Appearance » Themes and click the [Add New] button next to "Themes" page title.
  2. Insert "Receptar" into search field and press [Enter] on your keyboard.
  3. Once the theme is found, hover over the theme screenshot with your mouse cursor and click the [Install] button that appears below the screenshot image.
  4. Wait while the theme is installed and activate it by clicking the "Activate" link.


You should always keep your WordPress, themes and plugins up to date!

Installing Demo Content


  1. It is recommended to install the theme demo content into an empty, fresh WordPress site only. Otherwise it might mess up your existing content!
  2. Please note that the theme demo contains a lot of pages. You will certainly end up not using most of them. In that case it is highly recommended to delete the pages, posts, custom posts and media that you no longer need on your website.

Demo Images and Other Media Quality

Please understand that demo images, audio and video files are low quality due to copyright protection and you should replace them with your own, properly licensed images.

Demo Content Import Issues

Please note that there might occur some connection issues when downloading demo attachments (media files) from demo content servers during the demo content import process.

These, however, are just demo attachments (images, videos, audio files) and you are perfectly fine (actually, you should) replacing them with your own assets.

Other demo content (posts, pages and custom posts content) will be imported without any issues.

Manual Installation

For detailed instructions regarding each demo content file installation and download, please visit the theme demo files repository at Github.

You can use this procedure in case the One-click Installation procedure fails. In that case it is recommended to delete (permanently) the imported media files from your media library and run the database reset with a plugin such as Advanced WordPress Reset.

Please check WordPress codex for information about manual demo XML file import issues.


Setting Up Home and Blog Page

TIP: If you want to use your website as a blog, you do not need to set up the front and posts page.
  1. In WordPress admin navigate to Settings » Reading.
  2. For "Front page displays" option set "A static page (select below)".
  3. Select the front page from dropdown list. This page will become your home page.
    Select the posts page from dropdown list. This page will become your blog page.
TIP: You can also do this in Customizer where you get live preview of your settings.


Post Excerpt

Post excerpt will be displayed in posts list. If no excerpt set, a portion of post content will take its place in posts list (if set, until <!--more--> tag). Post excerpt will also be displayed at the top of the post content on single post page. Please note that you will probably have to enable post excerpt field in "Screen Options" first.

If you set the "Read more" tag inside the post content and you also set a post excerpt, first the post excerpt followed with post content (until "Read More" tag) will be displayed in posts list.

Post Formats

Please note that this theme does not support WordPress post formats. You can only create standard posts with Receptar theme.

Table of Contents on Parted Post

If you are setting up a multipage post (using a "Page break" button in visual editor, or <!–nextpage–> tag in "Text" tab of visual editor), the automatic table of contents will be generated for the post/page for you.

All you need to do is to set up a post parts titles at the top of each post part (so, immediately after <!–nextpage–> tag) with H2 heading.

Featured Posts

These posts will populate the front page (and blog page) banner slideshow area. To set up featured posts, please install and activate the NS Featured Posts plugin and easily mark selected posts as featured.

Setting Up Featured Image for Post or Page

Featured images are displayed in posts list and as a background for right section on a single post or page. To set up featured image, please follow the instructions in WordPress codex.

If there is no featured image set for post or page, the fallback image will be used. The fallback image is being cropped from the header image automatically. You can set up the header image in Appearance » Header.

Image sizes: For the minimal size of the image you upload into your WordPress website please refer to Tips and Tricks » Image Sizes.

Using Navigational Menus

Receptar supports WordPress Menus, so you can easily create custom navigational menus directly in Appearance » Menus.

Custom menus may contain links to pages, categories, custom links or other content types (use the [Screen Options] button in upper right corner of the screen to decide which content types to show on the menu edit screen). You can specify a different navigation label for a menu item as well as other attributes. The theme supports menu item description text.

To display menus on your website you need to assign them to a menu locations or use them in conjunction with the Custom Menus widget.

The theme allows you to create as many menus as you want. However these menus can be placed into predefined locations only. The theme defines these menu locations:

  • Primary Menu - the main navigation area is hidden in the left sidebar. Click the menu hamburger icon on top of the left sidebar area control buttons to reveal the sidebar (and menu) content. The menu in this menu location can be nested and hierarchically organised.
  • Social Links Menu - see below for more info.

Creating a Menu

Please follow the instructions in WordPress codex on how to create menus.

Helpful tutorial: WordPress video tutorials.

Adding Social Networks Links Icons

Social icons linked to your social network profiles can be displayed anywhere on the website. But beforehand you must create and set up a social links menu:

  1. Go to Appearance → Menus in the WordPress admin.
  2. Click create a new menu link.
  3. Give the menu a name, such as "Social Menu".
  4. Click [Create Menu] button.
  5. Click the Links header on the left side of the page.
  6. Type a link (such as to one of your social profiles in the URL field.
  7. Give the link a title by typing the name of the service into the Link Text field.
  8. Click [Add to Menu].
  9. Repeat the above steps to add additional social profiles.
  10. In the Menu Settings section at the bottom, check the "Social Links" box for Theme locations.
  11. Click [Save Menu] button.

Adding your social links as a custom menu allows you to sort your profiles and add as many as you want.

The theme displays icons as SVG images. For full list of supported icons please refer to assets/images/svg folder of your theme.

For links starting with mailto: an envelope icon is applied. For unrecognized links a link chain icon is used.

Can I use a custom social icon?

If you want to set a custom social icon, please read dedicated support article.

Feel free to use a WordPress native Navigation Menu widget to display social menu anywhere on your website.

Using Navigation Menu widget to display social network icons

Widget Areas

Widget Areas Contained in the Theme

  • Sidebar widget area is the hidden area on the left of your website. To display the are you need to click the menu hamburger button on top of the left sidebar control buttons area. The widgets are displayed just below the primary navigation menu of your website.
  • Header Widgets display widgets in header area of the website right of the website logo. By default this area contains a search field. Once you add a widgets to this widget area, the search field will be replaced with your widgets.


What is Customizer and How to Use It

The theme seamlessly integrates its options into the WordPress Customizer.

You can access it navigating to Appearance » Customize. All the changes you set in Customizer will be immediately displayed in the theme preview. However, these changes will not be saved until you press the [Save & Publish] button.

You can set up your site's title, tagline and logo (for logo image please install and activate the Jetpack plugin), header images, manage navigational menu locations and widget areas, set up a front and blog page and theme colors.

For this feature you need to have Jetpack plugin installed and activated.

The theme displays a website title (logo) as a text by default. However, you can upload a logo image if you like. For instructions please see the Jetpack documentation page.

Search Engine Optimization and Traffic Tracking

Search Engine Optimization

The theme is coded semantically, with best SEO practices in mind, meaning it is ready to be displayed on top of search results in search engines such as Google.

Please note though, that this is just a basic SEO optimization and you will have to push it further to make the real deal with SEO. For such cases I recommend using Yoast SEO plugin.

You can furthermore integrate support for Schema JSON-LD microformats using a plugin such as Schema or Schema App Structured Data.

Traffic Tracking

Please use a plugin such as Google Analytics for WordPress or Google Analyticator to allow tracking your website with a tool such as Google Analytics.


TIP: How to Install WordPress in Other Languages »

Every WordPress theme contains some texts that need to be translated into your language if you are building a non-English website. This theme if fully translation ready.

To enable your language on your website, please switch WordPress into the desired language localization.

How to Translate the Theme?

Translating using Poedit

  1. Make a copy of the original receptar/languages/receptar.pot file.

  2. You need to rename the copied file now: add hyphen followed with your language code locale, and change file extension to "po". So, the British English file would be named receptar-en_GB.po.

  3. Use Poedit to translate the file and export (save) translation in "mo" file format.

  4. Upload translated file into your WordPress languages directory, into themes folder (such as /wp-content/languages/themes/ - if the themes folder does not exist in your WordPress languages directory, create it).

    REMINDER: When you update the theme, all custom translation files will be deleted from /wp-content/themes/receptar/languages folder. Do not place your custom translation files into that folder!

Translating directly in your WordPress dashboard

If you would like translate the theme directly in your WordPress dashboard you need to use a specialized plugin for that. Please install and activate Loco Translate plugin. For instructions on how to use the plugin please refer to beginner's guide and/or technical overview.

Don't forget to translate your plugins too!

WordPress website is built from WordPress system itself, a theme and plugin(s). There is a very high probability that WordPress system is already translated into your language, so, you don't have to do it on your own. You have also learned how to translate the theme into your language above. But what about plugins and their texts?

If you are lucky, your plugin contains your language localization files already and you don't have to do anything. But if you need to translate the plugin into your language, the best advice is to check the plugin's documentation for instructions (you can check the instructions for WebMan Amplifier plugin localization procedure).

Alternatively you can also use Loco Translate plugin (again) to translate your plugins directly in your WordPress dashboard.

Free themes translation

If you have obtained the theme from themes repository, please translate the theme by clicking the Translate Receptar link in theme page sidebar.

Help us translate the theme :)

If you would like to help out translating the theme, please contribute on WebMan Design Support Center.
If you have translated the theme at repository, you don't have to do anything :)

Theme Modifications and Child Theme Download a sample child theme


Please note that we do not provide support for custom theme modifications!

You are responsible for all the changes you apply to the theme on your website.

If you don't feel comfortable enough coding, please, consider hiring someone who could help.

When and How to Use a Child Theme?

If you need to make any styling or functional changes to the theme, please use the WordPress native child theme functionality. This way you can continue updating the parent (original) Receptar theme without any worry of your changes being overwritten as all your custom styles and functionality are kept in a child theme. You can read more about child themes on WordPress Codex pages.

You can put all your custom CSS styles into YOUR_CHILD_THEME/style.css file. (You can alternatively use Appearance → Customize → Additional CSS for that.)

If you also want to change the functionality of the original Receptar theme, do so in YOUR_CHILD_THEME/functions.php file. You can freely modify any theme function or class method there by hooking onto the specific "pre" filter or unhooking the function altogether (see below for how to use filter and action hooks).

Additional resources

Tips and Tricks Additional tips for the theme

Image Sizes

For the information about what image sizes are declared in the theme and how you should set up the WordPress native image sizes, please navigate to Settings → Media and read the "Recommended image sizes" section.

WordPress will rescale and crop the images to selected formats automatically during the image upload process. If you already have some images on your website, these need to be rescaled when using the theme. Please use a plugin such as Force Regenerate Thumbnails to do the rescaling for you. (Don't forget to run the plugin after its activation under Tools → Force Regenerate Thumbnails!)

The theme uses these image sizes (set Thumbnail, Medium and Large size in your WordPress dashboard manually):

  • Thumbnail 480 × 640 (cropped)
    This image size is used in posts lists.
  • Medium 595 × 9999 (scaled)
    This size actually depends on your website content width setting ($content_width × 0.62).
  • Large 960 × 9999 (scaled)
    This image size is used on single post page as a background for the right side of the screen.
  • Banner 1920 × 640
    This image size is used for images displayed in the front page (and blog page) banner slideshow area.
  • Featured 960 × 640
    Used in single post page on mobile devices only.

WordPress Visual Editor Formats

The theme adds a new Formats button to the visual editor of WordPress posts/pages. Please use this button to create a special elements, such as pullquotes, cite source, inline code, super/sub-scripts, uppercase text, hightlighted (marked) text.

For all the formats please select a text in post/page content first. The format will be applied on this selected text then.
Visual editor Format button

Development: Action and Filter Hooks

This topic is mostly for developers and for those who would like to alter or expand the theme functionality.

The theme is coded according to WordPress coding standards and is full of action hooks and filters. You can easily hook onto these to alter functions outputs or parameters, to add your own meta data, theme or design options, layouts and much more! Please check the theme's source code to see what hook to use, or contact a WebMan Support Forum for more details and tips.

Receptar itself uses the Theme Hook Alliance hooks too. This is useful to entirely rebuild the theme structure or add your own sections anywhere in the theme.

Tutorials on using hooks:


All the action and filter hooks in the theme starts with wmhook_ prefix.

Sources and Credits


  • Default header.jpg, featured.jpg image and images used in screenshot.jpg are provided via
  • Other theme demo images are provided via Foodie's Feed