Navigate to Appearance > Menus<\/strong>.<\/p>\n

Click the \u201eCreate a New Menu\u201c<\/strong> button > Choose a menu name.<\/p>\n

Be sure to check the \u201ePrimary Navigation Menu\u201c box at the bottom of the page.<\/strong><\/p>\n

$\"\"$ On the left side you can choose between adding Pages, Posts, Custom Links or Categories to the menu.<\/p>\n

Pages\/Posts:<\/strong> You can select from previously created pages\/posts, e.g. About or Contact page.<\/p>\n

Custom Links:<\/strong> You can insert custom links from other sites. You can use this option to add a link to your homepage. Enter your homepage\u2019s URL into the box and give it a title, such as \u201eHome\u201c.<\/p>\n

Categories:<\/strong> Here you can create category pages that will automatically display all posts from the desired category.<\/p>\n

Sub Menu:<\/strong> You can create sub menu items by dragging the items below the other menu items. To create an empty parent element, select \u201eCustom Links\u201c and put a \u201e#\u201c into the URL box.<\/p>\n $\"\"$ \n<\/div>\n

Social Media Icons<\/h3>\n
The XO theme comes prepackaged with ten of the most relevant social media icons.<\/p>\n
Navigate to Appearance > Customize > Paris Theme Options<\/strong>.<\/p>\n
In the left menu select \u201eSocial Media Icons\u201c<\/strong>.<\/p>\n
Add your relevant social media Usernames in the input boxes. If you leave a box blank, the particular icon will not appear. Pre existing values in the boxes can easily be deleted. Just type in your relevant username and you’re good to go. Don’t forget to click on Publish!\u00a0<\/strong><\/p>\n $\"\"$ \n
ADD YOUR OWN HEADER<\/h3>\n
You can choose between your blog\u2019s title or adding a custom header image.<\/p>\n
Blog Title as a header: <\/strong><\/p>\n
Navigate to Settings > General<\/strong>.<\/p>\n
Set your blog\u2019s title as Site Title<\/strong>. Additionally you can add a tagline.<\/p>\n $\"\"$ \n
Custom image as header:<\/strong><\/h3>\n
Navigate to Appearance > Customize<\/strong>.<\/p>\n
Select Header Image<\/strong> on the left and click the \u201eAdd new\u201c<\/strong> button to upload a new header image.<\/p>\n $\"\"$ \n
Welcome Section – XO About Widget<\/h3>\n $\"\"$ \n
The XO Theme features a Welcome section right below the slider. It\u2019s a great way to show your readers who\u2019s behind the scenes of your blog.<\/p>\n
Go to Appearance > Widgets<\/strong>. You will see a widget area called Profile Area<\/strong>.<\/p>\n
From the available widets on the left, select XO \u2013 About Widget<\/strong> and drag it into the Profile Area.<\/p>\n $\"\"$ \n
<\/p>\n $\"\"$ \n
You just need to fill in the fields and your welcome widget is ready! If you should find pre existing stuff within the boxes, just delete them and fill in the fields with your own stuff you like to read. Don’t forget to click on Save!<\/strong><\/p>\n
Currently Craving Section – XO Shopping Widget<\/h3>\n $\"\"$ \n
Show your readers your favorite pieces right on the homepage and make your wardrobe ready-to-shop!<\/p>\n
Please note:<\/p>\n
The product carousel widget is a third-party widget from an affiliate network \u2013 it is not built into the theme. You can only use this section with a third-party code!<\/p>\n
First, register for an affiliate network<\/strong> of your choice (see this article for tips and recommendations from us: Affiliate for Fashion and Lifestyle Bloggers: Which network should I choose?).<\/p>\n
Log into your account and follow the steps on their website to create a new widget. You will get a code snippet or a shortcode \u2013 copy it.<\/p>\n
Come back to your WP dashboard.<\/p>\n
Navigate to Appearance > Widgets <\/strong>and drag the XO \u2013 Shop Widget<\/strong> from the left into the section Shop the Edits Area<\/strong>.<\/p>\n $\"\"$ \n
The copied code from your affiliate provider goes into Shopping Widget Code or Shortcode<\/em><\/strong>.<\/p>\n
Optionally, you can add the black button on the right. Add a link to the desired page (e.g. your Shop Page) and the link text that the button should display.<\/p>\n
Important! Add featured Images to your Posts<\/h3>\n
To get the maximum out of your theme we recommend that you always set a featured image<\/strong> to your posts. The homepage layout displays the set image as the preview thumbnail.<\/p>\n $\"\"$ \n
Go to your Post and scroll down till you see on the Featured Image<\/strong> Meta Box on the right hand side and choose the image of your choice.<\/p>\n
<\/h2>\n
Pro Tipp: Display your Instagram Feed<\/h2>\n
XO Theme comes with a \u00a0styled Instagram gallery at several areas like in the footer area and top section. The setup of it\u00a0is super easy, all you need to do is:<\/p>\n
UPDATE SEPTEMBER 2019!! WP INSTANT FEEDS PLUGIN BY MNMLTHMS IS NO LONGER SUPPORTED AND THEREFORE STOPPED WORKING. PLEASE REPLACE PLUGIN WITH FOLLWING:<\/h3>\n
Go<\/strong>\u00a0to<\/strong> Plugins<\/strong> and Add New<\/strong> – search for the ‘Social Photo Feed’ plugin by smash balloon \u00a0and activate it. \u00a0Navigate back to your WP dashboard and locate the plugin on the left hand side menu near bottom => INSTAGRAM FEED. Click on it to start setting up the plugin.<\/p>\n
\n
We’ll start with the configure tab where we will connect the plugin with\u00a0your Instagram account via the Instagram Access Token. This is needed & required by Instagram to authorise the display of your feed on your blog \/ website. \u00a0To generate the access token please visit this site<\/a> and follow the steps to create your access token (long string of numbers and alphabets). Click on the ‘manually connect your account’ button and paste the access token into the required field. Save your progress!<\/li>\n<\/ul>\n
\n
Now we will style the Instagram gallery so it will look exactly like the demo version. For this please click on the customise tab of your plugin (next to configure tab). At the general section the width of the widget is automatically set 100% and you don’t need to do anything further. Leave height blank. Next set the number of images you like to display in your Instagram gallery. Depending on your theme please set a number and also define the number per columns. For example when the number of images is 12 set the number of columns 6 – this is create 2 rows. Also important please leave the ‘padding around images’ blank or zero value. Please tick the box ‘disable mobile layout’\u00a0<\/strong><\/em>in order to make the Instagram widget responsive and mobile friendly! Another important thing is to uncheck all the unnecessary check boxes like header, load more and follow buttons. We want the widget to look slick and minimal. Don’t forget to save your changes.<\/li>\n<\/ul>\n
\n
After we’ve prepared the plugin and set it up correctly we can now integrate the Instagram Feed onto your blog \/ website. Please navigate to APPEARANCE => WIDGETS and drag a Custom HTML widget to the designated widget area you like to display it. Type in your title and copy paste flowing code into the value field: [instagram-feed].\u00a0<\/strong><\/em>Don’t forget to save the changes. Voila your Insta Feed is back online!<\/li>\n<\/ul>\n
EXTRA SOURCE: Since this is a very recent change and not all MPS Themes have been updated yet, please add this little extra code snippet to your ADDITIONAL CSS panel. This is will solve the issue with the ugly gap between widget bottom and footer area. Navigate to APPEARANCE => CUSTOMISE => ADDITIONAL CSS and copy paste following code:<\/p>\n
#sb_instagram #sbi_images {margin-bottom: -60px;}\u00a0<\/strong><\/em><\/div>\n<\/div>\n
As always don’t forget to save your changes!\u00a0This should do the work for the time being.<\/div>\n $\"\"$ \n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Welcome to the installation guide of XO WordPress Theme. XO is a clean and minimalistic theme for fashion and lifestyle bloggers. It features a homepage layout with a Slider, Sticky…<\/p>\n

Pro Tipp: Display your Instagram Feed<\/h2>\nXO Theme comes with a \u00a0styled Instagram gallery at several areas like in the footer area and top section. The setup of it\u00a0is super easy, all you need to do is:<\/p>\n

Pro Tipp: Display your Instagram Feed<\/h2>\n
XO Theme comes with a \u00a0styled Instagram gallery at several areas like in the footer area and top section. The setup of it\u00a0is super easy, all you need to do is:<\/p>\n