AmyNews Template Documentation

Install Theme via FTP

Follow the steps below to learn how to install theme via FTP

  • Step 1: Login to your hosting space via an FTP software

  • Step 2: Unzip the AmyNews file and only use the extracted AmyNews folder

  • Step 3: Upload the extracted AmyNews folder into wp-content => Theme folder

  • Step 4: Activate the newly installed theme by going to Appearance => Themes and click on Activate button to activate theme

Video Tutorial

Install Theme via WordPress

Follow the steps below to learn how to install theme via WordPress

  • Step 1: From backend, go to Appearances => Themes => Add New button, click on Upload button at the top of the page

  • Step 2: Click on Choose File to choose theme from your local computer, the file requirement is zip format. Press Install Now button to install theme.

  • Step 3: Wait for few seconds, the theme will be uploaded and extracted automatically by WordPress. After this process complete, you only need to press on Activate link under the message for successfully installed theme.

Once you activate AmyNews, you will receive a notification message to install plugins. Follow the steps of Plugins Installation part below to learn how to do this

Video Tutorial

Plugin Installation

How to install required and recommended plugins for AmyThemes

  • Step 1: Once you activate AmyNews, you will receive a notification message at the top of the screen that shows you which are required plugins and which are recommended plugins for theme

  • Step 2: Click on Begin Install Plugins link under the message to go to Plugin’s list in which you can install and activate the required and recommended plugins. Tick on the box for plugins you wish to install => Click on Bulk Action to see drop-down list => Install => Apply button

    Important: Required plugins are compulsory plugins to make AmyNews works

  • Step 3: Wait for some seconds, you will receive a notification informing the installing and activating processes are completed. Once these processes finished you will see Required plugin installer link Click on that link to install and activate other plugins

Required Plugins

  • 1. AmyTheme Framework plugin: is a plugin from AmyTheme. Theme Framework (topbar, header, footer, blog, skin,.....) will be enabled as soon as this plugin is installed and activated successfully.

  • 2. Amy Post View Pro plugin: is a plugin from AmyTheme. This plugin includes 7 AmyShortcodes: Amy Tabs, Amy Blogs Post, Amy Carousel Post. Amy Grid List Post, Amy Slide Post, Amy Metro Slider, Amy Module. Enabling this plugin means enabling seven AmyShortcodes.

  • 3. Visual Composer : is a plugin from WordPress to help you easy to build up your webpages by dragging and dropping function

Demo Introduction


  • With AmyNews Demos, you can see exactly what your website will look like. Currently, AmyNews provides you four available demos (one main demo, and three child demos)

    AmyNews theme is the main theme of AmyNews to build up a general news website with various information and various layouts

  • AmyFashion is one of three child themes of AmyNews with nice and modern design will help your Fashion website look beautiful and unique. All of the luxurious and trendy Fashion styles will be shown in the greatest way

  • We designed AmySport, especially Football theme to help your sport news website works like a charm with various football information displayed with various ways. You can update Football Matches result automatically with Amy Live Score shortcode

  • By choosing AmyGame, your website will show fully game news about PS3, PS4, PC, Xbox online, etc…. and game review with nice designs.

Setup Homepage


By default, WordPress sets blog page as a home page for your website. Almost of time, it is not what you want, so in this guide, you can learn how to create and set up special homepage for your site

  • Step 1: Create a new page

    At WordPress admin site, from Dashboard => Pages => Click on Add New button to create a new page

  • Step 2: Enter Page title => set up Page Builder content by using Visual Composer

    How to use Visual Composer at AmyNews

    • 2.1. Creating page layout

      Visual Composer helps you easy to create different layouts for your webpage by adding Row element. Click on Plus button to add new element => choose Row from the list, => select the row layout by hover on this bar The row automatically breaks into columns according to the layouts you choose or custom.

      AmyNews uses six column layouts shown in the screenshot below.

    • 2.2. Adding elements to build up a webpage

      With the column layout you choose, click on Plus icon to add elements, you can add available elements from Visual Composer or add shortcodes made by AmyTheme.

      The image below will show you the row’s appearance when you choose a layout and add elements.

    • 2.3. Drag and Drop to reorder row or elements

      You can easily drag and drop rows and elements to any position as you want

  • Step 3: Select a Page Template

    » If you choose Page Template is Default template, your webpage will include Page Builder content only and you can go to step 5 immediately

    » If you choose Page Template is Page builder + latest post, you need to config some easy extra options for Page Latest Post part at the bottom of the screen. Follow step 4 to know how to build Page Latest Post

  • Step 4: Build a Page Latest Post

    1. 4.1. General Settings

      • » Template: allows you to choose structure for your website’s template. This option is valid when you choose Right Sidebar or Left Sidebar at Page Sidebar Model part

      • » Title: Enter the title you want to display for Page Latest Post

    2. 4.2. Layout Setting: AmyNews offers two layouts to display Page Latest Post. From Page Latest Post =>click on Layout settings.

      • » List layout

      • » Grid layout

    3. 4.3. Loop Settings: From Page Latest Post, click on Loop setting to set Post Format, categories, post order, and post metadata.

  • Step 5: Select a Page Model Sidebar as you wish and then click on Publish button

  • Step 6: Set up Front Page

    From Dashboard => Settings => Reading, you can set homepage by following the steps of the screenshot below

