15 Mayıs 2014 Perşembe

Unite Theme Documentasyonu

Unite Theme Demosu


Unite Theme Documentasyonu


Table of Contents

  1. Installation
  2. Plugin installation
  3. Custom Menu
  4. Custom Background
  5. Set up Homepage Featured Slider
  6. Customization
  7. How to Disable Page Comments
  8. Recommended Image Sizes
  9. How to set up Blog Page
  10. Translation
  11. Gallery
  12. Footer Copyright

1. Theme installation

1.1 Through Dashboard (Easy)

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

1.2 Manual Installation using FTP (Advanced)

  • Go to Unite page at http://colorlib.com/wp/unite .
  • Click on Download button to download theme on your Desktop.
  • Unzip unite.zip on your Desktop.
  • Access your host web server using your favorite FTP client (such as Cyberduck, FileZilla or other).
  • Navigate to /wp-content/themes/ and  upload  entire “unite” folder.
  • Now open WP Dashboard and go to Appearance->Themes and activate Unite theme from there.

2. Plugin instalation

This theme relies on Options Framework by WP Theming to provide customization options and CPT Bootstrap Carousel for image slider . Right after you activate Unite, you’ll see message on top of your screen, asking you to install Options Framework (required) and CPT Bootstrap Carousel (optional). Make sure you install and activate those plugins once installed.
If you dismiss this notice, you can install those plugins later via WordPress dashboard – Appearance – Install Plugins.

3. Custom Menu

Unite theme sports WordPress Custom menu in header and footer. More about its default functionality you can find on this tutorial made by team behind WordPress itself.
This is how our Theme Demo Menu is created.
This is how out Theme Demo Menu is created.

3.1. Advanced Manu Setup

This theme uses a custom built Bootstrap Nav Walker that allows to use Glyphicons and other Bootstrap stylings.
This script included the ability to add Bootstrap dividers, dropdown headers, glyphicons and disables links to your menus through the WordPress menu UI.
3.1.1. Dividers
Simply add a Link menu item with a URL of # and a Link Text or Title Attribute of divider (case-insensitive so ‘divider’ or ‘Divider’ will both work ) and the class will do the rest.
WordPress submenu divider
3.1.2. Glyphicons
To add an Icon to your link simple place the Glyphicon class name in the links Title Attribute field and the class will do the rest. Glyphicon classes you can find here.
Glyphicons for WordPress
3.1.3. Dropdown Headers
Adding a dropdown header is very similar, add a new link with a URL of # and a Title Attribute of dropdown-header (it matches the Bootstrap CSS class so it’s easy to remember). set the Navigation Label to your header text and the class will do the rest.
3.1.4. Disabled Links
To set a disabled link simply add “disabled” to the Title Attribute and the theme will do the rest.
disabled WordPress menu

4. Custom Background

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

5. Setup Featured Slider For Homepage

Unite theme for image slider relies on CPT Bootstrap Carousel. It is a Bootstrap based slider which is specially styled for this theme, however, you can feel free to use any slider.
  1. Install CPT Bootstrap Carousel if you haven’t already.
  2. Add new Carousel via WordPress dashboard – Carousel – Add New.
  3. The main thing here is to properly set Title, Featured Image and Content itself as it will be displayed in slider.
  4. You can create as many slides as you want and point them to any Post/Page or any other external resource by setting “Image URL” in the right side of the Carousel Edit Screen.
  5. Now copy paste this [image-carousel twbs="3"] shortcode into any Post/Page to display all previously created slides.
  6. For mode advanced setup and multiple slider setup you can refer to Plugin Documentation.

6. Customization

There are several customizations available for this theme via Appearance – Theme Options. You can change elements color, link color, header menu style, footer color, social link color and many other aspects. If you feel that you can’t do something, please notify us via Support Forum.

7. How to Disable Comments for Page/Post

disable WordPress Comments
  • Open particular page on which you want to turn off comments via WP dashboard.
  • Look for the Discussion box below the post editor box.
  • It might be disabled but you can enable it via Screen Options.
  • Uncheck Allow Comments in the Discussion box and hit Update.
To disable Comments on posts “globally”. Go to Settings – Discussion – and untick “. This will apply for new Posts. Post that are already published won’t be changed and will still have open comments section.

8. Recommended Image Sizes

Featured Image (Blog and Single Post) is set to 730 by 410 pixels.
Featured Slider Images. Personally I use 1100 by 600 pixel images for Unite Demo but you can feel free to use any other image size.

How to set up Blog Page

Blog should be displayed by default on front page. If you have chosen to use Home Page as static like I have in Theme Demo you will have to setup blog page separately.
  1. Create a new Page and name it “Blog” or whatever you feel right.
  2. Go to Setting – Reading and select “A static page (select below)”
  3. Now select previously created Page as “Posts page:”

9. Translation

Unite theme is translation ready and has translation files included. Please see this tutorial on how to translate this or any other WordPress theme. Once you have translated Unite, please send translation files to use and we will include them in the next theme update.

10. Gallery

