Welcome

Thanks for buying the Oblique Blog Wordpress theme!
In this documentation you can find instructions for how to install and setup the theme. If you have any questions that are not answered in this documentation, feel free to mail your question to support@lucversleijen.nl.

1. Installation

If you don't have wordpress installed on your server, please  visit http://codex.wordpress.org/Installing_WordPress and follow these instructions.

1.1. Upload the theme.

There are two options to install the theme in your wordpress installation.

1.1.1. FTP Upload

You can add a new theme by uploading it directly to your server, follow these basic steps:

  • Find the Oblique_v1_0.zip file and unzip it in a directory.
  • Using an FTP client to access your host web server, upload the "Oblique" folder in the wp-content/themes directory.

1.1.2. Manual upload

You can upload your theme directly in the Wordpress CMS, follow these basic steps:

  • Log in to the WordPress Administration Panels.
  • Select the Appearance panel, then Themes.
  • Select Add New.
  • Click on the upload link in the top links row to upload a zipped copy of a Theme that you have previously downloaded to your machine.
When you have uploaded the theme, go to "Appearance > Themes" and activate the "Oblique" theme.

1.2. Plugins

After you have installed the theme, you will see a notification that asks you to install and activate a couple of plugins that are required for the theme. If you don't already have these plugins installed, press "Begin installing plugins".

Congratulations, you have just installed the Oblique theme!

2. Setup

2.1. Demo content (Optional)

You can start with a fresh install, but if you need some content to test the theme, we have provided a demo file that creates a couple of posts and pages to get you started with the theme.

To install the demo content go to Tools > Import and choose “Wordpress”,
(if you don't have the importer installed, it will automatically install the Importer plugin.)

Next,¬† upload the file “demo.xml” that you can find in the demo folder and wordpress will insert the demo posts and page in your wordpress site.

2.1. Permalink structure

Click Settings > Permalinks. Under ‘Common Settings' and select ‘Post Name'

2.2. Number of posts

To change the maximum number of posts displayed in de slideshow go to "Settings > Reading" and change the setting "Blog pages show at most"

2.3. Menu

To set the menu's up go to "Appearance > Menu's" and click "create a new menu"

Once the menu has been created, set the "Theme location" on "primary location" and click on "Save menu"

Your menu is now saved, and you can add or remove new items to it!

2.4. Post Formats

You can change the way posts are displayed on the archive pages, and the front page by assigning a post format..

  • If you choose a video format, the video will be placed on top of the post/page.
  • If you choose a gallery, or image format the post will images or the gallery above the content text.
  • If you choose the quote, or link format, the quote or link will be displayed on top of the featured image..

3. Theme Customization

The theme uses the wordpress customize interface to help change the basic look of your theme. To access the customize screen go to "Appearance > Customize".

Wordpress will now show your site with a sidebar on the left with all the customization options. As soon as you change an option here you will get a live preview of your site on the right side.

If you want to keep these changes be sure to click "Save & Publish" before you close the customizer.

3.1. Logo

In this tab you can upload your own logo.

The retina logo is used to make your logo look sharp and clean on tablets and devices that have retina displays

In the retina logo option you should upload a logo that is exactly twice as big as your original logo.

3.2. Header

In this tab you can change how the header and the menu are displayed on the site.

You can also set a background image or colour for the header. If you use a colored background, you can set the transparancy of the background aswell

3.3. Theme Colors

In this tab you can change the colors of the theme

The theme uses a blue/orange color scheme by default. You can change the colors by using the color picker.

If you ever want to go back to the original color scheme, simply click default

(This option doesn't have a live preview, in order to see the changes you need to click "Save & Publish" and refresh the site manually.)

3.3. Typography (Google Fonts)

If you have installed the "Easy Google Fonts" plugin, you can use these settings to change the font that is used for the headers, and paragraphs in the theme.

3.4. Layout

In this tab you change the layout of the theme. There are 3 different options:

  • Full Width: The site will use the entire space of the browser
  • Full Width + Sidebars: The site will use the entire space of the browser, but it will also show the sidebar and menu on the left and right side of the content.
  • Boxed: The site will use the fixed width, that you have entered in the "Site Width" input box
  • This tab also includes the option to change the content of the welcome text block on the home page, and change its position or turn it completely off

    Lastly, you can set the default header and featured images that will be used if you don't add a featured image to your post.

3.5. Footer Content

In this tab you can add content to the footer bar.

You can place pretty much any content here. In this example we have added social links, with font awesome icons to the footer bar.

3.6. Site Title & Tagline

In this tab you can change your site title and tagline.

4. Shortcodes & Styles

Oblique comes with a few usefull shortcodes and editor styles that allow you to enhance your content.

4.1. Styles

You can use the styles by making a selection of the text and clicking on one of the buttons or the styles.

4.2. Shortcodes

You can use the shortcodes by adding the tags to your posts.

4.2.1. F.A.Q Toggle

Add to following code to add a F.A.Q toggle to your posts:

[faq question=" FAQ QUESTION "] FAQ ANSWER [/faq]

4.2.2, Icon & Icon Links

Add to following code to add an icon your posts

[fa-icon icon="download" size="100" color="#000"]

Add to following code to add an icon link to your posts

[icon_link icon="apple" url=" WEBSITE-URL " size="50"]

The icons make use of the Font Awesome library, in the "icon" field you need to enter the name of the icon.

You can check out all the icons that you can use on this page: http://fontawesome.io/icons/

4.2.3. Button

Add to following code to add a button your posts:

[btn url="#"] BUTTON-NAME [/btn]

4.2.4. Divider

Add to following code to add a divider your posts:

[divider]

4.2.5. Gallery

If you insert a gallery, make sure to change the Link to setting to Media File.

5. Credits

The following plugins/frameworks have been used in this theme:

  1. Underscores starter theme - http://underscores.me/
  2. Regenerate Thumbnails - http://wordpress.org/plugins/regenerate-thumbnails/
  3. Contact Form 7 - http://wordpress.org/plugins/contact-form-7/
  4. Column shortcodes - http://wordpress.org/plugins/column-shortcodes/
  5. jquery.lightbox.js - http://github.com/duncanmcdougall/Responsive-Lightbox
  6. Stock images from http://unsplash.com/ and http://www.gratisography.com/
© LV Themes