Welcome to the "Trend News" Wordpress Theme by Xspire. We are very pleased that you have chosen "Trend News" for your website, you will not be disappointed! In this documentation you’ll find almost everything related to this theme. If you find something that we missed to explain or have any questions, please contact us on email or create a ticket on Support.
At first, after purchasing this theme please download the package from Themeforest. All you need to do is move your mouse over your login name in the right top corner and then click Download. Here you will find all the items that you have purchased.
At the next step click the Download > All files & documentation button next to Trend News theme and save package to your computer.
You can find things like: documentation, license, zipped file with theme files and сhild-theme zip archive in the package. Extract the package to a folder on your local computer.
You can complete installation in two different ways:
Once installation is complete, your Trend News theme will be ready to use.
In order to extend theme functionality, theme comes with several plugins. You will see a window with an offer to install required and recommended plugins after theme activation. Follow the link mentioned here.
You can also install and activate the plugins in Appearance > Install Plugins.
Required plugins:
Recommended plugins:
If you install Trend News theme on a website that already has images uploaded, please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.
This plugin allows you to delete all old images size and regenerate the thumbnails for image attachments as Trend News theme supports.
To regenerate images, follow this steps:
It’s recommended to create a backup copy of your site before its update.
There are several variants of theme update.
Trend News theme recommends some plugins after installation. One of them is "Envato Wordpress Toolkit" which automatically alert you on your dashboard when a new version of the theme is available.
If you haven’t installed the plugin yet, follow these steps:
To establish an Envato Marketplace API connection navigate to the "Envato Toolkit" page and insert your Marketplace username and secret API key in the designated input fields.
How To Generate Your API Key From ThemeForest?
This method requires more steps and manual work. We advise to make a backup of your site before theme update.
For manual update you need to download a new theme version from your account to Themeforest (there is an instruction above in the paragraph “Installation”). Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP.
How To Update Your Theme Via WordPress?
How To Update Your Theme Via FTP?
Update "ACF | Advanced Custom Fields" plugin: firstly you need to remove ACF plugin and then install again by Appearance → Install Plugin
Demo Content is recommended to be established at the clean Wordpress version. The installation doesn’t replace or delete added already posts, pages, products, sliders.
In the Trend / News theme disabled images import. You can enable "No Photos" in the Theme Options.
How to install Demo Content?
Menu creation works as in default Wordpress. To setup a new menu, please follow the steps below.
You can find a detailed guideline to create menu here
After the menu has been saved, in the case if the chosen theme location supports mega menu, all the menu items will have additional settings block.
To use the mega menu in the right way you should follow the rules:
The sub items of each column is its content.
Notes:
A WordPress Widget is a small block that performs a unique function. Widgets can then be added to widget-ready areas of the theme called sidebars.
Trend News has some pre-made sidebars and also allows you to create an unlimited amount of custom sidebars.
Navigate to the Appearance > Widgets tab to access the list of widgets and sidebars. The right hand side shows all the different sidebars you can add widgets to.
Pre-made theme sidebars:
Click the Create a new sidebar button in the Sidebars section at the top.
A modal window will pop open where you must enter the name of your new sidebar, and the description (optional).
If you want to edit the layout of widgets that you’ll add to your custom sidebar, check the Advanced – Edit custom wrapper code checkbox at the bottom. That will open a new section in the modal where you can edit the actual HTML used to display the widgets in your new sidebar.
Be careful here though: if you’re not sure what you’re doing, you may mess up the layout of your site.
Once you’ve entered all the details for your new sidebar, click the Create Sidebar button in the modal. You’ll now see your new custom sidebar appears in the Custom Sidebars section.
You’ll notice that there are a few settings options in a row at the bottom of each sidebar:
Now that we have our first custom sidebar, let’s set it up to be able to replace other theme sidebars.
We first need to set things up so that selected theme sidebars can be replaced with our custom one. That’s just too easy: simply check Allow this sidebar to be replaced in any sidebars you want to be able to replace.
Now click the Sidebar Location link in the bottom row of your new custom sidebar to pop open a modal window where you can select exactly where you want it to appear.
For each theme sidebar where you have checked Allow this sidebar to be replaced, you’ll see several options for both single entries and archives.
In each setting, you can select multiple categories or post-types too, so you can really target specific content areas on your site.
Once you’re done, click Save Changes in the modal window.
To attach this sidebar to a unique Post or Page please visit that Post or Page & set it up via the sidebars metabox.
You’ll see a new metabox in the editor of every post-type on your site enabling you to quickly and easily select which sidebar should display for that specific post.
Selecting a sidebar here will override what you may have set as its Sidebar Location under Appearance > Widgets. In other words, even if a sidebar has been set to appear only on posts under Appearance > Widgets, you can select it for display on a page here.
You need to install the "ACF | Advanced Custom Fields" plugin before using "Theme Options" functionality. To do this go to the "Appearance - Install Plugins" in the Admin Panel.
Theme options panel has been especially created to make your work faster and easier. Using it is very easy and in just a few minutes you can change a lot of things on your page. Navigate to Apparance > Theme Options to make changes.
These options are all global options which means any option set in Theme Options will affect your entire website. If you want to set more specific options for a particular page or post, you can set them in Post Options, which is located in every page or post.
Please always remember to click Save Changes button. Without that you will lose all your changes.
In this section you can set up some general options for your site.
Choose a site layout from 3 variants and set it up. For example, if you want to install a custom background for the site, then you should choose a variant Boxed and full-function settings of the background will appear below. We’ve done it for you to do everything you want as simple as possible.
In this tab you can customize the appearance of the home page in case if you have chosen option in admin page Setting > Reading > Front page displays > Your latest posts.
In this section you can set up some options related with logo. Choose a logo type: none, icon or image. According to the type you’ve chosen the settings will differ. If Image Type chosen "none", you will see a text editor and you can type any text to it (font family and font size you can change in the Styling tab). In the case with an image except normal picture you can download logo for the Retina devices. It should be 2x the size of main logo.
In this section you can choose a heading style and configure elements inside.
These are settings for news line below header.
In this section you can add your URLs for each social network or create a custom URL with custom icon.
These are some general settings for all sidebars on the site.
In this section you can change some general options for all post thumbnails on the site.
These settings give a possibility to set up a quantity of widget areas, copyright text and other settings.
You can enable/disable preloader globally for all pages on the site.
This tab gives a unique possibility to set up fonts and colors of the site to your taste.
In this tab you can transform your site beyond recognition. Set up main colors, heading colors, footer colors and menu colors as you want.
Set up fonts of the site. We offer a choice of hundreds of fonts that connect with the help of Google Fonts. And we’ve done a preview area of the text with selected options for you to choose a suitable font comfortably.
Trend News has an opportunity to create individual settings for different archives of posts.
In this tab there are settings of layout/appearance of single pages for each post type that is included in the theme. By means of it you have a possibility to set up single pages in detail in different parts of the site.
This tab has some options for WooCommerce plugin.
Additional (expanded) settings of the site are located in this tab.
We implemented SEO option in our theme. We hope this will be very helpful for all of you.
You can set up here things like Meta Description or Meta Keywords for homepage and other pages/archives (this is also default option for each new page).
If you are using external SEO plugin you can easily turn it off.
In this section you can insert advert codes or shortcodes in different places on the site.
Advanced users can enter custom CSS here. Make sure css is out of any errors/mistakes.
Advanced users can enter custom JS here. Entered code will be executed on domready. Make sure javascript is out of any errors/mistakes.
It’s a section where you can put some code (especially html) that allow you to show different things and elements in places that are not available from other tools. For example if you want to put some code above header (banner or information about cookies), then put code in Top field.
This subtab provides with an information useful to diagnose some of the possible reasons to malfunctions, performance issues or any errors.
This section is especially for all those who want to move settings from theme options panel between themes or when you move your options from test server to live.
Caution. Before import (download files) make export of current settings. Later you can use this file for options recovery.
To create categories navigate to Posts > Categories. You will see a form for creation of a new category from the left side and a form for editing of earlier created categories from the right side.
Trend News theme allows you to manage your categories more customizable than default wordpress category functionality.
You can change many options for each category, such as sidebar settings, posts layout & pagination, site layout and other. Check category add/edit screen to manage these options.
To create a new blog post, follow these steps:
You can customize any post spesifically from the meta box named Post Options right under text editor in post edit or new post screen. To accomplish it you should choose – Show options and a full list of options will be opened below. It’s convenient, for example, in the case if you want to add a special advertisement for this post only or hide/show author’s box.
In the paragraph Theme Options > Single Types you will find information how to set up standard options for all posts.
You can also add SEO settings for current post.
You can split a post/page up into different web pages so that is has pagination. All you have to do is type:
<!--nextpage-->
into the text editor where you would like your page breaks to appear. You must be in Text view when you make changes.
To put a gallery inside your post:
Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with shortcodes elements or page builder. Also, there are different page templates to choose from, each serving a purpose to help you build a site.
You can create any number of pages with content.
How To Create A New Page:
If you didn’t install this plugin before:
You can create a contact page with using Contact Form 7 plugin. To do this:
Page Builder is a modules system that lets you easily build and edit pages. We made the interface as intuitive as possible, so it wont take you long to get stuck in.
In every layout you can choose sidebar type: left, right, two sidebars or without.
In Settings window are general settings and apperance. There you can change many options: background, layout type, paddings and other.
For remove layout click button "Remove layout". Be careful, the module inside the module will be also deleted.
When you adding a new module, there are several types of modules that you can select. Choose the most appropriate for you.
When a new module was added you need to edit it. Click on the "Edit" Button in the right side or click on the module title.
Each module has many flexible settings.
For example, featured module has six layout styles and you can choose posts manually, or filter posts by category and tags. Also you can choose the order of posts.
All this makes it possible to configure the module as you wish.
If you need to hide a module, but you don't want to remove it - go to the "On/off" tab and change module visability.
Trend News is fully compatible with WooCommerce plugin. We carefully created whole design so you can get very nice shop with tons of options and all looks perfect with theme design. WooCommerce is an external plugin and all info about this awesome plugin you can find on plugin's author page.
Below you have all friendly links that will be useful:
Please Note: Once you are done installing WooComerce and the default pages, you can go to the Appearance > Menu section of your admin and choose to add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.
Go to Products > Add product section. After that you will see page which looks like below and all you need to do is fill those fields with own values.
All info about adding new product you can read on http://docs.woothemes.com/document/managing-products/
All pages that you want to setup for WooCommerce are in WooCommerce > Settings > Catalog section. But if you want to get some shortcodes for pages like cart or checkout (most WooCommerce pages must be created manually and that`s why for each you have own shortcode) you need to go to WooCommerce > Settings > Pages section.
Whole list of shortcodes included with WooCommerce plugin you can find at http://docs.woothemes.com/document/woocommerce-shortcodes/
List of all available pages for WooCommerce plugin you can find at http://docs.woothemes.com/document/woocommerce-pages/
Trend News allows you to translate the theme into any language. To translate the theme:
Trend News was tested with WPML plugin and is fully compatible. If you want to have multilingual website, this is the best way to do it. If you want to use this plugin, you must purchase it first and then install into your wordpress installation.
Below we serve links that will be useful for WPML plugin:
In the era of what is happening in the search engines (especially Google) we implemented SEO options in our theme. We hope this will be very helpful for all of you.
To set up general options for SEO please go to Appearance > Theme Options > Advanced > SEO. You can set up here things like Meta Description or Meta Keywords for homepage and other pages/archives (this is also default option for each new page).
If you are using external SEO plugin you can easily turn it off.
Of course you can also set up options like Title, Meta Description and Meta Keywords for each page in this theme. You can do it in Pages > New page > SEO Meta Tags.
If you leave these fields empty, the page will adopt default values that are under Appearance > Theme Options > Advanced > SEO.
Trend News is Retina Ready so the theme will look fantastic on High Resolution displays like the iPad or iPhone Retina devices. The most important thing to understand is that there are two different sets of images/graphics that can be Retina Ready.
This is a fantastic plugin and is the best option for users to ensure their images are Retina Ready. It tells you if the images you are uploading are large enough to ensure Retina Resolution. And it can also convert your current media library to be Retina Ready. It will automatically create the necessary 2x images that are needed for every area of the site, and will warn you if your images are not large enough to be Retina Ready. Please watch tutorial to see how the plugin works.
Some images such as the Logo need to be uploaded via Theme Options. We have created the necessary fields to ensure those images are Retina Ready. Users will need to upload the extra files that are 2x the original size. For example, you will need to upload your regular size logo file in the Logo field, then upload the 2x Logo file in the Retina Logo field. For the Retina Logo, you will also need to input the width and height of the standard logo size, not the 2x size. This is important and part of the process the browsers use to display Retina Ready images.
Maintenance Mode allows you to set a single page for visitors to see while your site is under construction. While Maintenance Mode is enabled, they will see this page no matter what section of your site they try to access. However, note that all pages will still be visible to you while you are logged into admin.
To enable and configure Maintenance Mode you should go to the page Appearance > Maintenance Mode.
Disqus is a networked community platform used by hundreds of thousands of sites all over the web. With Disqus, your website gains a feature-rich comment system complete with social network integration, advanced administration and moderation options _and other extensive community functions.
You can add disqus comment system to your website easily. First, you need to create a site from disqus. Follow the instructions below:
A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs and elsewhere to help identify a website visually.
To install a new favicon go to Apperance > Customize > Site Identity > Site Icon and upload it.
In order to paginate your blog post, in the Write panel in your WordPress admin, switch to the TEXT view (if you use the Visual view) and then enter the following code to wherever you want to break the post up into a new page:
<!--nextpage-->
If you do NOT see this panel, look to the top right of your screen for the words - Screen Options. Click that and enable the checkbox next to Page Attributes.
To change user avatar (seen on author box, comments or author page template etc.) you have two options:
If you have any issues about installation or find any bugs related with Trend News, you can create a topic from the link below. As a first step you should create an account. You will need your envato purchase code and your envato username for registration.