-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_en.html
2340 lines (2099 loc) · 158 KB
/
index_en.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Cherry WooCommerce Template Documentation</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="css/responsive.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/flexslider.css" media="screen">
<link rel="stylesheet" href="css/prettify.css" media="screen">
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen">
<link rel="canonical" href="http://www.templatemonster.com/help/quick-start-guide/woocommerce-themes/master/index_en.html"/>
<script src="js/jquery.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/jquery-migrate-1.1.0.js"></script>
<script src="js/prettify.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/bootstrap-affix.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<link href="google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="google-code-prettify/prettify.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
<!--[if lt IE 8]>
<div style='text-align:center'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- Cherry Version master-->
<!-- header
================================================== -->
<header class="header">
<div class="container">
<div class="row">
<article class="span3"><a class="brand" href="/help/" target="_blank"></a></article>
<article class="span7">
<h1>Cherry WooCommerce Documentation</h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>En</b><i class="icon-angle-down"></i></div>
<ul class="select-menu_list">
</ul>
</div>
<div id="versions" class="select-menu pull-right">
<div class="select-menu_icon"><b>v3-1</b><i class="icon-angle-down"></i></div>
<ul class="select-menu_list">
<li class="active"><a href="/help/quick-start-guide/wordpress-themes/v3-1/index_en.html"><span>v3-1</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v3-0/index_en.html"><span>v3-0</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v2-4/index_en.html"><span>v2-4</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v2-3/index_en.html"><span>v2-3</span></a></li>
</ul>
</div>
</article>
</div>
</div>
</header>
<div id="content">
<div class="bg-content-top">
<div class="container">
<!-- Docs nav
================================================== -->
<div class="row">
<div class="span3">
<div id="nav_container">
<a href="javascript:;" id="affect_all">
<span class="expand">
<i class="icon-angle-down"></i>
</span>
<span class="close">
<i class="icon-angle-up"></i>
</span>
</a>
<div class="row-fluid"></div>
<ul class="nav nav-list bs-docs-sidenav" id="nav">
<li class="nav-item item1">
<dl class="slide-down">
<dt><a href="#introduction" class="icon-info-sign">Introduction</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item2">
<dl class="slide-down">
<dt><a href="#template_installation" class="icon-check special"><b>Template installation</b></a> <i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Step 1. CherryFramework installation</a></li>
<li><a href="#theme_installation">Step 2. Theme installation</a></li>
<li><a href="#theme_sample_data">Step 3. Sample Data Installation</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Getting Started </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Preparation</a></li>
<li><a href="#engine_installation">Engine installation</a></li>
<li><a href="#manual_install">Manual theme installation</a></li>
<li><a href="#plugins_intstall">Plugin Installation</a></li>
<li><a href="#theme_plugins">Theme Plugins</a></li>
<li><a href="#google_services">Loading data from Google servers</a></li>
<li><a href="#olark_live_chat">Olark live chat</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item4">
<dl class="slide-down">
<dt><a href="#backup_update" class="icon-refresh">Backup and Update</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item5">
<dl class="slide-down">
<dt><a href="#page_templates_sidebars" class="icon-file-alt">Page Templates and Sidebars</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Posts, Cat. and Post Formats</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Adding category</a></li>
<li><a href="#blog_post">Creating a Blog post</a></li>
<li><a href="#post-formats">Choosing a Post Format</a></li>
<li><a href="#slider_post">Creating a slider post</a></li>
<li><a href="#portfolio_post">Adding a Portfolio post</a></li>
<li><a href="#testimonial_post">Adding a Testimonials post</a></li>
<li><a href="#faq_post">Adding an FAQs post</a></li>
<li><a href="#team_post">Adding an Our Team post</a></li>
<!-- <li><a href="#clients_post">Adding a Clients post</a></li> -->
</ul>
</dd>
</dl>
</li>
<li class="nav-item item7">
<dl class="slide-down">
<dt><a href="#portfolio_page" class="icon-picture">Portfolio page </a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item8">
<dl class="slide-down">
<dt><a href="#shortcodes" class="icon-file">Shortcodes </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#dynamic_shortcodes">Dynamic</a></li>
<li><a href="#columns_shortcodes">Columns</a></li>
<li><a href="#elements_shortcodes">Elements</a></li>
<li><a href="#other_shortcodes">Other</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item9">
<dl class="slide-down">
<dt><a href="#plugins_widgets" class="icon-magnet">Plugins and Custom Widgets</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Cherry Options</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">General</a></li>
<li><a href="#logo_option">Logo & Favicon</a></li>
<li><a href="#navigation_option">Navigation</a></li>
<li><a href="#slider_option">Slider</a></li>
<li><a href="#blog_option">Blog</a></li>
<li><a href="#portfolio_option">Portfolio</a></li>
<li><a href="#footer_option">Footer</a></li>
<li><a href="#cookie_policy">Cookie Policy</a></li>
<li><a href="#additional_options">Additional options</a></li>
<li><a href="#shop_option">Shop options</a></li>
</ul>
</dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="span9">
<!-- box-content
================================================== -->
<div class="box-content">
<!-- block-started
================================================== -->
<section class="block-started" id="introduction" >
<h2 class="item1"><i class="icon-info-sign"></i> Introduction</h2>
<p>Thank you for purchasing a WordPress template. This documentation consists of several parts and shows you the entire process of setting up and administering a WordPress Website from scratch.</p>
<div id="wordpress_cms_desc">
<h4>What is WordPress CMS?</h4>
<p>WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. It enables you to build Websites and powerful on-line applications and requires almost no technical skills or knowledge to manage. Many aspects, including its ease of use and extensibility, have made WordPress the most popular Web site software available. <a href="http://wordpress.org/about/" target="_blank">Learn More</a></p>
</div>
<div id="wordpress_template_desc">
<h4>What is a WordPress template</h4>
<p>A WordPress template is a skin for a website built with the WordPress CMS platform. In other words, you can easily change your WordPress Web site appearance by installing a new template in a few easy steps. With all its simplicity, a WordPress template is provided with all the necessary source files and you are free to edit or extend it the way you need.</p>
</div>
<div id="help_support">
<h4>Help and Support</h4>
<ul class="list">
<li><a href="http://chat.template-help.com/" target="_blank">Live chat</a></li>
<li><a href="http://support.template-help.com/index.php?/Tickets/Submit" target="_blank">Help ticket system</a></li>
</ul>
</div>
<div id="file_structure">
<h4>Files structure</h4>
<p>The template package you have downloaded consists of several folders. Let's see what each folder contains:</p>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>documentation</b><small class="muted"> - contains documentation files.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - the main documentation file. You are right here :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - contains template screenshots. Not for production.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - contains template source files.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - template Adobe Photoshop source files (.psd).</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - contains WordPress theme files.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - Cherry Framework theme archive. Contains all theme files. Should be installed through WordPress extension manager.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - theme(child-theme) archive. Contains all theme files. Should be installed through WordPress extension manager.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - contains files that can make your WordPress website look like our live demo.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - contains all template sample data (posts, pages, categories, etc.).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - contains widgets settings.</small></li>
<li class="file"><i class="icon-file"></i> various images and other media files<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - contains files that can make your WordPress website look like our live demo.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - contains theme images.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - database backup file (contains theme content).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - contains license details.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - contains links where the template custom fonts can be downloaded.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - contains instructions on how to extract source files.</small></li>
</ul>
</div>
<div id="validation">
<h4>Validation</h4>
<div class="box-notification">
<span>Both HTML markup and CSS styles used in our templates are semantically correct and valid. However some W3C errors still can take place. Making code 100% W3C valid eliminates the usage of modern website technologies as CSS3 features and HTML5 markup. Our goal is to deliver rich user experience with high quality templates and sometimes we have to break some rules.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Template installation</h2>
<p>Template installation has never been easier. The installation process includes only three simple steps: Cherry framework installation, child theme installation and sample data installation.</p>
<p>All installation steps can be done within WordPress interface. It makes process comfortable and fast.</p>
<p>You can verify this by clicking on the link below:</p>
<figure class="img-paraloid quick-start-guide"><a href="/help/quick-start-guide/wordpress-themes/master/quick_guide/index_en.html" target="_blank" ><img src="img/wordpress/banner2.jpg" alt=""></a></figure>
<!-- CherryFramework installation -->
<article id="cherryframework_installation">
<h4>Step 1. CherryFramework installation</h4>
<ol style="margin-bottom:.5em;">
<li>Log in to your WordPress admin panel (add /wp-admin to your domain name in the browser address bar).</li>
<li>Go to the menu <strong>Appearance</strong> > <strong>Themes</strong> and click the <strong>Add New Theme </strong>button.</li>
<li>Click the <strong>Upload</strong> link.</li>
<li>Click the <strong>Browse</strong> button and navigate to the unzipped template package on your computer.</li>
<li>Look for a file called <strong>CherryFramework.zip</strong>. Click on it to select, then click <strong>OK</strong>.</li>
<li>Click the <strong>Install Now</strong> button and wait until the installation is complete.</li>
<li>Click the <strong>Activate</strong> theme link.</li>
</ol>
<p class="muted text-center"></p>
<p>For more information, feel free to check the detailed video tutorial on <!--<a target="_blank" href="/help/how-install-wordpress-theme-via-admin-panel.html">How to install a WordPress theme via admin panel</a> and--> <a target="_blank" href="/help/wordpress-how-to-install-cherry-framework-template-starting-with-version-3-1.html">How to install Cherry framework template</a>.</p>
<p>Congratulations, you have just installed the framework.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Step 2. Theme installation</h4>
<p>Now you can proceed to installing the child theme: <strong>theme####.zip</strong>. The steps are the same:</p>
<ol style="margin-bottom:.5em;">
<li>Go to the menu <strong>Appearance</strong> > <strong>Themes</strong> and click the <strong>Add New Theme </strong>button.</li>
<li>Click the <strong>Upload</strong> link.</li>
<li>Click the <strong>Browse</strong> button and navigate to the unzipped template package on your computer.</li>
<li>Look for a file called <strong>theme####.zip </strong>(where <strong>XXXX</strong> is the unique number of your theme). Click on it to select, then click <strong>OK</strong>.</li>
<li>Click the <strong>Install Now</strong> button and wait until the installation is complete.</li>
<li>Click the <strong>Activate</strong> link to change the current layout of the site to the theme your purchased.</li>
</ol>
<p class="muted text-center"></p>
<p>Congratulations, both the framework and theme have been successfully installed!</p>
</article>
<article id="theme_sample_data">
<h4>Step 3. Sample Data Installation</h4>
<p>To make your WordPress website look like our live demo, please follow the instructions below. We also suggest you always have a backup .sql file <a target="_blank" href="/help/phpmyadmin-how-to-backup-a-database.html">exported</a> from your database.</p>
<div class="box-info"><span>NOTE: For templates built on Cherry Framework v3.0 or earlier to install Sample data you need to upload XML and JSON files from "sample_data" directory. Images and other media files should be uploaded from "manual_install\uploads" directory. Make sure to upload all images from all subdirectories. </span></div>
<ol>
<li>Go to the menu <strong>Cherry Plugin > Import Content.</strong></li>
<li>First of all you may see requirements table that shows if you hosting server meets Cherry Plugin requirements. Please contact your hosting provider if there are any warnings.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>If all server settings are OK you'll see uploading screen. Open <b>"theme/sample_data"</b> directory from the template package and upload all files to WordPress. You can upload all files selecting them in the <b>"theme/sample_data"</b> directory (CTRL+A or Command+A) and dragging them to the uploading area.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>Make sure to upload all files from the sample_data directory including .JSON and .XML files. When upload is done click "Continue Install" button to proceed. <br><br>
<div class="box-notification"><span>ATTENTION: .JSON and .XML are required to proceed with the sample data installation. Continue Install button will be available only in case both .XML and .JSON files have been uploaded.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Clicking "Continue Install" button will activate sample data installation process. Installation steps may take some time depending on your server settings. Please be patient.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>Congratulations!</strong> You have successfully installed your Cherry WordPress Theme. You can look at the theme now.</span>
<figure class="img-paraloid"><img src="img/wordpress/import_5th_step.png" alt=""></figure>
</li>
</ol>
</article>
</section>
<!-- Getting started -->
<section class="block-templates" id="getting_started">
<h2 class="item3"><i class="icon-play"></i> Getting Started</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Preparation</h4>
<p>Before you proceed to setting up your WordPress website, please make sure you are fully prepared. Please complete the following preparation steps:</p>
<h4>Editing software</h4>
<p>To feel comfortable working with your WordPress template, we recommend that you download all applications required. You can see the list of required software on the template preview page. <br>Requirements may vary depending on the template, we're going to tell you in general what’s needed:</p>
<ol>
<li>First of all, you need the right applications to extract the password protected sources_#########.zip archive. You can use WinZip 9+ (Windows) and Stuffit Expander 10+ (Mac).</li>
<li>You may also need Adobe Photoshop application. It’s used to edit .PSD source files and it’s necessary if you want to edit template design graphics and images.</li>
<li>To edit the template source code files, you need some code editor like Adobe Dreamweaver, Notepad++, Sublime Text, etc.</li>
<li>To upload files to the hosting server, you may need an FTP Manager like Total Commander, FileZilla, CuteFTP, etc.</li>
</ol>
<h4>Hosting</h4>
<p>As WordPress CMS is a PHP/MySQL based application, you need to prepare a hosting environment to run WordPress.</p>
<p>If you have a live hosting, please make sure it matches <a href="http://wordpress.org/about/requirements/" target="_blank">WordPress software requirements</a> and is ready to be used for WordPress websites.</p>
<p>Otherwise, you can run WordPress locally on your computer using the local server. To create a local hosting server, please use the localhost applications, such as <b>WAMP</b>, <b>AppServ</b>, <b>MAMP</b>, etc. Any of those can be easily installed as any other program and used to run WordPress. </p>
<p>Please check the tutorials below on how to configure a local development environment:</p>
<ul class="list-2">
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-appserv-web-development-environment.html">How to install AppServ web development environment</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-wamp-web-development-environment.html">How to install WAMP web development environment</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-xamp-web-development-environment.html">How to install XAMP web development environment</a></li>
</ul>
</article>
<!-- Engine installation -->
<article id="engine_installation">
<h4>Engine installation</h4>
<div class="box-info"><span>Download the correct WordPress engine version. At the template preview page, in the requirements section, you can see the required WordPress version. Please make sure you are downloading the correct one.</span></div>
<ol>
<li>The WordPress engine can be downloaded from the official website at WordPress.org <a href="http://wordpress.org/download/" target="_blank"><strong>Download WordPress</strong></a>. In case you need an earlier release, you can click the <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Release Archive</strong></a> link.
</li>
<li>When you are done with the downloading, you need to extract the files from the engine and template packages. To extract the files from the WordPress engine <strong>ZIP</strong> package, you can use any archive manager that can handle ZIP archives.
<p>The following tutorials will show you how to extract files on <a target="_blank" href="/help/unzipping-your-template.html"><strong>Windows(WinZip)</strong></a> and <a target="_blank" href="/help/how-unzip-template-mac.html"><strong>MAC(StuffitExpander)</strong></a>.</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-mac-os.html">Extract archived files (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-windows-os.html">Extract archived files (Windows OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/downloading-and-installing-winzip.html">Downloading and Installing WinZip</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-unzip-template-mac.html">How to unzip a template (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/unzipping-your-template.html">How to unzip a template (Windows OS)</a></li>
</ul>
</li>
<li>After extracting the files, you need to upload the WordPress engine files and folders to your hosting server.
<p>All these files and folders should be uploaded to your hosting server. The engine files should be uploaded to the <strong>PUBLIC_HTML</strong> or <strong>WWW</strong> directory on your server.</p>
<div class="box-info"><span>If you don’t see PUBLIC_HTML or WWW directories on your hosting server, please contact your hosting provider and specify where to upload the website files.</span></div>
<p>Please check the following tutorials on how to upload files to a server:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-upload-files-server-2.html">How to upload files to server</a>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-upload-files-to-a-server-using-cpanel-webhost-manager-whm.html">How to upload files to a server using cPanel (WebHost Manager, WHM)</a> </li>
</ul>
</li>
<li>At this step you need to create a database which will be used by your WordPress engine.
<p>You can create a new database using the database management tool from your hosting control panel (<i>usually PhpMyAdmin</i>).</p>
<p>With the phpMyAdmin tool, you will be able to create a new database in 3 simple steps (check the slides below):</p>
<ol>
<li>Click the Database button from the top navigation menu to access the database listing.</li>
<li>Input database name into the "Create new database" field. </li>
<li>Click the Create button on the right side.</li>
</ol>
<br>
<p>Your database can be seen in the database listing. Click on its name to get access to the database.</p>
<div class="flexslider clearfix img-polaroid">
<ul class="slides">
<li>
<img src="img/database-create-1.jpg" alt="" />
<div class="flex-caption">
<p>1. Click the Database button to access the database listing.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Input the database name. <br>
3. Click the Create button.</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. Your database can be seen in the database listing. Click on its name to get access to the database.</p>
</div>
</li>
</ul>
</div>
<br>
<p>You can also check the detailed video tutorial on <a target="_blank" href="/help/how-to-create-a-database.html"><i class="icon-play-circle "></i> How to create a database</a>.</p>
<br />
<div class="box-notification"><span>If you have any issues creating a database, please contact your hosting provider for help and assistance.</span></div>
<p>Feel free to check the detailed tutorials below:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-a-database.html">How to create a database</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-mysql-database-with-godaddy.html">How to create MySQL database with GoDaddy </a></li>
</ul>
</li>
<li>In your browser address bar, type your domain name/root to the WordPress files and press Enter. This will start the installation procedure.
</li>
<li><strong>Creating a configuration file.</strong> The initial WordPress installation screen will notify you that the configuration file is unavailable. Click the Create Configuration File button to create it.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-1-b.jpg" alt="Creating configuration file."></figure>
<p class="muted text-center"></p>
</li>
<li><strong>Inserting database details.</strong> You need to input the WordPress database connection details here.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-3-b.jpg" alt="Inserting database details."></figure>
<p class="muted text-center"></p>
</li>
<li><strong>Inserting website details.</strong> On the following screen, you should input the website details such as:
<ul>
<li><i class="icon-angle-right"></i> website title</li>
<li><i class="icon-angle-right"></i> administrator username and password</li>
<li><i class="icon-angle-right"></i> website email address.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/wp-install-6-b.jpg" alt="Inserting website details."></figure>
<p class="muted text-center"></p>
</li>
<li>When you are done, click the Install WordPress button.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-7-b.jpg" alt="Install WordPress button."></figure>
<p class="muted text-center"></p>
<p>If all data has been inserted correctly, you’ll see the Success window with the button to log in to your WordPress administration panel.</p>
</li>
</ol>
<p>Feel free to check the detailed tutorials below:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-hostgator-server-manual-installation.html">How to install the engine to HostGator server (manual installation)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-bluehost-server-manual-installation.html">How to install the engine to Bluehost server (manual installation)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-siteground-server-manual-installation.html">How to install the engine to SiteGround server (manual installation)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html">How to install the engine to GoDaddy server (manual installation)</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-just-host-server-manual-installation.html">How to install the engine to Just Host server (manual installation)</a></li>
</ul>
</article>
<article id="manual_install">
<h4>Manual theme installation (via FTP)</h4>
<p>If you are having problems with installing the sample data, please follow the instructions below.</p>
<div class="box-notification"><span>ATTENTION: Importing the SQL file to your database will overwrite your existing content and website settings. DO NOT import the SQL file if you want to keep the existing content.</span></div>
<div class="box-info"><span>NOTE: Always back up your database before performing any modifications.</span></div>
<div class="box-info"><span>Please note that the prefix of WordPress database tables should be <strong>wp_</strong>.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/wp_prefix.jpg" alt=""></figure>
<p class="muted text-center"></p>
<!--<p>If the database prefix is different, it should be changed according to this <a target="_blank" href="/help/wordpress-how-to-change-database-tables-prefix-in-sql-file.html">manual</a>.</p>-->
<p>To make your WordPress look like our live demo, please follow the instructions below.</p>
<ol>
<li>Make sure the theme has been installed according to the <a href="#cherryframework_installation">following directions</a>.</li>
<li>Copy the"<strong>uploads</strong>" folder (that is located under the<strong> theme/manual_install/</strong> folder of your template package) to the<strong> /wp-content/ </strong> folder on your FTP.</li>
<li>Open the <strong>theme####.sql</strong> file that is located in the <strong>theme/manual_install/</strong> folder in any text editor (preferably Dreamweaver or Notepad) and replace all instances of "<strong>your_website_url_here</strong>" with your website URL in the entire document using the <strong>Find and Replace</strong> tool (hit Ctrl+H hot keys to open this window). E.g.: http://www.mywebsite.com</li>
<li>Please, make sure that you do not have the forward slash "/" sign at the end of the address and the url starts with http://www.</li>
<li>Save your changes and close the file.</li>
<li>Now you can import the dump file with the <strong>phpMyAdmin</strong> tool or some other database management tool. </li>
</ol>
<br>
<div class="box-info"><span>If there are problems with installing them via the admin panel, here's the alternative way to do it.</span></div>
<h5>Install Sample Data via FTP ftp:</h5>
<p>To use this method, you need to have access to your WordPress site files on FTP through the File Manager of your hosting control panel or an FTP client like Filezilla, CuteFTP, Total Commander, etc.</p>
<div class="box-info"><span>If you have installed the theme with the sample data install or manual install and the theme is displayed differently from the Live demo, please open Cherry Options and click "Restore Defaults."</span></div>
<ol>
<li>Unzip the <strong>CherryFramework.zip</strong> and <strong>theme####.zip</strong> files to any folder on your hard drive (first, right-click each of the .zip files, select <strong>Unzip to… CherryFramework</strong> and <strong>theme####</strong> accordingly, so you get the two folders called CherryFramework and theme####).
</li>
<li>Upload the <strong>CherryFramework</strong> and <strong>theme####</strong> folders to the <strong>/wp-content/themes/</strong> directory on your FTP server.</li>
<li>Log in to your WordPress admin panel (add /wp-admin after your domain name in the browser address bar).</li>
<li>Go to the menu <strong>Appearance</strong> > <strong>Themes</strong>.</li>
<li>Under the <strong>Available Themes</strong> section find <strong>theme####</strong> and activate it by clicking the <strong>Activate</strong> button.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Plugin Installation</h4>
<p>After you install and activate the theme, you may need to install the additional plugins:</p>
<ol>
<li>When the theme is activated, on the top left corner you will find the notice to install additional plugins. Follow the <strong> Begin installing plugin </strong> link.
<br>You can also install the plugins from the Dashboard, navigate to <strong>Appearance- > Install Plugins</strong>.</li>
<li>Check the required plugins.</li>
<li>In the Bulk Actions drop-down menu select <strong>Install</strong> and click <strong>Apply</strong>.</li>
</ol>
<!-- <figure class="img-paraloid"><img src="img/wordpress/plugins_install.jpg" alt=""></figure> -->
<p class="muted text-center"></p>
</article>
<article id="theme_plugins">
<h4>Theme Plugins:</h4>
<h5>Cherry Plugin</h5>
<p><span class="label label-important">Attention:</span> Installation and activation of Cherry Plugin is required for the correct work of shortcodes and widgets. Cherry Plugin is installed and activated by default on installing Cherry Framework.</p>
<p><span class="label label-info">Download:</span> <a href="https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip">https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip</a><br />
<span class="label">Description:</span> The Cherry team has already created a Cherry framework that can be reasonably called perfect, but we are always looking for more improvements. Meet the Cherry Plugin. This is an extension for our Cherry framework where we've included all the shortcodes and widgets you will ever need. The plugin is fully compatible with any WordPress theme powered by Cherry Framework. So far, the plugin is a beta release, but we're going to keep on improving it to deliver even more cool features.</p>
<h5>Contact Form 7</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br />
<span class="label">Description:</span> Contact form for contact page.</p>
<h4>Compatible Plugins:</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">Download:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Description:</span> WPML makes it easy to build multilingual sites and run them.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Description:</span> WooCommerce is a powerful, extendable eCommerce plugin that helps you sell anything. Beautifully.<br>
<span class="label label-warning">Documentation:</span> <a href="http://docs.woothemes.com/documentation/plugins/woocommerce/" rel="nofollow">WooCommerce documentation</a> at WooThemes.
</p>
<h5 class="indent_top">BuddyPress</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Description:</span> Social networking in a box. Build a social network for your company, school, sports team or niche community.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Description:</span> bbPress is forum software made the WordPress way.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Description:</span> Mingle Forum allows you to easily and quickly put a Forum on your WordPress site/blog.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">Download:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Description:</span> This WordPress plugin is a complete forum system for your wordpress blog.</p>
</article>
<article id="google_services">
<h4>Loading data from Google servers</h4>
<p>Some countries have issues connecting to Google servers. This can cause issues loading Google Fonts. To resolve these issues please do the following: </p>
<h5>Can't load Google Fonts: </h5>
<p>Open ...\CherryFramework\admin\options-sanitize.php file</p>
<p>Locate the line: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Replace it with the following:</p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.useso.com/css?family=$f$ch", false, null, 'all' );</pre>
</article>
<article id="olark_live_chat">
<h4>Olark Live Chat</h4>
<div class="box-notification">
<span>Customers who purchased the template are provided with 6 months Olark chat usage for free. To register 6 months Free bronze package you should follow <a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">Olark registration link</a></span>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/olark.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/olark.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Fill in the form to register your account</div>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/olark-2.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/olark-2.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Insert the generated ID into Live Chat account ID field in Cherry Options (General)</div>
</div>
</article>
</section>
<!-- Getting started end -->
<!--Backup and Update started -->
<section class="block-templates" id="backup_update">
<h2 class="item4"><i class="icon-refresh"></i> Back up and Update</h2>
<div class="box-notification"><span>Before updating Cherry Framework, we strongly recommend to make a backup of the current version.</span></div>
<h4>Backup</h4>
<p>You can create a Backup for both CherryFramework and child theme. This can be done in <b>"Cherry Options > Data management"</b> section in WordPress admin panel. </p>
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure>
<figure class="img-paraloid"><img src="img/wordpress/backup-framework.png" alt=""></figure>
<p>Backup can be easily done clicking <b>"Backup"</b> buttons under Cherry Framework and child theme blocks. <br>
Now you can find the archive with your framework or child theme in the <b>/wp-content/themes_backup/</b> folder.</p>
<p>You can also download it clicking <b>"Download backup"</b> button. If some difficulties occur, you can re-install the framework via tabs <b>Appearance -> Themes -> Install Themes -> Upload</b>.</p>
<h4>Update</h4>
<p>To update Cherry Framework, you need to the following:</p>
<ol>
<li>In your admin panel, open the tab <b>"Cherry Options > Data management"</b>.</li>
<li>Click Update button under Cherry Framework block
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>Wait till the process begins.</li>
<li>Rest Cherry Framework will do by itself. </li>
</ol>
</section>
<!--Backup and Update end -->
<!-- Page Templates and Sidebars begin -->
<section class="block-templates" id="page_templates_sidebars">
<h2 class="item5"><i class="icon-file-alt"></i> Page Templates and Sidebars</h2>
<br>
<div class="box-notification"><span>ATTENTION: It is necessary to edit styles in the style.less file. Because of options styles are compiled anew and the main-style.css file is rewritten after saving. </span></div>
<h4>Page Templates</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Default Template</strong> (the default page template with a sidebar position)</li>
<li><i class="icon-angle-right"></i> <strong>Full Width Page</strong> (a page template with one column without a sidebar)</li>
<li><i class="icon-angle-right"></i> <strong>Home Page </strong> (a page template used for the Home page)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 2 cols</strong> (a page template for the custom gallery/portfolio posts displayed in 2 columns)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 3 cols</strong> (a page template for the custom gallery/portfolio posts displayed in 3 columns)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 4 cols</strong> (a page template for the custom gallery/portfolio posts displayed in 4 columns)</li>
<li><i class="icon-angle-right"></i> <strong>Testimonials</strong> (a page template to display the testimonial custom posts)</li>
<li><i class="icon-angle-right"></i> <strong>FAQs</strong> (the page template to display the FAQ posts)</li>
<li><i class="icon-angle-right"></i> <strong>Archives</strong> (the page template for displaying archives)</li>
</ul>
<br />
<h4>Sidebar Position</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Sidebar</strong> - areas <em>located on the right/left side of the pages</em></li>
<li><i class="icon-angle-right"></i> <strong>Footer Area 1,2,3,4</strong> (optional) - areas <em>located at the bottom of the pages</em></li>
</ul>
</section>
<!-- Page Templates and Sidebars end -->
<!-- Posts, Categories and Post Formats begin -->
<section class="block-templates" id="posts_categories">
<h2 class="item6"><i class="icon-edit"></i> Posts, Categories and Post Formats</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Adding category</h4>
<p>Review the following article for more information on adding categories: <a href="http://codex.wordpress.org/Manage_Categories_SubPanel">http://codex.wordpress.org/Manage_Categories_SubPanel</a></p>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/cat1.png" alt=""></figure>
<p class="muted text-center"></p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Posts</strong> tab.</li>
<li>With that done, click <strong>Categories</strong> for blog posts.</li>
<li>Type in the name of your new category.</li>
<li>After that, click the <strong>Add New Category</strong> button.</li>
</ol>
Click the <strong>Publish</strong> button.
</div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Creating a Blog post</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/cat2.png" alt=""></figure>
<p class="muted text-center"></p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Posts</strong> tab.</li>
<li>Click the <strong>Add New</strong> tab.</li>
<li>Type in your post content. For more information on adding posts, please check the following link <a href="http://codex.wordpress.org/Posts_Add_New_SubPanel">http://codex.wordpress.org/Posts_Add_New_SubPanel</a>.</li>
</ol>
</div>
</article>
<!-- Post Formats -->
<article id="post-formats">
<h4>Choosing a Post Format</h4>
<p>Please review the following link for more information on different post formats: <a href="http://codex.wordpress.org/Post_Formats">http://codex.wordpress.org/Post_Formats</a>.</p>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/post_format.png" alt=""></figure>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Posts</strong> tab.</li>
<li>To choose the post format, check the ones listed in the <strong>Format</strong> box.</li>
</ol>
<span class="label label-info">Note:</span> Some of these formats have their own options. Their settings will appear under the post editor.
</div>
<p>Below is the list of available post formats with their descriptions and settings.</p>
<h4>Standard Post Format</h4>
<p>A regular, standard post has the following fields:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Post title</strong> - post title</li>
<li><i class="icon-angle-right"></i> <strong>Post content</strong> - post content</li>
<li><i class="icon-angle-right"></i> <strong>Categories</strong> - post category(-ies)</li>
<li><i class="icon-angle-right"></i> <strong>Tags</strong> - post tags</li>
<li><i class="icon-angle-right"></i> <strong>Featured Image</strong> - post image</li>
<li><i class="icon-angle-right"></i> and other fields which can be enabled under the <strong>Screen Options</strong> section located at the top right corner.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Standard Post Format</p>
<h4>Aside Post Format</h4>
<p>This is a simplified regular post version. In other words, it comes with a post content field only and you don't need to fill in the post title and other fields. This is a so called post-note.</p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Aside Post Format</p>
<h4>Gallery Post Format</h4>
<p>The main feature of this post format is the ability to maintain unlimited number of attached images.</p>
<p>Adding a Gallery Post Format:</p>
<ol>
<li>Click the<strong> Add Media</strong> button.<br><span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>To add images from your hard drive, drag and drop your files into the box that appears or click <strong>Select Files</strong> to choose a picture from your computer to upload.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>After the images have finished uploading, you will be shown all the images in your Media Library. Select <strong>Uploaded to this post</strong> to see attached images.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>When you’ve finished editing, you may close Media Library. The uploaded images will be attached automatically.</li>
</ol>
<p>The gallery post format has all the standard fields (like title, content, categories, etc.) just like the regular post format.</p>
<h4>Link Post Format</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Link Post Format</p>
<p>After selecting the <strong>Link</strong> post format, you will get an additional <strong>URL </strong>field where you need to specify the link (URL) for the target page/resource. The <strong>Post title </strong>will be used as your link text.</p>
<p>If you fill in the post content field, it will be used as the target page/source description.</p>
<h4>Image Post Format</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Image Post Format</p>
<p>An<strong> Image</strong> post format is a post format based on a single image uploaded via the <strong>Featured Image</strong> option.<br> Upon selecting the Image Post Format, you will be able to disable the lightbox image feature by selecting the corresponding setting in the <strong>Enable Lightbox</strong> image option.</p>
<h4>Quote Post Format</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Quote Post Format</p>
<p>A<strong> Quote Post Format</strong> serves as a so-called post-citation. It's used to publish quotes.</p>
<p>Upon selecting this post format, you will get an additional <strong>The Quote</strong> field - basically the body of the quotation and an<strong> Author</strong> field - the quotation author name.</p>
<h4>Audio Post Format</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">Audio Post Format</p>
<p><strong>Audio Post Format</strong> is used for publishing audio content.</p>
<p>Upon selecting this post format, you will get the following additional options:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - a track title</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - an audio track performer</li>
<li><i class="icon-angle-right"></i> <strong>Audio Format</strong> - an audio track format</li>
<li><i class="icon-angle-right"></i> <strong>Audio URL</strong> - a direct link to the audio track</li>
</ul>
<h4>Video Post Format</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Video Post Format</p>
<p>A<strong> Video Post Format</strong> is used for publishing video content.</p>
<p>Upon selecting this post format, you will get the following additional options:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - a video clip title</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - a video clip performer</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - a direct link to a video clip in m4v format</li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - a direct link to a video clip in ogv format</li>
<li><i class="icon-angle-right"></i> <strong>Embedded Code</strong> - used for off-site video embedding, e.g. via youtube, vimeo, etc.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Creating a slider post</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Slides are essentially a <a href="http://codex.wordpress.org/Post_Types#Custom_Types">custom post type</a> which means that they are different from common posts, such as blog posts. That allows us to manage the content of the site really easily. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Creating a slider post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Slider</strong> tab.</li>
<li>And now click the <strong>Add New</strong> tab.</li>
<li>Insert your slider <strong>title</strong>.</li>
<li>Upload your image through the <strong>Featured Image </strong>option (click the <strong>Set featured image</strong> link).</li>
<li>You can use the following fields for your slider<em></em>:
<ul>
<li><i class="icon-angle-right"></i> <strong>Caption</strong> - the field for the slide caption.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - the field for the slide URL (you can put an external link here).</li>
</ul>
</li>
<li>When you are done, click the <strong>Publish</strong> button.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Adding a Portfolio post</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Portfolio items are essentially a custom post type <a href="http://codex.wordpress.org/Post_Types#Custom_Types">http://codex.wordpress.org/Post_Types#Custom_Types</a> which means that they are different from common posts. That allows us to manage the content of the site really easily. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Adding a portfolio post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Portfolio</strong> tab.</li>
<li>And now the <strong>Add New</strong> one.</li>
<li>Fill in all the required fields (<strong>title</strong>, <strong>content</strong>).</li>
<li>Upload your image through the <strong>Featured Image</strong> option (click the <strong>Set featured image </strong>link).</li>
<li>And click the <strong>Publish</strong> button.</li>
</ol>
<h4>Choosing Portfolio post format</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>Creating a portfolio post in this theme allows you to select one of the available post types.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Image</strong> - a default gallery post format. Displays only the <em>featured image</em>.</li>
<li><i class="icon-angle-right"></i> <strong>Slideshow</strong> - the project gallery is displayed as a slideshow. It can contain an unlimited number of images uploaded and attached to the post. </li>
<li><i class="icon-angle-right"></i> <strong>Grid Gallery</strong> - post images are displayed as a gallery. Can contain an unlimited number of images uploaded and attached to the post. </li>
<li><i class="icon-angle-right"></i> <strong>Video</strong> - in this post type you can embed a video from any video hosting (YouTube, Vimeo, etc.).</li>
<li><i class="icon-angle-right"></i> <strong>Audio</strong> - selecting this post type, you can embed your audio link. </li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Adding a Testimonials post</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Adding a Testimonials post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Testimonials</strong> tab.</li>
<li>Then click the <strong>Add New</strong> tab.</li>
<li>Fill in all the required fields (<strong>title</strong>, <strong>content</strong>).</li>
<li>Upload your image with the help of the <strong>Featured Image </strong>option (click the <strong>Set featured image </strong>link).</li>
<li>You can use the following fields for this sort of posts:
<ul>
<li><i class="icon-angle-right"></i> <strong>Name</strong> - author's name</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - author's link</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - author's additional info.</li>
</ul>
</li>
<li>Hit the <strong>Publish</strong> button.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>Adding a FAQs post</h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">Adding a FAQs post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>FAQs</strong> tab.</li>
<li>And now the <strong>Add New</strong> button.</li>
<li>Since it is a question/answer type of post, the title of the post is the question and the content is the answer.</li>
<li>Click <strong>Publish.</strong></li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Adding an Our Team post</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Adding an Our Team post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Our Team</strong> tab.</li>
<li>And now the <strong>Add New</strong> button.</li>
<li>Fill in all the required fields (<strong>title</strong>, <strong>content</strong>).</li>
<li>Upload your image using the <strong>Featured Image </strong>option (click the <strong>Set featured image </strong>link).</li>
<li>You can use the following fields for this sort of posts:
<ul>
<li><i class="icon-angle-right"></i> <strong>Position</strong> - the position of the person</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - additional information.</li>
</ul>
</li>
<li>Click <strong>Publish</strong>.</li>
</ol>
</article>
<!-- Creating a Client post -->
<!-- <article id="clients_post">
<h4>Adding a Clients post</h4>
<p class="alert">The Clients post type is optional. Your theme may not include it.</p>
<figure class="img-paraloid"><img src="img/wordpress/clients.jpg" alt=""></figure>
<p class="muted text-center">Adding a Clients post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Clients</strong> tab.</li>
<li>After that, click the <strong>Add New</strong> button.</li>
<li>Fill in all the required fields (<strong>title</strong>, <strong>content</strong>).</li>
<li>Upload your image with the help of the <strong>Featured Image </strong>option (click the <strong>Set featured image </strong>link).</li>
<li>You can use the following fields for this sort of posts:
<ul>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - client url</li>
<li><i class="icon-angle-right"></i> <strong>Target</strong> - The target attribute specifies a window or a frame where the linked document is loaded.</li>
</ul>
</li>
<li>Click <strong>Publish</strong>.</li>
</ol>
</article> -->
</section>
<!-- Posts, Categories and Post Formats end -->
<!-- Portfolio page begin -->
<section class="block-templates" id="portfolio_page">
<h2 class="item7"><i class="icon-picture"></i> Portfolio page</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Creating a Portfolio page</h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Creating a Portfolio page</p>
<p>Portfolio pages can be created with the help of the page templates.</p>
<ol class="margbot">
<li>Log in to your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Pages</strong> tab.</li>
<li>Click the <strong>Add New</strong> tab.</li>
<li>Type in your page name, for example <strong>Portfolio page</strong>.</li>
<li>Select your page template ( <strong>Filter Folio 2 cols</strong>, <strong>Filter Folio 3 cols</strong> or <strong>Filter Folio 4 cols</strong> in the <strong>Page Attributes</strong> drop-down menu).</li>
<li>With that done, click the <strong>Publish</strong> button.</li>
</ol>
<p>You can create a category portfolio page using the <strong>Category Include</strong> field. You need to write the slug of the category which you want to be displayed.</p>
<figure class="img-paraloid"><img src="img/wordpress/category_in.jpg" alt=""></figure>
</article>
</section>
<!-- Portfolio page end -->
<!-- Shortcodes begin -->
<section class="block-templates" id="shortcodes">