Soledad

Multi-Concept Blog/Magazine WP Theme

Thank you for purchasing our theme!

We at PenciDesign are confident that you'll be delighted with Soledad's vast feature options, fast load and clean design.

Please read carefully this file for any questions or issues you may be experiencing-- it's likely you'll find the answer to your query here.

Interested in keeping up to date with PenciDesign's future projects and releases? Follow us on Themeforest, Twitter and Facebook.

Thanks so much!

If you downloaded "All files and documentation" from themeforest, please extract the zipped package downloaded from ThemeForest to your desktop. In the extracted package you will find soledad.zip which is the WordPress theme file.

If you downloaded "Installable WordPress file only" from themeforest, you just need use this file for your installation.

You can install the theme one of two ways:

  • WordPress Login to your admin page, navigate to Apperance > Add New Themes > Upload page. Select the soledad.zip file.
    Press the Install Now button to upload and install the theme.

  • FTP Extract the soledad.zip file and upload the extracted folder to the /wp-content/themes/ folder on your server.

After uploading the theme, you must activate it. Navigate to the Appearence > Themes page to activate the theme.

How to import a demo?

Check the video tutorial below to know how to import a demo. Note that: Please read the notes inside Import Demo Page showing on the video to select import in the right way.

How to change your site to another demo style?

To do that, please do following steps:

1)Go to Appearance > Import Demo Data > and Uninstall the demo you've installed before.

2) Import demo style or full demo content as you want.

After switch to another demo, may you need to select again your main navigation. Let's go to Appearance > Menus > create/select a menu > scroll down to bottom > and check to "Primary Menu"

Homepage Layout

Soledad is a powerful WordPress theme, and you can configure the Homepage by using one in 3 ways below:

WAY 1: Config Homepage By use Elementor Plugin ( Recommended ):

WAY 2: Config Homepage Magazine by use Customize:

Note: To config homepage by use this way, please go to Dashboard > Settings > Reading and make sure your config look like this image first.



WAY 3: Config Homepage Magazine Layout by use WPBakery Page Builder ( previous name is Visual Composer )

This theme also supports you can config your homepage by use Visual Composer. See the section Visual Composer & Slider Revolution" on the left side to know how to get Visual Composer.

When you installed Visual Composer, you can config it like normal on a page - But you need to select page template for that page is "Page Full Width" or "Page VC builder with sidebar" or "Page VC builder no sidebar"

Custom Number Posts to Show & Achive Pages:

If you want to change layout for categories page, search page, tag page, archive page, author page... you can go to Appearance > Customize > General Options > Category, Tag, Search, Archive Layout

If you're using Customizer to Customize your homepage, and you would like to adjust the amount of posts shown per page Homepage, you can go to admin > Appearance > Customize > Homepage Options > Custom Amount of Posts Shown Per Page on Homepage and change the number to value you wanted.

If you would like to adjust the amount of posts shown per page on Archive page (category page, search page, tag page...),you can go to Settings > Reading > Blog pages show at most and change the number to the value as you desired.


We've included WPBakery Page Builder & Slider Revolution in download package from Themeforest ( All files and documentation download ). You can go do download page and re-download "All files and documentation".

If you want to use WPBakery Page Builder & Slider Revolution, please dowload package "All files and documentation" from Themeforest and extract it. After that, open it and go to plugins folder - you will see the wpbakery_page_builder.zip file & revolution slider folder of that plugins.

Please note that you can use this plugins without active license key And we don't provide any license key to activate license key for WPBakery Page Builder & Slider Revolution.
We've bought extended license from WPBakery Page Builder & Slider Revolution so you can use it legal.
When we updated Soledad theme, you can re-download package "All files and documentation" and get latest version from WPBakery Page Builder & Slider Revolution

From version 5.0, Soledad theme supports AMP for your site.

We've included Penci Soledad AMP plugin in download package from Themeforest ( All files and documentation download ). You can go do download page and re-download "All files and documentation".

After that, extract this download package and open the folder. You can see plugin penci-soledad-amp.zip in plugins folder

Please deactivate all other AMP plugins you have first. Because this plugin supports for you full AMP

Let's install this plugin. When you done, go to Appearance > Customizer AMP and custom your AMP

Note that: AMP pages doesn't supports display category mega menu, so, please go to Appearance > Menus > create a new menu for your AMP ( which don't use category mega menu ) > scroll down and check to "AMP Menu".

How to setup Google Adsense code for AMP?:

Note: If you're using Google Adsense Auto Ads on AMP - let's ignore the guide for ads below.

If you're using normal Google Adsense ( not Google Adsense Auto Ads ) - please go to Appearance > Customizer AMP > Homepage Options and check to Disable auto ads.

