Home › Support › Glittering Documentation

Glittering Documentation

The glittering theme is a Premium and simple Blog theme. Users can use it simply without any trouble. This theme has some extra features as a premium theme. The WP customizer option is one of the best features of this theme. Clean code with the comment. SEO Optimized. Custom Home, Category, and Single Page design. Here we present a step-by-step guide to setup and customization for any option in this theme.

1. Theme installation

1.1 Through Dashboard (Easy)

  1. Go to Appearance -> Themes.
  2. Click on Install Themes at the top.
  3. Click on the Upload tab
  4. Upload the “glittering.zip” archive file via the web interface
  5. Activate the newly installed theme          

1.2 Manual Installation using FTP (Advanced)

  • Go to the Glittering page at https://ezbing.com/themes/glittering/.
  • Click on the Download button to download the theme on your Desktop.
  • Unzip glittering.zip on your Desktop. You should get a folder called “glittering”
  • Access your host web server using your favorite FTP client (such as Cyberduck and Transmit for Mac), FileZilla (Windows & Mac), or others).
  • Navigate to /wp-content/themes/ and upload the entire “glittering” folder.
  • Now open the WP Dashboard go to Appearance -> Themes and activate the Glittering theme from there.

2. Custom Menu

Glittering theme supports WordPress Custom Menu in the header and footer but you can feel free to add Custom Menu in any Widget Area as well. More about its default functionality you can find on this tutorial made by the team behind WordPress itself. Custom Menu uses a simple drag & drop interface, so no technical knowledge is required.

2.1. Advanced Menu Setup

This theme uses a custom-made Bootstrap Nav Walker that allows the use of Glyphicons, font awesome, and other Bootstrap styling. The only drawback for it is that it only supports two menu levels – the main and one sub-menu.

This script included the ability to add Bootstrap dividers, dropdown headers, glyph icons, and disables links to your menus through the WordPress Menu interface.

2.1.1. Dividers

Simply add a Link menu item with a URL of # and a Link Text or Title Attribute of the divider (case-insensitive so ‘divider’ or ‘Divider’, both will work ) and the class will do the rest.

2.1.2. Glyphicons

To add an Icon to your link simply place the Glyphicon class name in the links Title Attribute field and the class will do the rest. Glyphicon classes you can find here.

2.1.3. Disabled Links

To set a disabled link simply add “disabled” to the Title Attribute and the theme will do the rest.

2.2 Font Awesome Icons

This theme also supports Font Awesome icons that you can in CSS classes. Here is an example of how it would look if you want to add Envelope Font Awesome icons inside the Contact Us menu:

You all Font Awesome icons you can find on their website.

3. Custom Background

The glittering theme supports the WordPress Custom Backgrounds feature.

  1. In the WordPress dashboard go to Appearance -> Background.
  2. You can either set the image or a solid color as a background.
  3. You can see the background preview on the same settings page.
  4. Click Save Changes when you are satisfied with what you see.
  5. You can always reset the theme’s default background.

4. Header Image (Logo Upload)

For custom header images and custom logo upload, this theme uses WordPress Custom Header functionality which can be accessed via the WordPress dashboard – Appearance – Header. Here is how it works:

  • Upload the logo using an already familiar WordPress Media Uploader or select an image that is already uploaded.
  • Crop it (recommended cropped image size will be displayed in the square but you can feel free to modify it but you might “break” the website layout in some cases).
  • Hit the Crop and Publish button and you are ready to go.

5. Customization

There are several customizations available for this theme via Appearance >> Customize >> Glittering Options. You can change breadcrumbs, thumbnail images, elements color, link color, header menu style, footer color, social link color, content option, typography, layout, and many other aspects. Examples are given in the image. If you feel that you can’t do something via the web interface, please notify us

6. Homepage Design

6.1 Setup Featured Section for Homepage

Glittering theme relies Custom featured section on the front page

  • Available for this theme via Appearance >> Customize >> Glittering Front Page >> Featured Section To enable the featured section to select a background image. Then also add a Title and Description,
  • You can change the color or background color easily here.

6.2 Setup Custom Slider for Homepage