Video Tutorial

Topbar

Topbar is a widget area with 100% width of the screen. The top bar is the uppermost section of the header

  • Topbar: Choose On/ Off to show/ hide topbar on all pages

    After enabling Top Bar option, at Appearance => Widgets will show Topbar area and you can add widgets into this area to show on topbar position

    At Widget part you can see:

  • If you enable both Topbar Left Widget and Topbar Right Widget and click Save button to save your change. At Appearance => Widgets, Topbar area will disappear, instead of Topbar left and Topbar right areas

Click on Save button to save any your changes

Blog

Go to AmyNews => Blog section.These are global settings for your blog pages (based on category, tag, author, archive) and you can enable some global widget areas there (Blog Widget Before, Blog Widget After, Content Widget Bottom)

  • Blog Sidebar: This option allows you to choose the layout of your blog pages. There are three layouts to choose: Right Sidebar (sidebar’s on the right), Left Sidebar (sidebar’s on the left) and No Sidebar (there is no sidebar on blog page)

    Blog Sidebar Widget: This option allows you to choose the sidebar for your webpage. Click on Arrow Down button to choose sidebar from the list

  • Enable three global blog Widget Areas

    2.1. Blog Widget Before: is a widget area located before blog content and under the Header part

    After enable Blog Widget Before. at Appearance => Widgets will show Blog Widget Before area, you can add widgets into this area to show on the Blog Widget Before position

    2.2. Blog Widget After: is a widget area located after blog content and before Footer part.

    After enable Blog Widget After. at Appearance => Widgets will show Blog Widget After area, you can add widgets into this area to show on the Blog Widget After position

    2.1. Content Bottom Widget: is a widget area located after Blog Widget After and before Footer part.

    After enable Content Bottom Widget. at Appearance => Widgets will show Content Bottom Widget area, you can add widgets into this area to show on this position

  • Blog Layout: AmyNews offers you two nice layouts for Blog page: List style and Grid style

    • » List Style: You can see demo HERE
    • » Grid Style: When you choose Grid style, Blog Column option will appear to set the number of columns for blog page. You can see demo of Grid style with 4 columns HERE
  • Image size (optional): This option allows you to select the image size to display in blog page. Note that you can custom the image size at Media part of theme options

  • Post Metadata Settings:

    • 5.1. Metadata: You can decide post metadata will be shown on blog page. Post Metadata includes Date, Category, Author, Intro Text, Comments

    • 5.2. Metadata Position: You can decide post metadata position: Over Image, Under Image or Right Image.

      • » Over Image you can see:

      • » Under Image you can see:

      • » Right Image you can see:

      When you choose Metadata Position is Right Image, the option Image Width will appear allows you to set the width of image column.

  • Pagination: There are three types for Pagination appearance: Default, Load More or Hide pagination

    • » Hide: Choose Hide to hide pagination

    • » Default you can see:

    • » Load More you can see:

Click on Save button to save any your changes

Single Post

From Dashboard. go to AmyNews => Single Post to decide to show posts when you scroll or not, or to set up recent post part

  • Enable show post when scroll: Select On/Off to show/ hide other posts when you scroll the mouse.or not

  • Recent Post settings

    • » Recent Post: Select On/ Off to decide show/hide recent posts

      Once you select On for Recent Posts option, Recent Post Title option will appear

    • » Recent Post Title: You are easy to enter recent post title as you wish

Click on Save button to save any your changes

Skin

There are unlimited skin colors to change. It makes your webpage will be various and suit for your desire

From Dashboard => AmyNews => Skin

  • Disable Skin: Choose Off to enable Skin option. If you choose On, the skin color is Red by default.

  • Select skin color for your webpage

    • » Skin: There are three main skin colors: Red, Pink, Blue. However, you can custom the skin color as you want by click on Custom from the drop-down list.

    • » Custom: This option allows you to choose the skin color or change its opacity.

  • Click on Save button to save any your changes