On AMP, we can't use google adsense codes like normal because AMP use the different way to display google adsense, so you need to modify the google adsense codes to use it the right way on AMP.

Normal Google Adsense codes will look like this:


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle center top-ad"
style="display:block"
data-ad-client="ca-pub-1234667890"
data-ad-slot="1234567890"></ins>
<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
</script>


You need to copy data-ad-client and data-ad-slot on the above codes:

ca-pub-1234667890
1234567890

And put it to data-ad-client and data-ad-slot of this google adsense codes for AMP - like this:


<amp-ad width="300" height="250"
type="adsense"
data-ad-client="ca-pub-1234567890"
data-ad-slot="1234567890"></amp-ad>


When you done, use the codes above to options for AMP google adsense codes

Soledad comes with 6 different post formats: Standard, Video, Gallery, Music Posts, Quote and Link.
We're using plugin Vafpress Post Formats UI to help you create different posts format. You can install this plugin via Appearance > Install Plugins. After install this plugin, you will see post format tabs above the post title when you edit/ add new a post.
When you write a new post, you need to choose what format your post is and insert the necessary info.

We provide for you multiple layouts to change so you can tailor the look of your post. Please go to Appearance > Customize you can see options for Standard & Classic Post Layout and Other Post Layout. You can hide/show, customize different elements on the post page..

For customzing Single Post, you can go to Appearance > Customize > Single Options to show/hide and customize elements on a single post page.

For get the best result, you should set a featured image for each post and select featured images for your posts with at least 1170px width and 780px height.

To create a "Continue Reading" button on Standard or Classic layout, you can go to Customize > Standard & Classic Layouts Options > check to "Auto Render Post Excerpt" or use More element to create Read More - check image below:

Click to images to see larger image

On each single post page, you can see an Author Box ( Author Bio )

Click to images to see larger image

Here is the way to setup this author box:

  1. Login to the author account you want to setup.
  2. See on the top right of screen "Howdy, ..." - hover mouse on it and click to "Edit My Profile"

    Click to images to see larger image

  3. Scroll down and you will see options for author box.

    Click to images to see larger image

  4. By default, the avatar of author box will get from https://gravatar.com/ - It's global avatar based on your email.
    If you don't want to use Gravatar, you can use plugin Simple Local Avatars to make an avatar - Let's use square images ( size about 200 x 200px ) to get best result when you use this plugin.

You can go to Appearance > Customize > Page Options to check options for your Pages.

If you want to display sidebar/ no sidebar for a special page - You can select page template for that page is "Page With Sidebar" or "Page No Sidebar". Check the detail on the image below.

If you want to make a blog page which displays all latest posts, please go to Pages > Add New > Add new a page and choose Template for it is "Custom Blog Page". The "Custom Blog Page" will follow the layout on Customize > General Options > Category, Tag, Search, Archive Layout

Also, when you edit a page, you can scroll down and use more page options there.

Click to images to see larger image

To setup your Mailchimp sign-up form, please do following steps:

  1. First of all, you need to set up your mailchimp, please read this guide to know how to set up Mailchimp for WordPress: https://kb.mc4wp.com/
  2. When you create form, please use the following mark-up and paste it to your form:
    
    <p class="mdes">Subscribe my Newsletter for new blog posts, tips & new photos. Let's stay updated!</p>
    <p class="mname"><input type="text" name="NAME" placeholder="Name..." /></p>
    <p class="memail"><input type="email" id="mc4wp_email" name="EMAIL" placeholder="Email..." required /></p>
    <p class="msubmit"><input type="submit" value="Subscribe" /></p>
    									

    Click to images to see larger image

  3. Select a list for your subscrible in your lists

    Click to images to see larger image

  4. If you want to put Sign-Up Form on your Header ( below the slider ), you can drag & drop widget Mailchimp SignUp Form to sidebar Header Sign-Up Form
    If you want to put Sign-Up Form on your Footer, you can drag & drop widget Mailchimp SignUp Form to sidebar Footer Sign-Up Form

Soledad use plugin Contact Form 7 to help you create a contact form.

After installed this plugin, go to Contact > Contact Forms > Add New/ Edit a Contact Form and use the following this mark-up and paste it to your form:


<p class="name">[text* your-name placeholder "Name*"]</p>
<p class="email">[email* your-email placeholder "Email*"]</p>
<p class="subject">[text your-subject placeholder "Subject"]</p>
<p class="message">[textarea* your-message placeholder "Your Message"]</p>
<p class="submit">[submit "Submit"]</p>
							

When you done, use Contact Form 7 shortcode and paste to your posts/pages - where you want to display contact form.

Click to images to see larger image

