531 lines
30 KiB
PHP
531 lines
30 KiB
PHP
|
<link rel="stylesheet" href="<?php echo WPV_THEME_URI?>docs/style/screen.css" type="text/css" media="screen, projection">
|
||
|
|
<link rel="stylesheet" href="<?php echo WPV_THEME_URI?>docs/style/print.css" type="text/css" media="print">
|
||
|
|
<!--[if lt IE 8]><link rel="stylesheet" href="<?php echo WPV_THEME_URI?>docs/style/ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||
|
|
<style type="text/css" media="screen">
|
||
|
|
p, table, hr, .box { margin-bottom:25px; }
|
||
|
|
.box p { margin-bottom:10px; }
|
||
|
|
.panel_title { color: #21759b;text-decoration:underline;}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="container docs">
|
||
|
|
|
||
|
|
<h3 class="center alt">“Progressio” Documentation by “Vamtam” v1.0</h3>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h1 class="center">“Progressio”</h1>
|
||
|
|
|
||
|
|
<div class="borderTop">
|
||
|
|
<div class="span-6 colborder info prepend-1">
|
||
|
|
<p class="prepend-top">
|
||
|
|
<strong>
|
||
|
|
Created: 20.09.2011<br>
|
||
|
|
By: <a href="http://vamtam.com/" target="_blank">Vamtam</a><br>
|
||
|
|
Email: <a href="mailto:office@vamtam.com">office@vamtam.com</a>
|
||
|
|
</strong>
|
||
|
|
</p>
|
||
|
|
</div><!-- end div .span-6 -->
|
||
|
|
|
||
|
|
<div class="span-12 last">
|
||
|
|
<p class="prepend-top append-0">Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to <a href="mailto:office@vamtam.com">email us</a>. And You should <a href="http://twitter.com/vamtam" target=_blank>follow us on twitter</a> to get the updates. Thanks so much!</p>
|
||
|
|
</div>
|
||
|
|
</div><!-- end div .borderTop -->
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h2 id="toc" class="alt">Table of Contents</h2>
|
||
|
|
<ol class="alpha">
|
||
|
|
<li>
|
||
|
|
<a href="#progressioinstallation">Progressio Installation</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeoptions">Theme options</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeoptionsgeneralsettings">General Settings</a></li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeoptionslayout">Layout</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeoptionslayoutheader">Header Layout</a></li>
|
||
|
|
<li><a href="#themeoptionslayoutfooter">Footer Layout</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeoptionsstyles">Styles</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeoptionsstylesgeneraltypography">General Typography</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesheader">Header</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesbody">Body</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesfooter">Footer</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesboxedlayout">Boxed Layout</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesforms">Forms</a></li>
|
||
|
|
<li><a href="#themeoptionsstylestabsaccordionstoggles">Tabs, accordions and toggles</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesmedia">Media</a></li>
|
||
|
|
<li><a href="#themeoptionsstylesposts">Posts</a></li>
|
||
|
|
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li><a href="#themeoptionsheaderslider">Header Slider</a></li>
|
||
|
|
<li><a href="#themeoptionssaveimportskin">Save/Import Skin</a></li>
|
||
|
|
</ol>
|
||
|
|
<li>
|
||
|
|
<a href="#themeframeworkoptions">Framework Options</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeframeworkoptionsgeneral">General</a></li>
|
||
|
|
<li><a href="#themeframeworkoptionsmanagesidebars">Manage Sidebars</a></li>
|
||
|
|
<li><a href="#themeframeworkoptionsquickimport">Quick Import</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeportfolios">Portfolios</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeportfoliovamtamoptions">Portfolio Vamtam options</a></li>
|
||
|
|
<li><a href="#themeportfoliovamtamtemplates">Portfolio Vamtam templates</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeslides">Slides</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themeslideslideshowoptions">Slide Slideshow options</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themeposts">Posts</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themepostsvamtamoptions">Posts Vamtam options</a></li>
|
||
|
|
<li><a href="#themepoststemplates">Posts Vamtam templates</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#themepages">Pages</a>
|
||
|
|
<ol>
|
||
|
|
<li><a href="#themepagesvamtamoptions">Pages Vamtam options</a></li>
|
||
|
|
<li><a href="#themepagestemplates">Pages Vamtam templates</a></li>
|
||
|
|
</ol>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#progressiovideos">Progressio Videos</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#credits">Credits</a>
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<h3 id="progressioinstallation"><strong>A) Progressio Installation</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<p>
|
||
|
|
Download <strong>Progressio</strong> theme to a separate folder and unzip the package file.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Note: the following theme is Wordpress 3.1+ compatible. Use your ftp or ssh client to copy the
|
||
|
|
“progressio” folder in your WordPress installation: <strong><em>[WP-Install]/wp-content/themes/</em></strong> .
|
||
|
|
All other resource folders are not required for theme installation.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Note: The progressio/cache folder (as well as the other cache files inside) need 755 privileges. This could be done with FileZilla or another FTP
|
||
|
|
client where you open <strong>your-wordpress-install/wp-content/themes/progressio</strong> and right click on cache and select 755 for privileges plus the
|
||
|
|
tick for recursive permission inheritance to the other files and folders inside. With plain console/shell it would be:
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<code>chmod 755 -R cache</code>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
for the cache folder. For more permission details please refer to <a href="http://buddingbloggers.com/2009/04/changing-file-permissions-via-filezilla/" target="_blank">Changing file permissions via FileZilla</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
If you are experiencing troubles with the css caches (broken layout, missing backgrounds), please set the priviliges of /cache/ to 777 and reactivate the theme.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After the transfer is complete, visit the <strong><em>WordPress administration</em></strong> => <strong><em>Appearance</em></strong> =>
|
||
|
|
<strong><em>Themes</em></strong>. Find the “<strong><em>Progressio</em></strong>” theme and activate it as your new website layout. In the
|
||
|
|
sidebar you will see your new theme panels for <strong><em>Slides</em></strong>, <strong><em>Portfolios</em></strong> and <strong><em>Vamtam options</em></strong>:
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/dashboard_slides_portolios_theme_options.png">
|
||
|
|
|
||
|
|
<p>If you need help installing Wordpress see the link below:<br />
|
||
|
|
<a target="_blank" href="http://codex.wordpress.org/Installing_WordPress">http://codex.wordpress.org/Installing_WordPress</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeoptions"><strong>B) Theme options</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
The <strong><em>Vamtam</em></strong> panel in your admin sidebar will help you to polish and configure your theme. There are
|
||
|
|
different sets of options separated by type and area for your convenience.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/dashboard_vamtam_panel.png">
|
||
|
|
|
||
|
|
<br /><br />
|
||
|
|
<h3 id="themeoptionsgeneralsettings"><strong>B 1) General Settings</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_general_settings.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
The <em>General Settings</em> tab includes the basic settings for your pages. Here you could enable or disable
|
||
|
|
some of the visible panels for your website: the “<em>Scroll to top</em>” button in the right section
|
||
|
|
of the website when you scroll down, the <em>RSS button</em> in the top right corner and the <em>Feedback button link</em> as well.
|
||
|
|
All of these elements could be set visible or hidden according to your preferences. In <em>Share icons</em> you can select
|
||
|
|
the social medias you want enabled and for which parts of the website to be shown.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeoptionslayout"><strong>B 2) Layout</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_layout_general.png">
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Layout</em> you can set the the width of the sidebars in the body, and the height of the header and slider, sidebars and body
|
||
|
|
content, footer widgets areas and subfooter area by dragging the blue sliders. You can enable or disable <em>Boxed layout</em> and
|
||
|
|
<em>Fixed header</em>.</p>
|
||
|
|
<p>Progressio allows you to choose between the boxed or full width layout. In other words your website could be strictly wide a given amount of pixels
|
||
|
|
or instead fill the whole width of your monitor. This is up to you - and in combination with the sliders this could give you infinite
|
||
|
|
power to create a beautiful and powerful site with a great usability.</p>
|
||
|
|
<p>The <em>Fixed header</em> options together with the <em>Boxed Layout</em> helps you to use entirely gridded boxed layout, full width one or boxed layout with a full width header. <br />
|
||
|
|
You can adjust Header height, Header slider height, Left and Right sidebars widths.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionslayoutheader"><strong>B 2.1) Header Layout</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_layout_header.png">
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Header Layout</em> you can adjust the widget areas. They are placed between the slider and the body of the site. By default
|
||
|
|
these areas are disabled. They can be enabled on every single page or post. You can either choose one of the predefined layouts or
|
||
|
|
configure your own in the "Advanced" section.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Widget areas are a special Progressio feature in case that you need to use widgets in the content area. If you use some third party plugins with powerful widgets and want them to be visible in the actual content area, just enable them here and add your widgets.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionslayoutfooter"><strong>B 2.2) Footer Layout</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_layout_footer.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Footer Layout</em> are placed the footer widget areas are placed after the body of the site. You can either choose one of
|
||
|
|
the predefined layouts or configure your own in the "Advanced" section if you want.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeoptionsstyles"><strong>B 3) Styles</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_general.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Styles</em> you can style <em>General backgrounds</em>, <em>General links</em> and <em>General colors</em>.
|
||
|
|
In <em>General backgrounds</em> you can set background color or insert custom background picture or choose some of the preset
|
||
|
|
background patterns we have created for you! Also you can set colors for different links.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesgeneraltypography"><strong>B 3.1) General Typography</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_general_tipography.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Typography</em> you can configure font size, line height for the fonts. You can choose for different font types, set font style
|
||
|
|
and font color. Please keep in mind that CSS3 fonts and Google fonts use a technique which is not supported in IE7/8.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesheader"><strong>B 3.2) Header</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_header.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Header</em> you can set custom background color or insert picture for your header background. Also you can set background color
|
||
|
|
for slider or insert background image. You can adjust font for your Site title and set colors for links in you header. There are plenty of settings here for precise adjustment of your background or font settings.</p>
|
||
|
|
<p>
|
||
|
|
For <em>Menu</em> you can style general menu font and set colors for submenu items as well.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesbody"><strong>B 3.3) Body</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_body.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Body</em> you can set background color from palette and if you want you can insert image for background. Color pickers will assist you to select the appropriate color through the RGB color schemes. There are additional options for background positioning and layout.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesfooter"><strong>B 3.4) Footer</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_footer.png">
|
||
|
|
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Footer</em> you can set custom background colors or insert background images for Footer and Sub-footer backgrounds. Also you can
|
||
|
|
set colors for widgets areas and select general footer font-size. In Link section you can adjust footer widget links colors to your taste.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesboxedlayout"><strong>B 3.5) Boxed Layout</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_boxed_layout.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Boxed Layout</em> you can set background color from palette or set custom background image.
|
||
|
|
You may enable boxed layout using the "Enable boxed layout" option in the "Layout" section.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesforms"><strong>B 3.6) Forms</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_forms.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Forms</em> section you can adjust Buttons text and hover text colors and buttons border radius. Also you can set custom colors for text fields.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylestabsaccordionstoggles"><strong>B 3.7) Tabs, accordions and toggles</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_tabs_accordions_and_toggles.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Here you can customize different color settings for Tabs, accordions and toggles.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesmedia"><strong>B 3.8) Media</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_media.png">
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
The options in <em>Media</em> are only valid for shortcodes "Images" and "Video". Here you can adjust height and width of different media files.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeoptionsstylesposts"><strong>B 3.9) Posts</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_styles_posts.png">
|
||
|
|
|
||
|
|
</p>
|
||
|
|
In <em>Posts</em> you can set width and height for "Side image" and "Full image" dimensions. Also in Meta you can choose whether to
|
||
|
|
show or not these options categories and tabs, timestamp and comment count. These are the settings to be configured before you use your WordPress installation for a blog or news engine and further customizations on the look and feel of your posts.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeoptionsheaderslider"><strong>B 4) Header Slider</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_header_slider.png">
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Header Slider</em> you can enable or disable <em>featured posts</em> and <em>full width</em> to <em>Header slider</em>.<br />
|
||
|
|
The <em>Featured posts</em> option adds all featured posts preselected by you to the header slider. When you navigate to a post editing panel, you could select a post as a featured so it could later be slided in the header slider.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
You can choose from different options from <em>Slider style</em>, <em>Pause time</em> and <em>Animation time</em> in miliseconds,
|
||
|
|
turn on/off <em>Pause on hover</em>. These options would change the behavior of your slider in a way for you to be able to modify the speed and duration of your animation.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>Progressio</strong> is created with plenty of slider types and options and you are able to test them on our demo installation. The variety of effects and settings will let you polish your overall website vision. You have options to choose <em>Autostart</em> direction to Slider and if you want
|
||
|
|
you can set text to "<em>Next</em>" and "<em>Previous</em>" buttons.
|
||
|
|
|
||
|
|
<p>
|
||
|
|
First slider style is <em>Fade</em>. This is our simpliest slider.
|
||
|
|
<br /><br />
|
||
|
|
Then we have <em>Slide</em> slider. This is slider who changes images with plenty of <em>Easing</em> options.
|
||
|
|
<br />
|
||
|
|
<em>Easing</em> functions are mathematical functions that are used to interpolate values between two endpoints usually with non-linear results.
|
||
|
|
That is a fancy way of saying that they determine the way something moves.
|
||
|
|
Animation <em>Easings</em> are most visible with sliding type effects.
|
||
|
|
<br /><br />
|
||
|
|
The <em>Slide with multiple captions</em> is like <em>Slide</em> but here we have animated <em>Advanced captions</em> which is add from <em>Advanced captions</em> in <a href="#themeslideslideshowoptions">Slide Slideshow options</a>.
|
||
|
|
<br /><br />
|
||
|
|
<em>Grid fade</em>, <em>Grid wave</em>, <em>Grid random</em> are grid sliders.
|
||
|
|
<br />
|
||
|
|
There are different options for Grid. For example you can enable or disable <em>Visible grid</em> (which is one of our slider effects), set custom color and set numbers of cells for Grid rows and cols.
|
||
|
|
For optimum performance, please mind that rows*cols should not exceed 50.
|
||
|
|
<br />
|
||
|
|
For the <em>waving slider</em> you can choose <em>Wave type</em> and set <em>Sub-side duration</em>.
|
||
|
|
<br /><br />
|
||
|
|
<em>Zoom in</em>, <em>Peek</em> and <em>Shrink slide</em> sliders are next from the list. It is important to say that the "<em>shrink</em>" style doesn't work work with a full width slider.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
It is important to say that while most of the settings for the <em> Header Slider</em> in <em>Theme options</em> are global, you are able to override some
|
||
|
|
in the <em>Post/Page settings</em>, for example, <em>Slider style</em>. These options act as defaults for newly created Posts/Pages. This gives you opportunity
|
||
|
|
to have different styles for your <em>Header Slider</em> in different Posts/Pages.<br />
|
||
|
|
To see how, check <a href="#themepagesvamtamoptions">Pages Vamtam options</a> or <a href="#themepostsvamtamoptions">Posts Vamtam options</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 id="themeoptionssaveimportskin"><strong>B 5) Save/Import Skin</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_options_save_import_skin.png">
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>The Vamtam theme</strong> gives you opportunity to <em>Save current skin</em> or <em>Import saved skin</em> that you saved before.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeframeworkoptions"><strong>C) Framework Options</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
|
||
|
|
<h3 id="themeframeworkoptionsgeneral"><strong>C 1) General</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/framework_options_general.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Here you can set custom <em>Logo picture</em> and choose <em>Favicon</em>. If you want you can add Copyright custom text to appear in the footer. You can paste your Google Maps API Key and
|
||
|
|
Google Analytics Key easily. If you want you can put in footer custom <em>javascript</em> and <em>CSS</em> code.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeframeworkoptionsmanagesidebars"><strong>C 2) Manage Sidebars</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/framework_options_manage_sidebars.png">
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Here you can add new sidebars or delete already exists if you have added before. When you add new sidebar, you will be able
|
||
|
|
to manage it from <em>Widgets</em> in your theme.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeframeworkoptionsquickimport"><strong>C 3) Quick Import</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/framework_options_quick_import.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>Vamtam</strong> gives you option to <em>Import dummy content</em> that we have prepared for you. You can edit content
|
||
|
|
in any time you want. This is the perfect chance for you to install WordPress and Progressio and get all the existing demo content we provide on the demo site and only replace the text and images as you would do in your website assignment. Quick and clean solution combining all the shortcode combinations and skins that you have already seen on the demo.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 id="themeportfolios"><strong>D) Portfolios</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/vamtam_portfolios.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
You can add <em>Portfolios</em> and categories for them.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeportfoliovamtamoptions"><strong>D 1) Portfolio Vamtam options</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/portfolio_vamtam_options.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Porftolios</em> page you can turn on/off <em>Feature in header slider</em>. This is the same option mentioned above that allows you to add a post (or a custom post type) to the header listing. Feel free to combine posts and portfolios - the slider supports that too.
|
||
|
|
</p>
|
||
|
|
<p>You can adjust <em>Layout type</em> for your porftolio and set options for <em>Left</em> and <em>Right</em> sidebars on the portfolio page. You can enable or disable <em>Header widget areas</em> and choose <em>Custom background color</em> or <em>Insert custom image</em> for portfolio background. So you could list your portfolio items in a grid and present a beautiful background image or color that suits your overall outlook. </p>
|
||
|
|
<p>
|
||
|
|
You have additional settings for the <em>Header slider</em>. Here you can enable or disable slider and set a <em>Slider style</em> - as you could just hide the slider for that portfolio page or want to change the effects and appearance options. You can turn on or off <em>Full width slider</em> and choose to show slides only from specific <em>slides categories</em> (for better filtering).</p>
|
||
|
|
<p>
|
||
|
|
You can select <em>Portfolio data type</em> from dropdown and insert <em>Portfolio data url</em>. Portfolios could embed different images, videos or other documents. An item can adjust width and height for <em>Portfolio video</em> and choose <em>Portfolio link target</em>. Also you can add images for <em>Portfolio gallery</em>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeportfoliovamtamtemplates"><strong>D 2) Portfolio Vamtam templates</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/portfolio_vamtam_template.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After styled your Portfolio from <em>Vamtam options</em> you can save current template or choose from saved templates for your porftolio. The template is an overall structure of your portfolio with the options and outlook and theme settings that you would normally use on another page. This makes it easier to replicate without the repetitive clicking of all options around the page.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themeslides"><strong>E) Slides</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/vamtam_slides.png">
|
||
|
|
<br />
|
||
|
|
<p>
|
||
|
|
In <em>Slides</em> section you add slides and slides categories for your <em>Header slider</em>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themeslideslideshowoptions"><strong>E 1) Slide Slideshow options</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/slide_slideshow_options.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
In <em>Slide Sledeshow options</em> you can set background colors for <em>Background</em> and <em>Caption background</em>.
|
||
|
|
Certain slider styles may provide you with the option to have several captions each of which appears in a different place and/or have different
|
||
|
|
animation from the others. <br />
|
||
|
|
Here you can add two <em>Caption Helpers</em>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 id="themeposts"><strong>F) Posts</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
|
||
|
|
<h5 id="themepostsvamtamoptions"><strong>F 1) Posts Vamtam options</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_post_vamtam_options.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After the standard <strong>Progressio</strong> installation your <em>Post editor</em> for every post will attain the <em>Vamtam options</em> panel
|
||
|
|
form where you can personalize every single post.</p>
|
||
|
|
<p>
|
||
|
|
You can enalbe or disable <em>Feature in header slider</em>. You can adjust <em>Layout type</em> for your post and set options for <em>Left</em> and/or <em>Right</em> sidebars. You can enable or disable the <em>Header widget areas</em> (in order to add some widgets in the content part of your single post view) and choose <em>Custom background color</em> or <em>Insert custom image</em> for post background.</p>
|
||
|
|
<p>Also, there are the standard settings for the <em>Header slider</em>. Here you can enable or disable slider and set <em>Slider style</em>.
|
||
|
|
You can turn on or off the <em>Full width slider</em> if you need some specific header layout for that post view and prefer to show slides only from specific <em>slides categories</em>.</p>
|
||
|
|
<p>Check the settings for <em>Post format</em> as this is a supported feature of Progressio based on the newest WordPress improvements. <em>Link</em> is to be set when you set "quote", "link", "audio" and "video" formats and <em>Quote author</em>
|
||
|
|
for the "quote" post format. There are different layout and preview visibility settings for each post format supported by our theme.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themepoststemplates"><strong>F 2) Posts Vamtam templates</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_posts_vamtam_templates.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After styled your post from <em>Vamtam options</em> you can save current template or choose from saved templates for your post.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="themepages"><strong>G) Pages</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
|
||
|
|
<h5 id="themepagesvamtamoptions"><strong>G 1) Pages Vamtam options</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_page_vamtam_options.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After <strong>Progressio</strong> is installed bellow <em>Page editor</em> for each page will show <em>Vamtam options</em> panel
|
||
|
|
form which you can personalize every single page. You can add <em>Descriptions</em> for your page. You can adjust
|
||
|
|
<em>Layout type</em> for your page and set options for <em>Left</em> and <em>Right</em> sidebars. You can enable or disable
|
||
|
|
<em>Header widget areas</em> and choose <em>Custom background color</em> or <em>Insert custom image</em> for page background.
|
||
|
|
You have settings for <em>Header slider</em>. Here you can enable or disable slider and set <em>Slider style</em>.
|
||
|
|
You can turn on or off <em>Full width slider</em> and choose to show slides only from specific <em>slides categories</em>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h5 id="themepagestemplates"><strong>G 2) Pages templates</strong> - <a href="#toc">back to TOC</a></h5>
|
||
|
|
<img src="<?php echo WPV_THEME_URI?>docs/images/theme_pages_vamtam_templates.png">
|
||
|
|
|
||
|
|
<p>
|
||
|
|
After styled your page from <em>Vamtam options</em> you can save current template or choose from saved templates for your page.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3 id="progressiovideos"><strong>H) Progressio Videos</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
<p>
|
||
|
|
Here you can find videos for <em>Progressio</em> theme.
|
||
|
|
<br />
|
||
|
|
<a href="http://vamtam.com/progressio/tutorials" target="_blank">Progressio videos</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<br />
|
||
|
|
<hr>
|
||
|
|
<h3 id="credits"><strong>I) CREDITS</strong> - <a href="#toc">back to TOC</a></h3>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>Photos</strong>
|
||
|
|
<br />
|
||
|
|
<a href="http://www.sxc.hu/" target="_blank">http://www.sxc.hu/</a>
|
||
|
|
<br />
|
||
|
|
Please note that the images on the demo site are not included in the dummy content of the site.
|
||
|
|
These are free stock images and can be obtained from the link above.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>Patterns</strong>
|
||
|
|
<br />
|
||
|
|
<a href="http://subtlepatterns.com" target="_blank">http://subtlepatterns.com</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<strong>Icons</strong>
|
||
|
|
<br />
|
||
|
|
<a href="http://www.iconsweets2.com/" target="_blank">http://www.iconsweets2.com/</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<strong>Others</strong>
|
||
|
|
HTML5 Boilerplate - <a href="http://html5boilerplate.com/" target="_blank">http://html5boilerplate.com/</a><br />
|
||
|
|
960 Grid System - <a href="http://960.gs/" target="_blank">http://960.gs/</a><br />
|
||
|
|
modernizr - <a href="http://modernizr.com" target="_blank">http://modernizr.com</a><br />
|
||
|
|
jQuery mColorPicker - <a href="https://github.com/meta100/mColorPicker" target="_blank">https://github.com/meta100/mColorPicker</a><br />
|
||
|
|
jQuery colorbox - <a href="http://colorpowered.com/colorbox/" target="_blank">http://colorpowered.com/colorbox/</a><br />
|
||
|
|
jQuery corner - <a href="http://jquery.malsup.com/corner/" target="_blank">http://jquery.malsup.com/corner/</a><br />
|
||
|
|
jQuery gmap - <a href="http://gmap.nurtext.de/" target="_blank">http://gmap.nurtext.de/</a><br />
|
||
|
|
jplayer - <a href="http://jplayer.org" target="_blank">http://jplayer.org</a><br />
|
||
|
|
jQuery swfobject - <a href="http://jquery.thewikies.com/swfobject/" target="_blank">http://jquery.thewikies.com/swfobject/</a><br />
|
||
|
|
jQuery tweet - <a href="http://tweet.seaofclouds.com/" target="_blank">http://tweet.seaofclouds.com/</a><br />
|
||
|
|
jQuery UI - <a href="http://jqueryui.com/" target="_blank">http://jqueryui.com/</a><br />
|
||
|
|
VideoJS - <a href="http://videojs.com/" target="_blank">http://videojs.com/</a><br />
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting <a href="http://vamtam.com/support">the forums</a> and asking your question in the "Item Discussion" section.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="append-bottom alt large"><strong>Vamtam</strong></p>
|
||
|
|
<p><a href="#toc">Go To Table of Contents</a></p>
|
||
|
|
|
||
|
|
<hr class="space">
|
||
|
|
</div><!-- end div .container -->
|