Silvera (Doc)

Silvera

  • 0. General information - top

    Theme demo:  http://silvera-demo.wdvillage.com

    Thanks for purchasing Silvera - responsive WordPress 5.0.x and Gutenberg Compatible WordPress theme. Please, read this documentation before you get started. In this documentation, you can find how you can customize the theme. If you have any questions, please contact us on email.

    • 1. Installing - top

      • 1.1 Install WordPress - top

        To install Silver Blog theme you must have WordPress installed. If do not - you can follow the instructions in Wordpress Codex.

      • 1.2 Install theme - top

        Install Silvera theme by using "WordPress Theme Manager".

        At first, you need download the package with theme from Themeforest. You can find silvera.zip in this package. After that you can install Silvera theme by using "WordPress Theme Manager". You need to do next:

        • Go to admin panel and after that go to "Apperance -> Themes" and press "Add New"
        • After that press "Upload Theme"
        • Choose the Silvera theme zip file (silvera.zip) that you can find in package that you downloaded from ThemeForest and upload it
        • Press "Install Now"
        • Now you can find Silvera theme in tab "Themes" and activate it
        Install Silver Blog theme by using FTP upload.

        You can unzip archive silvera.zip and place this folder called silvera to /wp-content/themes/ folder in your WordPress folder on your server. You can use any FTP software also, for example FileZilla.

      • After activated 'Silvera' theme you can install recommended plugins (you will get message in the top of page).

        There are next recommending plugins for theme 'Silvera':

        • Plugin ‘Contact Form 7’ - for showing contact form on contact page (you need install this plugin before add demo content too).
        • Plugin 'WDV About Me Widget' - With this plugin you can add 'WDV About Me Widget' widget to your theme. You can add you data or your firm data. You can add image, description, link, contact information, social links.
        • Plugin 'One Click Demo Import' - use this plugin for installing demo content on your site.
        • Plugin 'Regenerate Thumbnails' - use this plugin after adding pictures on your site.
        • Plugin 'Instagram Slider and Carousel Plus Widget' - Easy to display your instagram photo in Grid, slider, carousel and widget. Also work with Gutenberg shortcode block.
        • Plugin 'Trending/Popular Post Slider and Widget' - Show Trending/Popular post in page and sidebar with slider/Grid block with different designs. Also work with Gutenberg shortcode block.
        • Plugin 'Sassy Social Share' - Slickest, Simplest and Optimized Share buttons. Facebook, Twitter, Reddit, Pinterest, WhatsApp and over 100 more
        • Plugin 'Social Icons Widget by WPZOOM' - Social Icons Widget & Block to display links to social media networks websites.
        • Plugin 'Meks Easy Ads Widget' - display unlimited number of ads inside your WordPress widget.
    • 2. Demo content - top

      • 2.1 Importing demo content - top

        For importing demo content for your site you must go to ‘Appearance’->’Import Demo Data’ and press button ’Import Demo Data’. You must wait then data will be loaded.

        Now you can see demo content on your site.

      • You can find how to add menu here.

    • 3. Customize theme - top

      Silvera theme is using the Theme Customization API for customizing theme options. To customize this theme you must open customizer. Please, press "Customize". Now you can see that theme options you can customize.

      • 4. Customize theme – About “Silvera” - top

        In the section 'About "Silvera"' you can find links to Silvera theme demo and to documentation for Silvera theme.

        • 5. Customize theme – Site Identity - top

          In the section 'Site Identity' you can write site name and site description. You can load site icon that your visitors will see in browser. You can load your site logo and change it size.

          • 6. Customize theme – Header options - top

            In the section "Header options" you can download the header image (in chapter  'Header image') and to choose which header will be displayed on different pages (in chapter 'Header settings').

            • 6.1 Header settings - top

              In chapter  'Header settings' you can choose which header will be displayed on different pages. You can select different the type of header for each of the 4 types of pages:

              • Front page (home page)
              • Pages
              • Posts
              • Other kind of pages (archive, search result and more)

              There are 3 types of header:

              • Site title, site description and logo are centered and there is header image (Text color will be white if there is header image)
              • Site title, site description and logo are centered and there is not header image
              • Site title, site description and logo are aligned left and there is not header image (In this case, there widget area in header and you can add widgets here)
              For example:

              For front page (home page) - you can select  to place header text and logo in "Center (Show header image)"

              For all static pages -  you can select  to place header text and logo in "Center (Do not show header image)"

              For pages with posts -  you can select  to place header text and logo in " Left (Do not show header image)". If you do not place any widget to header

              If you place any widget to header

              For other kind of pages (archive, search result and more) -  you can select  to place header text and logo in " Center (Show header image)"

            • 6.2 Header image - top

              In chapter  'Header image' you can download the header image. By default, the header image height is 600px. You can change the height of the header image (Max value 600px, min value 130px).

              If you want to change the height of the header image, you must do the following:

              • You have to choose the height of the header image - for example 400px
              • Press 'Save & Publish'
              • Then refresh the page
              • Open Header options again
              • Now you should see that the header image height have changed to the height of the header that you have chosen
              • Now you can download the header image with height what you have chosen
          • Silver Blog theme supports one menu. You can make new menu in customizer (You can also edit the menu in section 'Appearance -> Menus'):

            • Press 'Add a menu'
            • Write your menu name and press 'Create Menu'
            • Add items to your menu
            • Select menu location - 'Primary Menu' and save changes

            Now your menu is working (also you can see a small animation to the menu.

            • In the chapter “Featured slider is showing posts” you can choose what posts you want to displayed on front page (home page). In the chapter “ Featured slider is showing pages” you can choose what pages you want to displayed on front page (home page). Featured slider will show featured image that you place to your post or page. You can download any other image  instead of featured image. The recommended image size is 1300 x 470px - this size have featured image that will shown in slider. But if you will download new image for every post or page - you can use image with other height, but height must be the same for all images.

              In the chapter “Featured slider settings” you can change featured slider options.

              • In chapter  ‘Featured slider is showing posts’ you can choose what posts you want to displayed on front page (home page). Also, here you can choose where will be the featured slider - in header, or directly on the page.

                If you choose option 'Check to enable featured slider that showing posts on header' - slider will be located in the header.

                If you choose option 'Check to enable featured slider that showing posts on home page and front page' - slider will be located directly on the page.

                In order for you to see the featured slider on the page, you must choose which posts  you want to show in slider. You can add to slider from one to five posts.

                Featured slider will show featured image that you place to your post or page. You can download any other image  instead of featured image. The recommended image size is 1300 x 470px – this size have featured image that will shown in slider. But if you will download new image for every post or page – you can use image with other height, but height must be the same for all images.

              • In the chapter  ‘Featured slider is showing pages’, there are the same options as in chapter  ‘8.1 Featured slider is showing posts’. Only you have to choose which pages you want to display in the slider instead of selecting posts.

              • In the chapter “Featured slider settings” you can change featured slider options:

                • You can select the type of slider
                • You can select the featured slider placement (if the featured slider is in the header of page) - You can place slider before main menu or you can place slider after main menu
                • You can change slider text area options - text background in slider can be black with transparency, can have main color, can be white with transparency or can be white
                • You can select how many characters will be shown in the announcement of post or page in featured slider or tell do not show the announcement of post or page in featured slider or do not show button 'Continue Reading'
            • 9. Customize theme – Theme options - top

              • 9.1 Front page type - top

                In chapter  ‘Front page type’ you can choose what king of front page type you want use in your blog. There are two front page types: 'List' and 'Boxed'.

              • 9.2 Layout Options - top

                In chapter  ‘Layout Options’ you can change layout options. You can choose sidebar position: 'Left sidebar', 'Right sidebar', 'No sidebar'.

              • In chapter  ‘Disable search box in main menu’ you can disable search box in main menu.

              • In chapter  ‘Change style for headings and menu’ you can change letters to uppercase in site title, menu …

              • 9.5 Announcement on the front page (home page) - top

                In chapter  ‘Announcement on the front page (home page)’ you can change announcements length.

              • In chapter  ‘Copyright text’ you can change copyright text in footer.

            • 10. Customize theme – Widgets - top

              Silvera blog theme supports the following widgets areas:

              • Sidebar
              • Footer widgets
              • Header widgets
              • Posts widgets
              • Contact page widgets - sidebar for page that used template 'Page with contact info'
              • Footer Instagram widgets
              • 11. Customize theme – Colors - top

                In the section "Colors" you can select header background color, header text color (header text color will be white if there is a header image on this web page), background color, main color and complementary color.

                Gutenberg editor

                If you use Gutenberg editor you can choose main color, complementary color or any other color when you edit posts and pages.

                • 12. Customize theme – Fonts - top

                  In the section 'Fonts' you can change font family and font size. Silvera theme uses by default font 'Roboto' for headers and font 'Catamaran' for body. But you can use any Google fonts if you want. You can also change the font size.

                  • 13. Customize theme – Reset settings - top

                    In the section 'Reset settings' you can reset settings to the default values. You must choose this option, after press 'Save&Publish' and reload page. After that this reset options will be applied on the site.

                    • 14. Contact page - top

                      If you want to make page with your contact information and contact form you can use for this page template 'Page with contact info'.

                      You must use plugin 'Contact form 7' for your contact form. You can read more about this plugin here. You need to install and activate this plugin. After that you must create form for your site and copy it shortcode. After that you must place this shortcode on your contact page and your visitors will see contact form and can send letter to you.

                      This template - 'Page with contact info' have widget area therefore you can place any widget with your contact information here. You can use, for example, widget 'WDV About Me Widget' or widget 'WDV About Me Widget PRO'.

                      • If you want to make page without sidebar you can use for this page template 'Page with no sidebar'.

                        • Silvera theme is using Magnific Popup for showing slideshow and images.

                          Gutenberg editor

                          If you are using Gutenberg editor and you want to allow your visitors had possibility to open image in popup window you must press your picture and you will see properties of picture - choose ‘Media file’ here:

                          Classic editor

                          If you want to allow your visitors had possibility to open image in popup window you must choose ‘Media file’ when you add image. You can write caption and alternative text.

                          • Silvera theme is using  Magnific Popup for showing slideshow and images. That slideshow will work right you must choose 'Media file' when you will make slideshow.

                            • 18. Sources and credit - top

                              We have used this files and libraries:

                              Included Libraries:

                              Fonts

                              Photos in demo

                              Scroll to top