Hello.
Thanks for purchasing Robin!
1. Introduction
Thank you for purchasing Robin. This document includes the necessary information about using it.

Please do share any thoughts or comments with us. We'd like to hear from you!

If you need help, please do not hesitate to ask us. We'll be ready to reply you on our ThemeForest comments page.

Follow us on ThemeForest, Facebook or Twitter to keep in touch!
2. Installation
Extract the zipped package that you downloaded from ThemeForest. You'll find a file named "robin.zip" in "Theme" folder. Now there are 2 ways to start using it:

1) Extract the "robin.zip" file and upload the extracted folder to the ".../wp-content/themes/" folder on your server.

2) On WordPress admin panel, go to "Appearance > Themes" and click the "Add New" button at the top of the page. Then click "Upload Theme" button. Pick "robin.zip" file and click "Install Now" button.

After uploading the theme, you need to activate it. Go to "Appearence > Themes" page and click Robin's "Activate" button. And you're done.

If you face any problem, please visit ThemeForest Knowledgebase to learn how to install a WordPress theme.
3. Demo Content Instructions
Visit this link for the demo site content.

Before importing the content, please watch out these:
  • Use WordPress Reset to clean the database and import the data from scratch if needed. After that, don't forget to pick Robin from "Appearance > Themes" to see the theme.
  • Please ensure that you've installed and activated all of the plugins before importing the data.
Now follow the steps below to import the demo content:
  1. Navigate to "Tools > Import".
  2. Click WordPress.
  3. Click Browse and point the xml file you've downloaded.
  4. Click Upload file and import and wait.
  5. When the page refreshes, assign authors from the drop downs, check Download and import file attachments and click Submit. You're done when the process is finished.
By the way, don't forget to set the menu locations to see the menus properly. To do this, navigate to "Appearance > Menus", select the menu you want to show and check one of the location checkboxes. Demo settings are like that:

(Menu Name : Menu Location)
toPrimary : Primary Menu
toHeader : Header Menu

Copyright Notice: All the images/photographs used in our demo site and all the rights of them belong to their creators/owners.
4. Menus
Robin has 2 locations for a menu: Primary Menu and Header Menu.

For menu setup, go to "Appearance > Menus" page. Choose your items you want to show in menu from the left side. Don't forget to check "Primary Menu" or "Header Menu" box to see your menu in correct place. And finally click "Save Menu" button to get it done.

You don't have to use all of the locations. You can show/hide your "Header Menu" location from your customizer at any time.

To read more about WordPress Menus: WordPress Menu User Guide
5. Home
Robin comes with "1 Columns + Sidebar" layout option. If you don't see the sidebar, ensure that you have active widgets on "Appearance > Widgets" page. If not, you can add widgets by drag & drop function to your sidebar.

You can choose your layout on your customizer. Please navigate to "Appearance > Customize > 7. Layout Options" and see what's available over there.
6. Theme Customizer
Robin has a very well organized customizer which almost is a user guide itself. It uses the native customizer of WordPress. So navigate to "Appearance > Customize" and start to personalize your theme!

Here is a full list of setting sections:
  1. Featured Image Settings
    1. Featured Image Width
    2. Featured Image Height
    3. Thumbnail Image Width
    4. Thumbnail Image Height
    5. Home Thumbnail Options
  2. Font Settings
    1. Primary Font
    2. Secondary Font
    3. Tertiary Font
  3. Site Background
    1. Background Color
    2. Background Image
    3. Background Repeat Options
  4. Header
    1. Logo Text
    2. Logo Font
    3. Logo Font Size
    4. Logo Text Color
    5. Logo Image
    6. Sticky Logo Image
    7. Menu Position
    8. Menu Container Width
    9. Menu Container Height
    10. Menu Container Left Padding
    11. Menu Container Right Padding
    12. Trigger Mobile Menu
    13. Logo Position
    14. Logo Height
    15. Logo Top Padding
    16. Logo Right Padding
    17. Logo Bottom Padding
    18. Sticky Header
    19. Top Line Container Width
    20. Tagline Options
    21. Spot Messages
    22. Show/Hide
  5. Slider Settings
    1. Slide Image Width
    2. Slide Image Height
    3. Slider Position & View
    4. Shortcode
    5. Blog Posts in Slider
    6. Home View Options
    7. Mobile Settings
    8. Control Settings
    9. Page Bullets Position
    10. Autoplay Duration
    11. Transition Effect
    12. Show/Hide & Other Options
  6. Sidebar, Upper & Home Widgets
    1. Upper Widget Columns
    2. Home Widget Columns
  7. Layout Options
    1. Container Width
    2. Home Display Options
    3. Archive Display Options
    4. Listing Style Options
    5. Listing Style Heights
    6. Sidebar Options
  8. Post Format: Standard
    1. Featured Image Options
    2. Colors
  9. Post Format: Gallery
    1. Featured Image Options
    2. Gallery Position
    3. Gallery Slider Settings
    4. Colors
  10. Post Format: Video
    1. Featured Image Options
    2. Colors
  11. Related Posts
  12. Footer
    1. Container Width
    2. Widget Columns
    3. Copyright Text
  13. Show/Hide Elements
    1. Prev/Next Post Button Options
    2. Change * Symbol
  14. Social Accounts
  15. Google Maps
  16. Translation
    1. Site Language
    2. Wording
  17. Custom CSS
7. Layout Options
Robin has 7 layout options:
  • 1 Column
  • 1 Column + Sidebar
  • 2 Columns
  • 2 Columns + Sidebar
  • (1 + 2) Columns + Sidebar
  • 3 Colums
  • (2 + 3) Colums