Typography

From Dashboard => Typography => click on Add New Typography button to create new typography for new parts

  • » Title: Enter the title for part to change typography. Forexample, enter "Menu Typography" to add typography for Menu.

  • » Select: Enter class or ID of elements you want to change typography.

  • » Font Family: Choose the font you want.

  • » Font Size: Enter font size (by pixel), it's optional.

  • » Line Height: Enter line height (by pixel), it's optional.

  • » Custom CSS: Custom CSS for this elememt, it's optional.

Click on Save button to save any your change

Social

AmyNews totally integrate with Social networks. You can add social links (Facebook, Twitter, Google plus, Pinterest) and these links will be updated automatically at Contact Widget.

Click on Save button to save any your change

Media

Media section allows you to add new image size used for Image Size option of Amy Shortcode Settings.

How to add new Image size

  • » Step 1: From Wordpress Admin site => AmyNews => Media
  • » Step 2: Click on Add New Image Size button to add new size. A list of option will appear
  • » Step 3: Enter size name to help you easy to use

    Eg: if you want to create new size for images at topbar position, you can create a size name is “topbar”

  • » Step 4: Enter the width/ height values for image as you want (unit: pixel) at Width & Height option

    Crop: If you choose On, the image will be cropped when its original size is larger than the custom image size you choose

  • » Step 5: Click on Save button to save any your change, click on Remove button to delete that size

Note : After adding a new size, from Dashboard, you need to go to Tools section => Regen. Thumbnails. Press on button Regenerate All Thumbnails to update new size for all older images.

Extras

This section allows you to add zoom-out effect when you hover on the image by choosing On/ Off for Image Hover Effect option to turn on/ off zoom-out effect when you hover on thumbnails.

Click on Save button to save any your change

Amy Shortcodes


Installing and activating successfully Amy Post View Pro plugin means that Amy Tabs, Amy Blogs Post, Amy Carousel Post, Amy Slide Post, Amy Grid List Post, Amy Metro Slider and Amy Module will be enabled. and this part will show you the settings of these shortcodes.

Amy Tabs

