FANSIPAN

Magazine & News Blog theme

I)Introduction

Overview

overview

Fansipan is a our special Wordpress theme for your Magazine, News or Blog site. It is cross browser compatible, mobile ready so it will look great on smart phones, tablets as well as laptops and desktop displays. This theme is very powerful yet easy to use and customize, whether you're a Wordpress pro or a beginner with no coding skills. This template suits for any type of website: Sport news, fashion magazine, travel blog…

Beside that, we have a dedicated support center for all of your support needs. It includes our Documentation, Community Forum for any questions you have. We usually get back to you within 12-24 hours. (except weekend and holiday seasons which might take longer). Don't hesitate to contacting us if you have any question or need any assist.

Features

customize

Easy to customize: Theme Options powered by WordPress’ Customizer, you can change the logo image, logo text, slogan, social links, footer….without knowledge program. You can also change entire font of website based on Google fonts library. (With one our plugin)

Responsive Design: This means that you only need one theme for the desktop, tablet, smartphone and other mobile devices.

Page template and Post fomats: This theme supports 5 post formats (video, gallery, audio, quote, link) and some page templates (left sidebar, right sidebar, full page, list authors, 404 page )

HTML5 Base Template: We used HTML5 in Our Templates to make elegant, modern and SEO friendly website that would be fully functional & represents awesome typography.

Custom widgets: This theme included 6 widgets: Advertise Banner, Last posts (with 4 styles), Post sliders (with 3 mode), Social network, Tags, Search. These widgets are included so many options.

Quickstart install: Quickstart package is a full website package that includes: themes, plugins, database, images … and once you install the quickstart successfully, you will have a complete website that is exactly same as the Demo site.

No Framework: We do not use the framework, they are often bloated with unnecessary features and have many security vulnerabilities.

Responsive Contact Form: We used Contact form 7 plugin for contact form, it Easy and friendly dashboard control.

System Requirement

Database:• MySQL 5.3 +

Web Sever:• Apache 2.x +

Browser:• Firefox 4 +, IE (Internet Explorer) 9 +, Google Chrome 10 +, Opera 10 +, Safari 5 +


Change logs

VERSION 1.0 -  27 October 16
-- First release.
VERSION 2.0 - 8 November 16
--fixed widgets area --add primary color option --add archive, post layout option --add stick navigation option --add more widgets style --add related posts function --add social share function

II)Getting started

After download our template package, you must extract it before install.

extract

Folder extracted:

extract

- Documents: This folder contains the installation/user guide of this theme.

- Sample data: This folder contains xml, json file (which allows you import all content like our demo).

- Theme: This folder contains all install package of theme (which allows you to install theme on available Wordpress websites).

- Licensing: This folder contains product license files.

A)Install Theme

If you have already wordpress site, you can install this theme for your site.

Go to Appearance -> Themes -> Add New

add

Click to Upload theme::

upload

Click to Browse: and choose Zip file in Theme folder, then click to Install Now::

install

After installing the theme, kindly active it. And you will see a notice to install plugin. This theme need Alithemes Fansipan Shortcodes plugin to display the galery. Click to Begin installing plugin:

install

Click to Install:

install

B)Install Sample data

If you’re aiming to match the demo layout exactly, it helps to have the sample content from the demo installed; it includes the posts, categories, media and menus from the demo content. This is especially useful if you’re going to be following the manual widget placement guide for a theme, as the widget configuration references the demo content.

Before starting the import process, we’ll need to ensure that the importer for WordPress content has been installed. To do so, follow these steps:

Log-in to your WordPress backend and click on Tools > Import in the left menu. You will see a list of systems that can import posts into WordPress, such as Blogger, Blogroll etc…

install

Click on WordPress, as we are going to be importing posts and other content from the demo installation. This will open a pop-up that will allow you to install the WordPress Importer plugin.

install

In next step, locate the XML file in Sample data directory, and click Upload file and import:

install

Next step:

install

The ‘Assign Authors’ area will let you import the username of the content creator to your WordPress installation, create a new author for the content to be attached to, or assign the content you are importing to an existing author in your WordPress installation. Depending on the type of theme content being imported there may only be one or two authors to import, or there may be as many as ten, especially if the theme includes BuddyPress as each demo user has its own content. One of the following options must be chosen for each user:

• If left blank: The original username will be added to your user list and the imported content assigned to him.

• If a name is entered in the ‘create new user with login name’ field: The name specified in the field will be used to create a new user, that will have the imported content assigned to it.

• If a user is selected from the ‘assign posts to an existing user’ drop-down box: The content will be imported and assigned to the existing user selected in the drop-down box.

If you have existing content you may find it useful to import the original users, as this will make it easier to locate and remove the demo content as you begin to customize the theme and implement your own content.

Click the tick-box next to ‘Download and import file attachments’ to include media such as images from the posts in the import.

Click the ‘Submit’ button to run the import process. After a few moments, you will receive a confirmation message to say that the process has finished.

The demo content will now be available in your WordPress installation, and you can move on to installing and configuring the widgets to match the demo!

C) Install Widgets setting

First thing you need to do is install and activate the Widget Settings Import/Export plugin. Once you have activated the plugin, go to Tools » Widget Settings Import and click on the Select File button.

Locate the JSON file in Sample date directory, them click on Show Widgets Setting button.

Select the widgets you want to import and click on Import Widgets Settings to proceed. You can also check the Clear current widgets before import.


III) Theme Customize

Theme Options powered by WordPress’ Customizer, you can change the logo image, logo text, slogan, social links, footer….

After install our theme, Go to Appearance -> Customize You will see the left sidebar on next screen:

Site Identity:

You can change the site title, taglign and site icon (It's is small square images which are used by web browsers to show a graphical representation of the site being visited at the left side of the browser’s address bar.)

General setting:

In this section, you can change the logo (use Image or Text), the copyright text at footer, show or hide the datetime area, search box area…You also choose stick or not stick main navigation

Layout setting:

In this section, there are many options to change the archive or post layout. You can choose the sidebar position is left or right, you can display or hide the metabox, author box, related posts, social share, archive header...

Category color:

In this section, You can select primary colors for each category. Note that only the categories have posts are shown here.

Menus:

In this section allow you setting the menus on your site. This theme has 3 menu locations: Top, Main and Footer

Widgets:

There are many widgets area on this theme

Static front page:

This is a default function of Wordpress, you can choose a static page and set it as homepage


IV) Widgets setting

There are 6 custom widgets in this theme: Post Slider, Social, Last Post, Search, Advertise, Tags. Each widget has the options, it will help you custom front-end display.

Alithemes Sliders

This widget will show the latest posts as slider. You can choose one category or all categories, post format, number of post to show

Alithemes Last posts

This widget will show the latest post with many different layouts.

You can choose one category or all categories, post format, number of post to show.

There are 4 layout to display the posts.

Alithemes Social

With this widget, you can setup your social network and display it on front-end. There are 6 social sites: Twitter, Facebook, Google plus, Dribble, Pinterest, Youtube

Front-end display

Alithemes Advertise

This widget allow you insert advertise banners (images) and set link for them. You can also set the banner size and link target

Alithemes Tags

This widget allow you custom Tags widget: You can choose number to display, set smallest and largest tags size


V) Use Plugins

Alithemes Google Fonts

We have created a plugin called Alithemes Google Fonts, it allows you to easily change the font on your website.

This plugin is installed like any normal wordpress plugin.

After you install and activate this plugin, go to Appearance -> Customize, you'll see an item is added in the left column: Typography Settings


THANK YOU

Thank you so much for using this theme. If you have more questions relating to this theme, you might consider visiting the our forum: http://alithemes.com or send email to address: contact.alithemes@gmail.com

AliThemes Team