Gallery page as on Unite Demo is created using Jetpack plugin, which is developed by the same team which is behind WordPress itself.
jetpack tiled gallery
  1. Download and install Jetpack.
  2. Enable function called “Tiled Galleries” via WordPress dashboard – Jetpack.
  3. Create a Post/Page like you normally would.
  4. Create WordPress gallery and set Tiled Mosaic under Gallery Settings on the right side of the Gallery Edit Screen.

11. Footer Copyright

We made it easy to change Footer Copyright information for this theme. You can change it via Appearance – Theme Options – Footer. This form supports HTML for URLs and other formatting. You can also change Footer background, text, link color via Theme Options.
If you feel that something is missing from this you can start a new thread on our Support Forum.


Kaynak : https://github.com/puikinsh/Unite-Theme

Customizable WordPress WooCommerce theme developed using Bootstrap 3 and Options Framework

 branch: master

/*========= About Theme =========*/

Theme Name: Unite
Theme URI: http://colorlib.com/wp/unite/
Version: 1.4
Tested up to: WP 3.9

Author: Aigars Silkalns
Author URI: http://colorlib.com/wp/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Unite theme, Copyright 2014 colorlib.com
Unite WordPress theme is distributed under the terms of the GNU GPL
Unite is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

/*========= Credits =========*/

Unite theme uses:

* CPT Bootstrap Carousel licensed under the GPLv2 license (http://www.gnu.org/licenses/gpl-2.0.html)
* FontAwesome (http://fontawesome.io) licensed under the SIL OFL 1.1 http://scripts.sil.org/OFL)
* TGM Plugin Activation library (https://github.com/thomasgriffin/TGM-Plugin-Activation) licensed under GNU General Public License v2.0 or later
* WP-Bootstrap-NavWalker licensed under the GPLv2 license (http://www.gnu.org/licenses/gpl-2.0.html)

/*========= Description =========*/

Unite is a clean, modern and fully responsive WordPress wedding theme built using Bootstrap 3 which makes it optimized for tablets and mobile. It is a highly customizable theme with unlimited color variations that can be tweaked via simple yet powerful Theme Options. Theme has a built-in Popular Posts Widget, Infinite Scroll (powered by Jatpack) and translation support. It's now available in German. Theme features fancy image slider, SEO friendly structure, logo support, social links and widgetized homepage.  This theme was built to be used for wedding related websites but can be tweaked to be used as any other image-centric blog such as travel. Unite theme now supports WooCommerce to create your own eStore.

For questions, comments or bug reports, visit Colorlib support forum (http://colorlib.com/wp/forums).

/*========= Installation =========*/

You can install the theme through the WordPress installer under "Themes" > "Install themes" by searching for "Unite".

Alternatively you can download the file, unzip it and move the unzipped contents to the "wp-content/themes" folder of your WordPress installation. You will then be able to activate the theme.

This theme relies on Options Framework by WP Theming to provide customization options.
Right after you activate Unite, you'll see message on top of your screen, asking you to install Options Framework (required) and CPT Bootstrap Carousel (optional). Make sure you install and activate those plugins.

If you dismiss this notice, you can install those plugins later via Appearance->Install plugins.

/*========= Theme Features =========*/

* Bootstrap 3 integration
* Responsive design
* Unlimited color variations
* SEO friendly
* Theme Options
* Image centric approach
* Internationalized & localization
* Drop-down Menu
* Cross-browser compatibility
* Threaded Comments
* Gravatar ready

/*========= Documentation =========*/

Theme documentation is available on http://colorlib.com/wp/support/unite

/*========= Changelog =========*/

= 1.4 - 24.04.2014 =

* Added WooCoomerce support
* Fixed bug with widgets when static page is used as front page.
* Other small improvements

= 1.3.1 - 14.03.2014 =

* Fixed left/right sidebar bug introduced in 1.3.

= 1.3 - 05.03.2014 =

* Added German translation
* Added logo upload (Custom Header)
* Added IE8 support (html5shiv.js and respond.js)

= 1.2 - 15.02.2014 =
* Added options to chose between full-content "the_content" and excerpt "the_excerpt" setup via Them Options.
* Added option to choose between Left and Right sidebar
* Added option to change image slider title color. Now part of "Element Background Color"
* Improved "Continue Reading" button
* Updated translation files
* Other small CSS tweaks
* Removed unused layout options and replaced with a simpler Bootstrap alternatives.

= 1.1 - 31.01.2014 =
* Options Framework  is now part of the theme and is no longer installed as plugin
* page-homepage.php is now frong-page.php with several tweaks
* Removed menu parameter from wp_nav_menu
* Improved post and page navigation
* Updated comment form styling
* Other small CSS tweaks
* Added filter for Post/Page titles when no title is used.
* Updated Bootstrap to 3.1
* Added minified JavaScript files for better performance. Unminified dev versions are still there.

= 1.0.1 - 20.01.2014 =
* Moved translation files to the right folder

= 1.0 - 20.01.2014 =
Initial release

Hiç yorum yok:

Yorum Gönder