The glittering theme relies on the Custom Post slider which is built in into the theme and no plugin is required.

  • Slider Settings are located in the Admin panel >> Slider
  • Available for this theme via Appearance >> Customize >> Glittering Front Page >> Slider Section to enable slider tick radio button for showing slider post.
  • If you have already published a slider post from the admin panel you can see that post slider when you check or show a radio button click.
  • Make sure you have Featured Images uploaded and added for those Posts.

6.3 Setup Call to Action for Homepage

Glittering theme has a call to action section on the front page

  • Available for this theme via Appearance >> Customize >> Glittering Front Page >> Call to Action Section to type any text in the description box.
  • Input Button text and link,
  • Change color and background color.

6.4 Setup Custom Post Section for Homepage

The glittering theme has a custom post section on the front page

  • Available for this theme via Appearance >> Customize >> Glittering Front Page >> Custom Post Section.
  • At first show yes or no then select a category,
  • Input section title and description as you need
  • Change the Text color and background color.

OR,

You can also input everything using the WP block editor from the Widget section.

6.5 Setup Default Content Section For Homepage

The glittering theme has a default content section on / off on the front page

  • Available for this theme via Appearance >> Customize >> Glittering Front Page >> Default content Section.
  • At first showing, this section radio button click to show or not, (default -show)

7. How to Disable Comments for Page/Post

7.1 Default WordPress Option

  • Open a particular page on which you want to turn off comments via the WP dashboard.
  • Look for the Discussion box below the post editor box.
  • It might be disabled but you can enable it via Screen Options on the upper right corner of the Post/Page edit screen.
  • Uncheck “Allow Comments” in the Discussion box and hit Update.

To disable Comments on posts “globally”. Go to Settings – Discussion – and untick “  Allow people to post comments on new articles “. This will apply to new Posts. Posts that is already published won’t be changed and will still have an open comments section.

7.2 Custom Option :

  • Custom Setting Option are available in Appearance >> Customize >> Glittering Options >> Content Options
  • Visibility yes or no for full website

The Featured Image (Related post and archive) is set to 600 by 400 pixels. Thumbnail Image or Featured Images – Personally, I use 1000 by 600 pixels. Featured Slider Images. Personally, I use 1920 by 600-pixel images for Glittering Demo but you can feel free to use any other image size. Images won’t be scaled and you will get what you upload.

Please note! Images for the Post thumbnail is not resized and are displayed the same size you uploaded them. Other images such as featured images for posts are resized automatically as you upload them.

When you upload any image to your website for a better solution you can compress these images, It’s really better for your website speed,

Image Optimize site sample: https://tinypng.com/

9. How to set up a Blog Page

The blog should be displayed by default on the front page. If you have chosen to use the Home Page as static as I have in the Theme Demo you will have to set up the blog page separately.

  1. Create a new Page and name it “Blog” or whatever you feel is right.
  2. Go to Setting – Reading and select “A static page (select below)”
  3. Now select the previously created Page as “Posts page:”

10. Translation

Glittering theme is translation-ready and has translation .pot files included. Once you have translated Glittering, please send translation files to use and we will include them in the next theme update. We would really appreciate your contribution! 

11. Gallery Page

Gallery page as on Glittering Demo is created using the Jetpack plugin or WordPress built-in option.

  1. Install Jetpack Plugin.
  2. Enable function called “Tiled Galleries” via WordPress dashboard – Jetpack.
  3. Create a Post/Page like you normally would.
  4. Create a WordPress gallery and set Tiled Mosaic under Gallery Settings on the right side of the Gallery Edit Screen.
  5. Select a link to None, then Publish to the visited page.
  6. If you know more see WordPress or Jetpack carousel documentation.

We made it easy to change the Footer Copyright information for this theme. You can change it via Appearance >> Customize >> Glittering  Options >> Footer. You can also change the Footer background, text, and link color via Theme Options.

13. Custom Widgets

13.1 Popular Posts Widget

It is a custom-built WordPress widget that can be used like any other default widget. You can enable it via Appearance – Widgets by selecting “Glittering  Popular Posts Widget”. There are only two options and both are straightforward – Title and Number of Posts.

13.2. Glittering Social Widget

It is a custom-built WordPress widget that can be used like any other default widget. You can enable it via Appearance – Widgets by selecting “Glittering  Social Widget”. It is available on Facebook, Twitter, YouTube, and LinkedIn link input options.

14. Home Widget Areas

There is a Home widget area where you place any widgets that are shown on the default home page.