And the fullwidth versions of them. They're really fullwidth. We mean it!

You can set archive pages layout separately. By the way, you can also decide if the post pages or single pages will have a sidebar or not.

Ah, you want to hide sidebar for gallery posts only? It's just as far as one little tiny click too.
8. Post Formats
Robin supports 5 post formats: Standard, Gallery, Video, Aside and Link.

On "Posts > Add New" page, choose your post format from the right side of the panel and then place your content naturally.

By the way, no worries about formatting the content. Robin is compatible with WordPress native content window and will do everything automatically. For example, if you want to add a gallery, just do it by "Add Media > Create Gallery" in classic way. Then when you have a look at your site, you'll see that the gallery you just added is shaped very well in a slider!*

*Ensure "Instead of Featured Image" or "Both" option is selected under "10.2. Gallery Position" on customizer.
9. Featured Images
One of the most powerful features of Robin is letting you to set up the "Featured Image" dimensions. By default, all of the images are resized to 1200 px width and not cropped from height. Change these settings as you wish.

We recommend you to increase the width value if you prefer to use "Fullwidth" layout option to enjoy the high-res images.

Note that these settings will be applied to newly added images only!
10. Widgets
Robin has 12 custom widgets and 7 widget areas: Sidebar - Home, Sidebar - Archive, Sidebar - Page, Sidebar - Post, Upper Widgets, Home Widgets and Footer Widgets. You can place any of your widgets in anywhere you want.

Popular Posts Widget: Some posts are crowded ha? This widget will find and display them.
Recent Posts Widget: Display a couple or two of your latest posts.
Selected Posts Widget: Display the posts you've selected. Very useful for the posts you want to put forward.
Category/Tag Posts Widget: Display the posts belong to a specific category or tag.
Post Widget: Maybe you want some special attention for one of your posts. Use this!
Recent Comments Widget: Display the latest comments your visitors have dropped.
Image Widget: Go ahead and place a nice image with a title and text. You can link it to anywhere too.
Search Widget: You can search for anything on your site. Can you believe it? :)
Social Widget: Place your social account icons in a sleek list.
Find us on Facebook Widget: Show your Facebook page's lovers.
Ads Widget: A widget for your Ads. Just place your code and you're done.
Empty Space Widget: Just place an empty space between your widgets if you wish. It's very handy!

Please ensure that you've installed and activated all of the recommended plugins.
11. Slider
Robin has its own slider plugin. Follow the steps below to start using it!

Firstly, you need to install the "New Robin Slider" plugin. You'll already realize the "This theme recommends the following plugin: New Robin Slider." notice when you activate Robin theme.
  1. Click "Begin installing plugin".
  2. Click "Install" under the "New Robin Slider" title.
    The "Install" button will appear when you rollover the title.
  3. When you see the "Return to Required Plugins Installer" link appeared, it means you're done! But don't forget to activate the plugin.

    You'll realize that a button named "New Robin Slider" is placed on your admin panel menu now. If you can't see it, just click to "Dashboard" or somewhere else to refresh the view.
After installing & activating the slider plugin, just navigate to "Appearance > Customize > 5. Slider Settings > 5.5. Blog Posts in Slider" and check "Show Blog Posts in Slider" to see it. OR, you can create your own slides.

Now, let's create our first slide:
  1. Click "New Robin Slider > Add New Slide".
  2. If you wish, you can directly insert a post into your slider by selecting it from the "Post Direction" drop down. After selecting it, you can override its properties (Title, Slide Image etc.) too.
  3. To create a brand new slide, just do not select a post and fill in the other fields (Title, URL etc.).
  4. Don't forget that you should use the same group name for the slides/posts you want to see in the same slider. (It's the same procedure with tagging a blog post.)
  5. Click "Publish" and your slide is ready!
You can repeat the steps above to create all the slides you want. Now it's time to place our slider to the site:
  1. Navigate to "Appearance > Customize > 5. Slider Settings".
  2. Place this code to the "5.4. Slider Shortcode" box: [new_robinslider group="your_group"]
    Don't forget to replace the your_group part with your own group name.
That's all!

Using "Fullwidth" Option for Slider
When you choose "Fullwidth" for slider, it makes the container fullwidth, not the image. So, you should try to upload a bigger image or use a plugin like Regenerate Thumbnails to resize the uploaded images if they're already big enough.

By the way, don't forget to set a high image width for slider. Navigate to "Appearance > Customize > 5.1. Slide Image Width" and you'll find the necessary information there. You should upload your images into the media library (or use Regenerate Thumbnails) AFTER you set the slide width value. So the process ordering is like that:
  1. Set the slide image width. (5.1. Slide Image Width)
  2. Choose "Fullwidth" option for slider. (5.3. Slider Position & View)
  3. Upload your images into the media library.
  4. Create your slides.
And you're done.
12. Fonts
All of the Google Fonts are included in Robin.

Navigate to "Appearance > Customize > 2. Font Settings" and choose the ones you wish.

13. Translation
Translation is extremely easy with Robin. Just go to "Appearance > Customize" on WordPress admin panel, find "16. Translation" section and start to translate!

If you wish, you can still use the .pot file for your translations.
14. Sources & Copyrights
All the images/photographs used in our demo site and all the rights of them belong to their creators/owners.
We hope you'll love Robin and its features. Again, don't hesitate to share any thoughts, ideas, comments or requests with us. We're here to help you and to make your Robin experience better.

Talk to you soon!

Burnhambox