Amy Tabs allows you to easily add and edit your tabs and you can add elements into each tab as you wish. Follow the steps below to learn how Amy Tabs works

  • » Step 1: Amy Tabs General setting

    At this step, you can learn how to set tab position and choose active tab

    From the green bar => click on button to make general setting on Tab

    • 1.1. General Setting

      • » Tab Nav Block: You can set tab position on the block. There are two positions: Default (the tabs will be in navigation of the block); Left (the tab will be on the left of the block content)
      • » Active Tab Nav: You can decide what tab will be an active tab (Eg: if you enter 2 for this option, the tab #2 will appear by default). If this box is empty, the tab # 1 will be shown as Active Tab
    • 1.2. Extra Setting: This option is optional allow you to add extras ID or extras class for your tabs (it's optional).

  • » Step 2: Child Tab settings

    You can edit tab name or add element into child tabs at yellow bar

    • 2.1. Edit tab name

      Click on tab you want to edit => click button at yellow bar , a popup will appear and you can change the tab name as you want

    • 2.2. Add content to each tab

      Each tab will show different content. To do this: click on the tab you want to add elements and click Plus icon at the yellow bar to choose elements like the image below

  • » Step 3: Click Save button to save any your change

Video Tutorial

You can see demo of AmyTabs HERE

Amy Blogs Post

Amy Blogs Post helps you display your posts like a blog style with three nice layouts.

  • 1. General Setting

  • 2. Layout Settings

    • » What is Leading Post, Link number and Intro Post?

      Before jumping into detail information, we would like to introduce to you about the position of Leading Post, Links and Intro Post.

      Note: Number of Posts = Leading Post + Link Numbers + Intro Posts

    • » Layout 1

      At the backend you can see

      On the frontend you can see

    • » Layout 2

      At the backend you can see

      On the frontend you can see

    • » Layout 3

      At the backend you can see

      On the frontend you can see

  • 3. Style Option Settings

    There are three header styles which make you blog attractive and diverse. You will have a closer look about this by visiting Header Style for AmyShortcodes part

Video Tutorial

You can see demo of Amy Blogs Post HERE

Amy Grid List Post

Amy Grid List Post allows you to display posts by Grid or List styles. In additions, you can set a number of posts will show featured image on the frontend.

  • 1. Data Option

  • 2. Layout option

    Within 2 layouts and a lot of options to config, your website will be various and draw much attention from others. Please note that each layout will have some different options.

    • » List Style

      At the backend you can see

      On the frontend you can see

    • » Grid Style

      At the backend you can see

      On the frontend you can see

  • 2. Style option

    There are three header styles which make you blog attractive and diverse. You will have a closer look about this by visiting Header Style for AmyShortcodes part

Video Tutorial

You can see demo of Amy Grid List Post HERE

Amy Slide Post

Amy Slide Post allows you to create slideshow on webpages with the different sets of options

  • 1. General setting

    At the backend you can see

  • 2. Layout Option

    Amy Slide Post has one default layout. Please note that this part will include some hidden options. Eg: when you choose On for Show Slide Content option, two other options (Slide Metadata & Slide Metadata Position) will appear.

    At the backend you can see

  • 3. Slide Option

    Once choose On for Custom Effect option, there are 4 hidden options will appear. These options allow you to config the speed of Auto play, Center Padding or Lazy Load for Slide Post.

Video Tutorial

You can see demo of Amy Slide Post HERE

Amy Metro Slider

Amy Metro Slider is the one and only slider with unique animated tile concept. It is very easy to config with a few option only. We recommend you to use Amy Metro Slide shortcode for showcase position or the main position of the page to have a nice look.

  • At the backend you can see:

  • To know how Amy Metro Slider look like on the frontend, please visit our demo HERE (the Metro Slide is under Main Menu)

Video Tutorial

Amy Live Score

Amy Live Score shortcode is enabled once you install and activate Amy Live Score plugin successfully. It allows you to get the football match results automatically from a lot of Leagues by a few steps and display the result by awesome styles. Amy Live Score is useful for Theme Sport

  • Title: Enter the title of this shortcode as you want, it is optional

  • Provider: This option allows you to choose the football website you would like to get football information. There are two providers you can choose: Footballdata.org and Football-api.com

  • Types: There are two types to display football results by charts or matches

    • » Charts: On the frontend you can see

    • » Matches: If you choose Type option is Matches, Chosen Matches Show option will appear.

      On the frontend you can see

  • Show Filter: Choose On/ Off to show/ hide filter for Football matches

  • Leagues:choose leagues showing results on the frontend

Amy Module

Amy Module will help you show banners, posters with link or without link at anywhere of your website. Amy Module includes two types: Text module and Link module

  • » Text module:

  • » Link module:

Header Style for Amy Shortcode

Amy Bogs Post, Amy Carousel Post, Amy Grid List Post, Amy Slide Post, Amy Metro Slider includes three header style for you to choose.

  • » Style 1

    At the backend you can see

    Click on Save button to save any your change

    On the frontend you can see

  • » Style 2

    At the backend you can see

    Click on Save button to save any your change

    On the frontend you can see

  • » Style 3

    At the backend you can see

    Click on Save button to save any your change

    On the frontend you can see

Category Settings


Categories provide a helpful way to group related posts together, and to quickly tell readers what a post is about. Categories also make it easier for people to find your content. WordPress give you very detailed information for category settings. You can explore the useful information at Wordpress Codex .They are basic for AmyNews theme.

Post Settings


How to create a post to use for AmyNews

  • » Step 1: Create New Posts

    From Dashboard, go to Post section => All Posts => click on Add New button to add new post and add content to the post

  • » Step 2: Select Post Format

    AmyNews supports for three Post Format: Standard, Image and Video. Post formats is a value added to WordPress posts which allow theme developers to define the visual appearance of a post to help visitors can realize those posts are images or video or normal articles.

    • + Standard format: It is a default post format. For AmyNews, Standard Post Format is a normal article or a blog post.

    • + Image format: Image Post Format will display the posts are images or photographs style. It will include a special icon to help readers can realize those posts are Image Format.

      • On the frontend you can see

    • +Video Format: Video Post Format will display the posts are video style. It also includes a special icon to help readers can realize those posts are Video.

      • On the frontend you can see

  • » Step 3: Select Post Category

    To help you manage posts more easily, you need to choose categories for posts. A post can be under one or multiple categories.

  • » Step 4: Upload Featured Image

    Featured Image is like a post thumbnails. It is necessary to add featured image to each post.

    • At the backend you can see

    • On the frontend you can see

  • » Step 5: Click Update button to update your post.

Widget Customization


  • 1. What is a widget?

    A WordPress Widgets are small blocks that perform a specific function. You can add widgets to sidebars/ widget areas to show on your webpages. At the screenshot above you can see widgets are on your left hand side and the Widget Areas are on the right hand side.

    You can find more information about widget HERE

  • 2. How to add Widget into Sidebars/ Widget Areas

    • » Step 1: Drag and drop widget you want into Sidebar/ Widget Area as you want
    • » Step 2: Click Save button to save your change

Amy Tabs Widget

This widget allows you to add Tabs into sidebar. The setting of Amy Tabs widget is different from the setting of Amy Tabs shortcode. At Amy Tabs widget settings, you need to add another Sidebar/ Widget Area into and each widget of that Sidebar/ Widget Area will show tab’s name and tab’s content

Please follow the introduction below to understand more

  • » Title: Enter the title appearing over the tabs.
  • » Sidebar: Choose a sidebar from the list.
  • » Widget: From the list of widgets of the sidebar you have just chosen, select widgets you want to display and each widget will be a tab. The title of each widget will be the name of each tab.
  • » Extra Class: Add a new class to custom style for this widget (it's optional).

Amy Comments Widget

Amy Comments widget allow you to display the list of blog’s comments on the sidebar as you wish.

  • » Title: Enter the title appearing over the list of comments
  • » Number of comments to show: Decide the number of comments you wish to show on the frontend.
  • » Widget Extra Class: Add a new class to custom style for this widget (it's optional).
  • » Header Style: Amy Comments offers you three nice title style to display on the frontend, you can choose one of them.
  • » Delete to delete this widget, Close to close widget, Save to save any your changes

Amy List Post Widget

Amy List Post widget allows you to show either your blog posts with List style or the timeline of your schedule.

There are two layouts with different functions to choose: List layout and Timeline layout.

  • » List Layout: to show posts with List Style

    After finishing all options above, click on Save to save any your changes. Click Delete to delete this widget at Widget Area, click Close to close widget

    At the frontend you can see:

  • » Timeline Layout: to show your post timeline

    After finishing all options above, click on Save to save any your changes. Click Delete to delete this widget, click Close to close widget

    At the frontend you can see:

Amy Weather Widget

Amy weather widget will bring the weather news adequately and visually to your webpage.

How to use Amy Weather Widget

  • » Step 1: Get your APPID

    It is compulsory to sing up an account at OpenWeatherMap to copy your API key

    At OpenWeatherMap website, you can see

  • » Step 2: At Amy Weather widget, paste your APPID to OpenWeatherMaps APPID option. Choose On for Auto get user location option so that weather will update automatically according to the user’s location at the live site. Choose Off for Auto get user location option and then enter Openweathermapso City ID to show weather widget at offline site

  • » Step 3: Click on Save button to save any changes

On the frontend you can see:

Amy Contact Widget

Amy Contact Widget: helps you display the contact information of a company or an organization by adding a banner, email address, position, phone number, editing social links into. The title of the widget is optional.

Click on Save button to save any changes, click on Close to close widget.

At the backend you can see

On the frontend you can see

Amy Slide Post Widget

Amy Slide Post allows you to create slideshow on the sidebar with two nice styles (̣horizontal style or vertical style)

There are two layouts to display slideshow: Horizontal style and Vertical style

  • Horizontal style

    • » Show Slide Title: Select On/ Off to Show/ Hide the title of the post on the slide. As soon as choosing On for this option, Slide Metadata option will appear allows you to choose post metadata will be displayed within post title on the slide

    • » Header Style: There are three header styles, you can see the detail of Header Style for AmyShortcodes part

    • » Extra Class: Add a new class to custom style for this widget (it's optional).

    • » Click on Save button to save any your changes, click on Close to close widget.

    At the frontend you can see

  • Vertical style

    • » Number rows: Enter the number of rows to arrange posts

    • » Show first post: There are two ways to display the first post (Normal or Special way)

      • Normal: on the frontend you can see

      • Special: on the frontend you can see

    • » Header Style: There are three header styles to choose, you can see the detail of Header Style for AmyShortcodes part

    • » Extra Class: Add a new class to custom style for this widget (it's optional).

    • » Click on Save button to save any your changes, click on Close to close widget.

How to add Shortcodes

You can add shortcode in the HTML or Visual views of the post or page content editor. And now, by following the instruction below, you will learn how to add Shortcodes to Sidebar or Widget Areas

  • Step 1: Drag and Drop Add Shortcode widget to sidebar you want

  • Step 2: Enter the title of this widget, it is optional. and then click on Add Shortcode button to add a shortcode

  • Step 3: Click on Arrow Down button to choose shortcode

  • Step 4: Choose one shortcode from popup and start setting it like at Amy Shortcode part

  • Step 5: Click on Save button to save any your change.

Video Tutorial