Soledad uses the default WordPress Post Thumbnails function. You can upload one featured image to a post and WordPress will automatically resize it to all of the various thumbnail sizes used throughout the theme.

To set a post thumbnail for your post, go to Posts > Add New/Edit Post > Set Featured Image
The normal upload box will now appear. Upload your image and click "Use as featured image". Now simply close the box.

Click to images to see larger image

To get the best results, you should use images for your featured images with at least 1170px width and 780px height.

You can use this website to crop/resize your images before upload it to your site: http://www.picresize.com/batch.php

To use Portfolio function, you need to install plugin Penci Portfolio. You can go to Appearance > Install Plugins > Install & Active this plugin

If you're using Elementor or WPBakery Page Builder, you can use element Penci Portfolio to create a portfolio page.

We provide for you portfolio shortcode also, you can see Select shortcode button on your editor tool on Add New/Edit Page( for Classic Editor ). Full portfolio shortcode look like this:


[portfolio image_type="landscape" style="masonry" lightbox="false" pagination="number" cat="" number="12" filter="true" column="3" all_text="All" /]
							
  • image_type: is image type of portfolio. You can select to display Landscape, Square, Vertical. Select between 3 values: "landscape", "square" or "vertical". This attr just apply for Style "Grid" only.
  • style: is portfolio style. Select between 2 values: "masonry" or "grid".
  • lightbox: enable lightbox when click on images. Select between 2 values: "false" or "true". Fill true if you want to enable it.
  • pagination: is pagination style. Select between 3 values: "number" or "load_more" or "infinite".
  • cat: If you want display projects within a portfolio category or some portfolio categories, then you can fill here slugs of that portfolio categories. Example: cat='slug-1, slug-2, slug-3'. Check this image to know what's portfolio category slug.
  • number: is the number of portfolio articles you want to display. If you want to display all of them, let fill "-1".
  • filter: value is "true" or "false". If the value is true, filter categories will display and if the value is false, filter categories will be hidden.
  • column: is the number of columns you want to display on your portfolio layout, the value can be "2" or "3". Default value is "3".
  • all_text: Change text "All" on filter categories of portfolio

Note: In some cases, the permalink doesn't update for portfolio. If you view a portfolio and got a 404 error, please go to admin page > Settings > Permalink > click to "Save Changes" again to update the permalink.

Check this video tutorial to know how to config your portfolio:

Soledad theme allows you to translate the theme into any language. To translate the theme, please choose one of two ways:

  • Quick Translation via Customize

    Soledad allows you translation text online in customizer. Go to Appearance > Customize > Quick Text Translation translate all text to the text you want. If your site is multiple languages ( use WPML or Polylang ), you can use shortcode "[pencilang]" to translate it.

    
    [pencilang en_US='Share' fr_FR='Partager' language_code='Your language text' /]
    									

    In the shortcode above, en_US & fr_FR is the languages code. You can see the languages code here


    Click to images to see larger image

  • Translation with POEdit

    1. Download and install POEdit translation editor (https://poedit.net/)
    2. Go to the theme translation folder (/wp-content/themes/soledad/languages/)
    3. Make a copy of the file “xx_XX.po” and rename the file to the locale of your language. For example, German would be de_DE.po. See language code list here. http://codex.wordpress.org/WordPress_in_Your_Language
    4. Open POEdit and load the file. (i.e de_DE.po), and set your language first
    5. Translate all the strings in the list and save changes. After you save, you will have two files. (i.e. de_DE.po and de_DE.mo)
    6. Upload these files to /wp-content/themes/soledad/languages/
    7. For WordPress 4.0 and above, go to Settings > General and select Site Language
    8. For WordPress 3.9.2 and below, open your wp_config.php file in the root, and find this line: define('WPLANG', ''); Change it into your language code. For example, define('WPLANG', 'de_DE');
    9. Save a backup of these files somewhere safe. If you upgrade the theme from WordPress admin, the language files will have to be re-uploaded.

If you sharing a posts/pages on social media ( Facebook, Twitter,... ) and got the featured images doesn't display or doesn't display correct image. Please do following steps:

  1. Install & activate plugin Yoast SEO
  2. After that, go to admin page > SEO > Social > click to "Facebook" tab and make sure "Add Open Graph meta data" is enable - click to "Twitter" tab and make sure "Add Twitter card meta data" is enable.
  3. You also can config sharing on facebook for your front-page and default on Facebook tab
  4. After done, click "Save Changes" and wait some days for Facebook can update it ;)

Again, thank you for purchasing Soledad!

We take great pride in creating solid themes and strongly believe in robust customer service practices. If you have a question that neither this documentation file nor ThemeForest's forums can resolve, drop us a line and we'll do our very best to assist you.


Take care!

The PenciDesign Team