-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_ru.html
2357 lines (2135 loc) · 206 KB
/
index_ru.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</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/ru/" target="_blank"></a></article>
<article class="span7">
<h1>Документация Cherry WooCommerce </h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>Рус</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">Введение</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>Установка шаблона</b></a><i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Шаг 1. Установка CherryFramework</a></li>
<li><a href="#theme_installation">Шаг 2. Установка темы</a></li>
<li><a href="#theme_sample_data">Шаг 3. Установка демо-данных</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Начало работы </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Подготовка </a></li>
<li><a href="#engine_installation">Установка движка</a></li>
<li><a href="#manual_install">Ручная установка</a></li>
<li><a href="#plugins_intstall">Установка плагинов</a></li>
<li><a href="#theme_plugins">Плагины темы</a></li>
<li><a href="#google_services">Загрузка данных с серверов Google</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">Резервное копирование и обновление</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">Шаблоны страниц и боковые колонки</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Записи, категории и форматы записей</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Добавление категорий</a></li>
<li><a href="#blog_post">Создание записи блога</a></li>
<li><a href="#post-formats">Выбор формата записи</a></li>
<li><a href="#slider_post">Создание записи слайдера</a></li>
<li><a href="#portfolio_post">Добавление записи портфолио</a></li>
<li><a href="#testimonial_post">Добавление записи рекомендаций (Testimonials)</a></li>
<li><a href="#faq_post">Добавление записи FAQs </a></li>
<li><a href="#team_post">Добавление записи "Наша команда" (Our Team)</a></li>
<!-- <li><a href="#clients_post">Добавление записи "Клиенты" (Clients)</a></li> -->
</ul>
</dd>
</dl>
</li>
<li class="nav-item item7">
<dl class="slide-down">
<dt><a href="#portfolio_page" class="icon-picture">Страница портфолио</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item8">
<dl class="slide-down">
<dt><a href="#shortcodes" class="icon-file">Шорткоды</a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#dynamic_shortcodes">Динамические</a></li>
<li><a href="#columns_shortcodes">Колонки</a></li>
<li><a href="#elements_shortcodes">Элементы</a></li>
<li><a href="#other_shortcodes">Другие</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item9">
<dl class="slide-down">
<dt><a href="#plugins_widgets" class="icon-magnet">Плагины и пользовательские виджеты </a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Опции Cherry </a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">Главные</a></li>
<li><a href="#logo_option">Лого и фавикон</a></li>
<li><a href="#navigation_option">Навигация</a></li>
<li><a href="#slider_option">Слайдер</a></li>
<li><a href="#blog_option">Блог</a></li>
<li><a href="#portfolio_option">Портфолио</a></li>
<li><a href="#footer_option">Футер</a></li>
<li><a href="#cookie_policy">Политика кукис</a></li>
<li><a href="#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> Введение</h2>
<p>Благодарим Вас за приобретение шаблона WordPress. Данная документация состоит из нескольких частей и охватывает весь процесс установки и настройки веб-сайта WordPress с нуля.</p>
<div id="wordpress_cms_desc">
<h4>Что представляет собой WordPress CMS?</h4>
<p>WordPress - это бесплатное программное обеспечение с открытым исходным кодом для создания блогов и система управления контентом (CMS) на основе PHP и MySQL. Она позволяет создавать веб-сайты и мощные онлайн приложения, а также почти не требует технических навыков или знаний в управлении. Множество особенностей, в том числе простота использования и расширяемость, сделали WordPress наиболее популярной программой для веб-сайтов. <a href="http://wordpress.org/about/" target="_blank">Детали</a></p>
</div>
<div id="wordpress_template_desc">
<h4>Что такое шаблон WordPress</h4>
<p>Шаблон WordPress - это тема для платформы WordPress CMS. Другими словами, вы можете легко изменить внешний вид веб-сайта WordPress путем установки нового шаблона за несколько несложных шагов. При всей своей простоте, шаблон WordPress содержит все необходимые исходные файлы, которые можно редактировать желаемым образом.</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>Структура шаблона</h4>
<p>Приобретенный комплект шаблона состоит из нескольких папок. Проверим содержимое каждой папки:</p>
<ul>
<li></li>
</ul>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>documentation</b><small class="muted"> - содержит файлы документации.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - основной файл документации. Вы его сейчас читаете :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - содержит скриншоты шаблона. Для работы с шаблоном они не требуются.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - содержит исходные файлы темы.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - исходные файлы шаблона для Adobe Photoshop(.psd).</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - содержит файлы темы WordPress.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - архив с темой Cherry Framework. Включает все файлы темы. Необходимо устанавливать через менеджер расширений WordPress.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - архив с темой (дочерняя тема). Содержит все файлы темы. </small> <small class="muted">Необходимо устанавливать через менеджер расширений WordPress.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - содержит файлы, которые используются для того чтобы сделать сайт WordPress таким же, как наше демо.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - включает все демо-данные шаблона (записи, страницы, категории и т.п.).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - файл настроек виджетов.</small></li>
<li class="file"><i class="icon-file"></i> различные изображения и другие медиа файлы<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - содержит файлы, которые используются для того чтобы сделать сайт WordPress таким же, как наше демо.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - содержит изображения темы.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - файл базы данных (вмещает контент темы).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - файл с информацией о лицензии.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - файл со ссылками на скачку шрифтов, используемых в шаблоне.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - инструкции по разархивированию исходных файлов.</small></li>
</ul>
</div>
<div id="validation">
<h4>Валидация</h4>
<div class="box-notification">
<span>В наших шаблонах мы придерживаемся семантических правил написания кода HTML-разметки и CSS-стилей. Однако, некоторые ошибки все же могут возникать при W3C валидации. Создание 100-процентно правильного кода, согласно стандартам консорциума W3C, ограничивает использование современных технологий создания сайтов, таких как спецификация CSS3 и разметка HTML5. Целью нашей компании является предоставление богатого пользовательского опыта с высококачественными шаблонами, и иногда нам приходится нарушать некоторые правила.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Установка шаблона</h2>
<p>Установка шаблона еще никогда не была настолько проста. Процесс установки включает в себя всего три шага: установка Cherry Framework, установка дочерней темы и установка демо-данных.</p>
<p>Все этапы установки выполняются в админ-панели WordPress. Это делает процесс удобным и быстрым.</p>
<p>Вы можете убедиться в этом нажав на ссылку ниже:</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>Шаг 1. Установка CherryFramework</h4>
<ol style="margin-bottom:.5em;">
<li>Войдите в панель управления WordPress (добавьте /wp-admin к доменному имени сайта в адресной строке браузера).</li>
<li>Перейдите в меню <strong>Appearance (Внешний вид)</strong> > <strong>Themes (Темы)</strong> и щелкните кнопку <strong>Add New Theme (Добавить новую тему)</strong>.</li>
<li>Откройте вкладку <strong>Upload (Загрузка)</strong>. </li>
<li>Нажмите кнопку <strong>Browse (Обзор)</strong> и откройте разархивированную папку шаблона на компьютере.</li>
<li>Найдите файл <strong>CherryFramework.zip</strong>. Кликните на него и нажмите <strong>OK</strong>.</li>
<li>Щелкните кнопку<strong> Install Now (Установить)</strong> и дождитесь окончания установки.</li>
<li>Нажмите ссылку <strong>Activate (Активировать)</strong>.</li>
</ol>
<p class="muted text-center"></p>
<p>Для более детальной информации воспользуйтесь видео туториалом<!--<a target="_blank" href="/help/ru/how-install-wordpress-theme-via-admin-panel.html">How to install a WordPress theme via admin panel</a> and--><a target="_blank" href="/help/ru/wordpress-how-to-install-cherry-framework-template-starting-with-version-3-1.html"> Как установить шаблон Cherry framework</a>.</p>
<p>Поздравляем, вы успешно установили фреймворк.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Шаг 2. Установка темы</h4>
<p>Теперь можно перейти к установке дочерней темы: <strong>theme####.zip</strong>. Повторите аналогичные шаги:</p>
<ol style="margin-bottom:.5em;">
<li>Перейдите в меню <strong>Appearance (Внешний вид)</strong> > <strong>Themes (Темы)</strong> и щелкните кнопку <strong>Add New Theme (Добавить новую тему)</strong>.</li>
<li>Откройте вкладку <strong>Upload (Загрузка)</strong>. </li>
<li>Нажмите кнопку <strong>Browse (Обзор)</strong> и откройте разархивированную папку шаблона на компьютере.</li>
<li>Найдите файл <strong>theme####.zip </strong>(где <strong>XXXX</strong> - уникальный номер темы). Кликните на него и нажмите <strong>OK</strong>.</li>
<li>Щелкните кнопку<strong> Install Now (Установить)</strong> и дождитесь окончания установки.</li>
<li>Нажмите ссылку <strong>Activate (Активировать)</strong>, чтобы поменять текущий вид сайта на приобретенную тему.</li>
</ol>
<p class="muted text-center"></p>
<p>Поздравляем, вы успешно установили фреймворк и тему!</p>
</article>
<article id="theme_sample_data">
<h4>Шаг 3. Установка демо-данных</h4>
<p>Чтобы сайт WordPress выглядел как на нашем демо, воспользуйтесь следующими инструкциями. Мы рекомендуем всегда делать резервное копирование файла .sql через <a target="_blank" href="/help/ru/phpmyadmin-how-to-backup-a-database.html">экспорт</a> базы данных.</p>
<div class="box-info"><span>ВНИМАНИЕ: Для шаблонов на базе Cherry Framework v3.0 или меньше при установке демо-данных требуется загрузить файлы XML и JSON из папки "sample_data". Изображения и другие файлы мультимедиа нужно загрузить из папки "manual_install\uploads". Загрузите все картинки из всех подпапок. </span></div>
<ol>
<li>Перейдите в меню <strong>Cherry Plugin > Import Content (Импорт контента).</strong></li>
<li>Прежде всего, проверьте таблицу требований Cherry Plugin к настройкам хостинг сервера. В случае появления предупреждений, обратитесь к хостинг провайдеру.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>Если все настройки сервера в порядке, появится экран загрузки. Откройте папку <b>"theme/sample_data" </b>шаблона и загрузите все файлы в WordPress. Все файлы в папке <b>"theme/sample_data"</b> нужно выделить (горячие клавиши CTRL+A или Command+A) и перетянуть в поле загрузки.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>Загрузите все файлы из папки sample_data, в том числе .JSON и .XML. По завершению загрузки нажмите кнопку "Continue Install (Продолжить установку)". <br><br>
<div class="box-notification"><span>ВНИМАНИЕ: Файлы .JSON и .XML являются обязательными при установке демо-данных. Кнопка Continue Install (Продолжить установку) станет активна только после загрузки файлов .XML и .JSON.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Кнопка "Continue Install (Продолжить установку)" начнет процесс установки демо-данных. Установка займет определенное время в зависимости от настроек сервера. Пожалуйста, дождитесь ее окончания.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>Поздравляем!</strong> Вы успешно установили тему Cherry WordPress и теперь можете проверить, как она выглядит.</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> Начало работы</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Подготовка</h4>
<p>Прежде чем перейти к установке веб-сайта WordPress, нужно полностью подготовиться. Рекомендуется выполнить следующие подготовительные шаги:</p>
<h4>Программное обеспечение</h4>
<p>Для полноценной работы с шаблоном WordPress мы рекомендуем скачать все требуемые приложения. Список необходимого программного обеспечения находится на странице предпросмотра шаблона. <br>
Требования для различных шаблонов могут меняться, поэтому мы перечислим самые основные:</p>
<ol>
<li>Прежде всего нужны правильные приложения для распаковывания защищенного паролем архива sources_#########.zip. Можно воспользоваться WinZip 9+ (Windows) и Stuffit Expander 10+ (Mac).</li>
<li>Также может понадобиться программа Adobe Photoshop. Она используется для редактирования исходных файлов .PSD и необходима, если требуется изменить графический дизайн и изображения шаблона.</li>
<li>Для редактирования исходного кода файлов шаблона нужно использовать редактор кода, например Adobe Dreamweaver, Notepad++, Sublime Text и т.п.</li>
<li>Чтобы загрузить файлы на хостинг сервер, потребуется FTP менеджер, например Total Commander, FileZilla, CuteFTP и т.д.</li>
</ol>
<h4>Хостинг</h4>
<p>Поскольку WordPress CMS является приложением PHP/MySQL, необходимо подготовить хостинг сервер.</p>
<p>При наличии активного сервера, нужно проверить его на соответствие <a href="http://wordpress.org/about/requirements/" target="_blank"> требованиям WordPress </a> и на готовность использовать веб-сайты WordPress.</p>
<p>Также можно установить WordPress на компьютер при помощи локального сервера. Для создания локального хостинг сервера необходимо использовать программное обеспечение <strong>WAMP</strong>, <strong>AppServ</strong>, <strong>MAMP</strong> и т.п. Любое из них устанавливается как обычная программа и поддерживает WordPress. </p>
<p>Вы можете воспользоваться следующими туториалами для настройки локального сервера:</p>
<ul class="list-2">
<li><i class="icon-play-circle "></i><a href="/help/ru/how-to-install-appserv-web-development-environment.html" target="_blank">Как установить среду веб-разработки AppServ</a></li>
<li><i class="icon-play-circle "></i><a href="/help/ru/how-to-install-wamp-web-development-environment.html" target="_blank">Как установить среду веб-разработки WAMP</a></li>
<li><i class="icon-play-circle "></i><a href="/help/ru/how-to-install-xamp-web-development-environment.html" target="_blank">Как установить среду веб-разработки XAMP</a></li>
</ul>
</article>
<!-- prepare started -->
<!-- Engine installation -->
<article id="engine_installation">
<h4>Установка движка</h4>
<div class="box-info"><span>Скачайте требуемую версию движка WordPress. Ее можно увидеть на странице предпросмотра шаблона в списке требований. Убедитесь, что вы скачиваете требуемую версию.</span></div>
<ol>
<li>Движок WordPress можно скачать на официальном сайте WordPress.org <a href="http://wordpress.org/download/" target="_blank"><strong>Скачать WordPress</strong></a>. Если нужна более ранняя версия, нажмите ссылку <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Архивы версий</strong></a>. </li>
<li>После скачивания необходимо распаковать файлы движка и шаблона. Чтобы разархивировать файл <strong>ZIP</strong> движка WordPress, можно использовать любой архиватор, поддерживающий формат ZIP.
<p>Следующие туториалы покажут, как распаковать файлы в ОС <a target="_blank" href="/help/ru/unzipping-your-template.html"><strong>Windows(WinZip)</strong></a> и <a target="_blank" href="/help/ru/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/ru/extract-archived-files-mac-os.html">Распаковка архивов (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/extract-archived-files-windows-os.html">Распаковка архивов (Windows OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/downloading-and-installing-winzip.html">Как скачать и установить WinZip</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-unzip-template-mac.html">Как разархивировать шаблон (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-unzip-template-mac.html">Как разархивировать шаблон</a><a target="_blank" href="/help/ru/unzipping-your-template.html"> (Windows OS)</a></li>
</ul>
</li>
<li>После разархивирования файлы и папки движка WordPress нужно загрузить на хостинг сервер.
<p>Загружать на сервер нужно все файлы и папки в директорию <strong>PUBLIC_HTML</strong> или <strong>WWW</strong>.</p>
<div class="box-info"><span>Если вы не можете найти директории PUBLIC_HTML или WWW на хостинг сервере, обратитесь к хостинг провайдеру и уточните, куда нужно загружать файлы веб-сайта.</span></div>
<p>Вы также можете воспользоваться данными туториалами для более детальной информации о том, как загружать файлы на сервер:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-upload-files-server-2.html">Как загрузить файлы на сервер</a>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-to-upload-files-to-a-server-using-cpanel-webhost-manager-whm.html">Как загрузить файлы на сервер при помощи cPanel (WebHost Manager, WHM)</a> </li>
</ul>
</li>
<li>На следующем этапе нужно создать базу данных для движка WordPress.
<p>Ее можно создать через инструмент управления базами данных в контрольной панели хостинга (<em>обычно PhpMyAdmin</em>).</p>
<p>При помощи phpMyAdmin вы можете создать новую базу данных за 3 простых шага: (см. следующие слайды):</p>
<ol class="list">
<li>Щелкните кнопку Database (база данных) в верхнем меню навигации, чтобы перейти в список баз данных.</li>
<li>Введите название базы данных в поле "Create new database (Создать новую базу данных)".</li>
<li>Нажмите справа на кнопку Create (Создать).</li>
</ol>
<br>
<p>База данных появилась в списке. Кликните по названию, чтобы получить доступ к ней.</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. Щелкните кнопку "Databases (Базы данных)", чтобы открыть список баз данных.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Введите название базы данных. <br>
3. Нажмите кнопку "Create (Создать)".</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. База данных появилась в списке. Кликните по названию, чтобы получить доступ в нее.</p>
</div>
</li>
</ul>
</div>
<br>
<p>Вы также можете воспользоваться детальным видео туториалом <a href="/help/ru/how-to-create-a-database.html" target="_blank">Как создать базу данных</a></p>
<br />
<div class="box-notification"><span>При возникновении сложностей при создании базы данных, необходимо обратиться к хостинг провайдеру за поддержкой.</span></div>
<p>Вы также можете воспользоваться следующими туториалами:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-to-create-a-database.html">Как создать базу данных</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/ru/how-to-create-mysql-database-with-godaddy.html">Как создать базу данных MySQL в хостинге GoDaddy </a></li>
</ul>
</li>
<li>Пропишите путь к директории WordPress в адресной строке браузера и нажмите клавишу Enter. После этого начнется процедура установки. </li>
<li><strong>Создание файла конфигурации. </strong> На экране установки WordPress появится сообщение, что отсутствует файл конфигурации. Нажмите кнопку "Create Configuration File (Создать файл конфигурации)", чтобы создать его.
<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>Детали базы данных.</strong> Здесь нужно ввести детали подключения к базе данных WordPress.
<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>Детали веб-сайта.</strong> На данном экране нужно ввести следующие детали:
<ul>
<li><i class="icon-angle-right"></i>название веб-сайта.</li>
<li><i class="icon-angle-right"></i>имя и пароль администратора.</li>
<li><i class="icon-angle-right"></i>email адрес веб-сайта.</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>Щелкните кнопку "Install WordPress (Установить WordPress)".
<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>Если были указаны верные детали, появится сообщение об успешной установке и кнопка входа в панель управления WordPress.</p>
</li>
</ol>
<p>Вы также можете воспользоваться детальными видео туториалами:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a href="/help/wordpress-how-to-install-the-engine-to-hostgator-server-manual-installation.html" target="_blank">Как установить движок на сервер HostGator (ручная установка)</a></li>
<li><i class="icon-info-sign"></i> <a href="/help/wordpress-how-to-install-the-engine-to-bluehost-server-manual-installation.html" target="_blank">Как установить движок на сервер Bluehost (ручная установка)</a></li>
<li><i class="icon-info-sign"></i> <a href="/help/wordpress-how-to-install-the-engine-to-siteground-server-manual-installation.html" target="_blank">Как установить движок на сервер SiteGround (ручная установка)</a></li>
<li><i class="icon-info-sign"></i> <a href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html" target="_blank"> Как установить движок на сервер GoDaddy (ручная установка)</a></li>
<li class="last"><i class="icon-info-sign"></i> <a href="/help/wordpress-how-to-install-the-engine-to-just-host-server-manual-installation.html" target="_blank">Как установить движок на сервер Just Host (ручная установка)</a></li>
</ul>
</article>
<article id="manual_install">
<h4 >Ручная установка</h4>
<p>В случае возникновения сложностей при установке демо-данных воспользуйтесь следующими инструкциями.</p>
<div class="box-notification"><span>ВНИМАНИЕ: Импорт файла SQL в базу данных перезапишет существующий контент и настройки веб-сайта. НЕ импортируйте файл SQL, если нужно сохранить текущий контент.</span></div>
<div class="box-info"><span>ПАМЯТКА: Всегда делайте резервное копирование базы данных, прежде чем приступить к изменениям.</span></div>
<div class="box-info"><span>Префикс таблиц базы данных WordPress должен быть <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/ru/wordpress-how-to-change-database-tables-prefix-in-sql-file.html">manual</a>.</p>-->
<p>Чтобы веб-сайт WordPress выглядел как на демо, следуйте данным инструкциям.</p>
<ol>
<li>Тема должна быть установлена согласно следующим <a href="#cherryframework_installation">указаниям</a>.</li>
<li>Скопируйте папку "<strong>uploads</strong>" (она находится в папке <strong> theme/manual_install/</strong> шаблона) в папку<strong> /wp-content/ </strong> на FTP сервере.</li>
<li>Откройте файл <strong>theme####.sql</strong> из папки <strong>theme/manual_install/</strong> в любом текстовом редакторе (рекомендуется Dreamweaver или Notepad) и замените все строки "<strong>your_website_url_here</strong>" на URL вашего веб-сайта в документе при помощи опции <strong>Find and Replace (Найти и Заменить)</strong> (окно вызывается горячими клавишами Ctrl+H). Например: http://www.mywebsite.com</li>
<li>В конце адреса не должно быть знака косой черты "/" и url должен начинаться с http://www.</li>
<li>Сохраните изменения и закройте файл.</li>
<li>Теперь файл дампа можно импортировать через <strong>phpMyAdmin</strong> или другой инструмент управления базами данных. </li>
</ol>
<br>
<div class="box-info"><span>В случае возникновения сложностей при установке через панель управления, можно воспользоваться альтернативным способом.</span></div>
<h5>Загрузка через FTP:</h5>
<p>Для использования данного метода, нужно иметь доступ к файлам WordPress на FTP сервере через файловый менеджер контрольной панели хостинга или FTP-клиент, например Filezilla, CuteFTP, Total Commander, и т.п.</p>
<div class="box-info"><span>Если вы установили тему с демо-данными или вручную, а тема отличается от демо, откройте Cherry Options (Опции Cherry) и нажмите "Restore Defaults (Восстановить настройки по умолчанию)."</span></div>
<ol>
<li>Разархивируйте файлы <strong>CherryFramework.zip</strong> и <strong>theme####.zip</strong> в папку на компьютере (щелкните правой кнопкой по каждому файлу.zip, выберите <strong>Unzip to… (Распаковать в ...) CherryFramework</strong> и <strong>theme####</strong> соответственно, после чего появятся две папки: CherryFramework и theme####). </li>
<li>Загрузите папки <strong>CherryFramework</strong> и <strong>theme### </strong>в директорию <strong>/wp-content/themes/</strong> на FTP сервере.</li>
<li>Войдите в панель управления WordPress (добавьте /wp-admin к доменному имени сайта в адресной строке браузера).</li>
<li>Перейдите в меню <strong>Appearance (Внешний вид)</strong> > <strong>Themes</strong> <strong>(Темы)</strong>.</li>
<li>В разделе <strong>Available Themes (Доступные темы)</strong> найдите <strong>theme####</strong> и активируйте ее, щелкнув по кнопке <strong>Activate (Активировать)</strong>.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Установка плагинов</h4>
<p>После установки и активации темы иногда требуется установить дополнительные плагины:</p>
<ol>
<li>Если тема установлена и активирована, то в левой верхней части страницы вы увидите уведомление с рекомендацией установить плагины. Перейдите по ссылке<strong> Begin installing plugin (Начать установку плагинов)</strong>. <br>Также вы можете установить плагины выбрав в меню пункт <strong>Appearance- > Install Plugins (Внешний вид - > Установить Плагины)</strong></li>
<li>Отметьте нужные плагины.</li>
<li>В выпадающем меню Bulk Actions (Массовые Действия) выберите <strong>Install</strong> и нажмите кнопку <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>Плагины темы:</h4>
<h5>Плагин Cherry </h5>
<p><span class="label label-important">Внимание:</span> Установка и активация плагина Cherry необходимы для корректной работы шорткодов и виджетов. При установке Cherry Framework плагин Cherry устанавливается и активируется по умолчанию.</p>
<p><span class="label label-info">Скачать:</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">Описание:</span> Команда Cherry создала фреймворк Cherry, который вполне обосновано можно считать идеальным, тем не менее, мы всегда стараемся совершенствоваться. Познакомьтесь с плагином Cherry Plugin. Он представляет собой расширение для нашего фреймворка Cherry, в котором мы добавили все необходимые шорткоды и виджеты. Плагин полностью совместим с любой темой WordPress на основе Cherry Framework. В настоящий момент плагин является пробной версией, и мы продолжаем совершенствовать его и добавлять все более интересные функции.</p>
<h5>Contact Form 7</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br />
<span class="label">Описание:</span> Контактная форма на странице контактов.</p>
<h4>Совместимые плагины:</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Описание:</span> WPML позволяет легко создавать и управлять мультиязычными сайтами.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Описание:</span> WooCommerce - это мощный, расширяемый eCommerce плагин который поможет вам продавать что-либо. <br>
<span class="label label-warning">Документация:</span> <a href="http://docs.woothemes.com/documentation/plugins/woocommerce/" rel="nofollow">WooCommerce документация</a> на WooThemes.
</p>
<h5 class="indent_top">BuddyPress</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Описание:</span> Плагин для социальных сетей. Развивайте социальную сеть для своей компании, школы, спортивной команды или сферы деятельности.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Описание:</span> bbPress - это форум для движка WordPress.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Описание:</span> Mingle Forum позволяет быстро и просто добавить форум на сайт/блог WordPress.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">Скачать:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Описание:</span> Данный плагин WordPress является полноценным форумом для блогов WordPress.</p>
</article>
<article id="google_services">
<h4>Загрузка данных с серверов Google</h4>
<p>В некоторых странах есть проблемы с подключением к серверам Google. Это может вызвать проблемы с загрузкой шрифтов Google. Для решения этих проблем необходимо выполнить следующие действия:</p>
<h5>Не удается загрузить Google Fonts: </h5>
<p>Откройте ...\CherryFramework\admin\options-sanitize.php файл</p>
<p>Найдите строку: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Замените ее следующим:</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>Клиентам, купившим шаблон предоставляется полгода бесплатного пользования Оларк чатом. Для регистрации 6 month Free bronze package нужно перейти по ссылке
<a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">Olark регистрация</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">Зарегистрируйте аккаунт заполнив форму</div>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/live-chat-2.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/live-chat-2.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Вставьте Ваш сгенерированный ID код в поле Live Chat account ID Option в табе Shop Options</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> Резервное копирование и обновление</h2>
<div class="box-notification"><span>Перед обновлением Cherry Framework, мы убедительно советуем сделать резервную копию текущей версии.</span></div>
<h4>Резервное копирование</h4>
<p>Можно сделать резервную копию как CherryFramework, так и дочерней темы в меню<b> "Cherry Options (Опции Cherry) > Data management (Управление данными)"</b> панели управления WordPress. </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>Резервную копию легко создать, нажав кнопку <b>"Backup"</b> под секциями с Cherry Framework и дочерней темой. <br>
После этого архив с фреймворком или дочерней темой появится в папке <b>/wp-content/themes_backup/</b>.</p>
<p>Если нужно его скачать, кликните кнопку<b> "Download backup"</b>. В случае возникновения сложностей, фреймворк можно переустановить во вкладке <b>Appearance (Внешний вид)-> Themes (Темы)-> Install Themes (Установить темы)-> Upload (Загрузка)</b>.</p>
<h4>Обновление</h4>
<p>Чтобы обновить Cherry Framework, сделайте следующее:</p>
<ol>
<li>В панели управления откройте вкладку<b> "Cherry Options (Опции Cherry)> Data management (Управление данными)"</b>.</li>
<li>Нажмите кнопку Update (Обновить) под блоком Cherry Framework
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>Дождитесь начала обновления.</li>
<li>Все остальное Cherry Framework выполнит автоматически. </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> Шаблоны страниц и боковые колонки</h2>
<br>
<div class="box-notification"><span>ВНИМАНИЕ: Стили необходимо редактировать в файле style.less. Стили компилируются и файл main-style.css перезаписывается после сохранения. </span></div>
<h4>Шаблоны страниц</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Default Template (Стандартный шаблон)</strong> (стандартная страница с боковой колонкой)</li>
<li><i class="icon-angle-right"></i> <strong>Full Width Page (Полноэкранная страница) </strong> (страница без боковых колонок)</li>
<li><i class="icon-angle-right"></i> <strong>Home Page (Домашняя страница)</strong> (шаблон страницы, используемый для домашней страницы)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 2 cols</strong> (шаблон страницы для записей галереи/портфолио в 2 колонки)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 3 cols</strong> (шаблон страницы для записей галереи/портфолио в 3 колонки)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 4 cols</strong> (шаблон страницы для записей галереи/портфолио в 4 колонки)</li>
<li><i class="icon-angle-right"></i> <strong>Testimonials (Отзывы)</strong> (шаблон страницы для отображения записей с рекомендациями)</li>
<li><i class="icon-angle-right"></i> <strong>FAQs</strong> (шаблон страницы для отображения записей FAQ)</li>
<li><i class="icon-angle-right"></i> <strong>Archives</strong> (шаблон страницы для отображения архивов)</li>
</ul>
<br />
<h4>Позиция боковых колонок</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Sidebar</strong> (Боковая колонка) - секции, находящиеся с правой/левой сторон страниц</li>
<li><i class="icon-angle-right"></i> <strong>Footer Area 1,2,3,4 (Футер) </strong>(опциональная) - секция, находящаяся внизу страниц </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> Записи, категории и форматы записей</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Добавление категории</h4>
<p>Более детальную информацию о добавлении категорий можно найти в следующей статье: <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>Войдите в панель управления WordPress.</li>
<li>Откройте вкладку <strong>Posts (Записи)</strong>.</li>
<li>Перейдите в <strong>Categories (Категории)</strong> для записей блога.</li>
<li>Введите название новой категории.</li>
<li>После этого щелкните кнопку <strong>Add New Category (Добавить новую категорию)</strong>.</li>
</ol>
Нажмите кнопку <strong>Publish (Опубликовать)</strong>. </div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Создание записи блога</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>Войдите в панель управления WordPress.</li>
<li>Откройте вкладку <strong>Posts (Записи)</strong>.</li>
<li>Нажмите <strong>Add New (Добавить новую)</strong>.</li>
<li>Добавьте контент в запись. Более детальную информацию о добавлении записей можно найти по ссылке <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>Выбор формата записи</h4>
<p>Более детальную информацию о форматах записей можно найти по ссылке: <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>Войдите в панель управления WordPress.</li>
<li>Откройте вкладку <strong>Posts (Записи)</strong>.</li>
<li>Чтобы выбрать формат записи, откройте список <strong>Format (Формат)</strong>.</li>
</ol>
<span class="label label-info">Внимание:</span> Некоторые из данных форматов имеют свои настройки, которые появятся под редактором записи. </div>
<p>Ниже находится список доступных форматов записей с описаниями и настройками.</p>
<h4>Стандартный формат записи</h4>
<p>Обычная, стандартная запись имеет следующие поля:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Post title</strong> - заголовок записи</li>
<li><i class="icon-angle-right"></i> <strong>Post content</strong> - контент записи</li>
<li><i class="icon-angle-right"></i> <strong>Categories</strong> - категория (и) записи</li>
<li><i class="icon-angle-right"></i> <strong>Tags</strong> - теги записи</li>
<li><i class="icon-angle-right"></i> <strong>Featured Image</strong> - изображение записи</li>
<li><i class="icon-angle-right"></i>и другие поля, которые можно включить в разделе <strong>Screen Options (Настройки экрана)</strong> в верхнем правом углу.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Стандартный формат записи</p>
<h4>Заметка</h4>
<p>Представляет собой упрощенную стандартную версию записи. Другими словами, в ней находится только поле для контента, поэтому не требуется вводить заголовок записи и другие опции. </p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Заметка</p>
<h4>Галерея</h4>
<p>Основной особенностью данного формата записи является возможность добавления неограниченного количества изображений.</p>
<p>Добавление галереи:</p>
<ol>
<li>Нажмите кнопку<strong> Add Media (Добавить медиа)</strong>.<br>
<span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>Чтобы добавить изображения с компьютера, перетяните файлы в появившееся поле или щелкните <strong>Select Files (Обзор)</strong>.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>После загрузки все картинки находятся в Media Library (Медиа библиотека). Выберите <strong>Uploaded to this post (Добавленные в эту запись)</strong> для просмотра изображений.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>По окончанию редактирования можно закрыть медиа библиотеку. Загруженные картинки будут добавлены автоматически.</li>
</ol>
<p>В записях формата галерея находятся те же поля (например, заголовок, контент, категории, и т.п.), что и для стандартного формата записи.</p>
<h4>Ссылка</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Ссылка</p>
<p>Формат <strong>Ссылка</strong> содержит дополнительное поле <strong>URL</strong>, где нужно указать ссылку (URL) для целевой страницы/ресурса. <strong>Заголовок записи </strong>будет использоваться в качестве текста ссылки.</p>
<p>Поле контента представляет собой описание целевой страницы/ресурса.</p>
<h4>Изображение</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Изображение</p>
<p><strong>Изображение -</strong> это формат записи в виде одиночного изображения, загруженного через опцию <strong>Featured Image</strong> <strong>(Изображение записи)</strong>.<br>
Выбрав данный формат, вы сможете отключить лайтбокс для изображений при помощи соответствующей настройки <strong>Enable Lightbox (Включить лайтбокс)</strong> .</p>
<h4>Цитата</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Цитата</p>
<p> Пост<strong> Цитата</strong> используется для публикации высказываний.</p>
<p>Данный формат отличается наличием дополнительный полей <strong>Цитата</strong> - текста высказывания и <strong> Автор </strong>- имя автора цитаты.</p>
<h4>Аудио</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">Аудио</p>
<p><strong>Формат Аудио</strong> используется для публикации аудио-контента.</p>
<p>Отличается наличием следующих настроек:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title (Заголовок)</strong> - название трека</li>
<li><i class="icon-angle-right"></i> <strong>Artist (Исполнитель)</strong> - исполнитель аудиотрека</li>
<li><i class="icon-angle-right"></i> <strong>Audio Format (Формат аудио) </strong>- формат аудиотрека</li>
<li><i class="icon-angle-right"></i> <strong>Audio URL (URL аудио) </strong> - прямая ссылка на аудиотрек</li>
</ul>
<h4>Видео</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Видео</p>
<p><strong> Видео</strong> используется для публикации видео-контента.</p>
<p>Отличается наличием следующих настроек:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title (Заголовок)</strong> - название видеоклипа</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> <strong>(Исполнитель)</strong> - исполнитель видеоклипа</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - прямая ссылка на видеоклип в формате m4v </li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - прямая ссылка на видеоклип в формате ogv </li>
<li><i class="icon-angle-right"></i> <strong>Embedded Code (Встроенный код) </strong> - используется для добавления видео с внешних ресурсов, например, youtube, vimeo, и т.д.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Создание записи слайдера</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Слайды, по сути, являются <a href="http://codex.wordpress.org/Post_Types#Custom_Types">пользовательским типом записей, </a> что отличает их от обычных записей, например, блога. Благодаря этому, очень легко управлять контентом сайта. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Создание записи слайдера</p>
<ol>
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню <strong>Slider (Слайдер)</strong> .</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Введите <strong>title (заголовок) </strong>слайдера.</li>
<li>Загрузите изображение в опции <strong>Featured Image (Изображение записи) </strong>(щелкните ссылку<strong> Set featured image (Установить Изображение записи)</strong>).</li>
<li>Для слайда можно использовать следующие поля:
<ul>
<li><i class="icon-angle-right"></i> <strong>Caption (Надпись)</strong> - поля для надписи слайда.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - поле для URL слайда (можно использовать внешнюю ссылку).</li>
</ul>
</li>
<li>Когда настройки заданы, нажмите кнопку<strong> Publish (Опубликовать)</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Добавление записи портфолио</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Элементы портфолио, по сути, являются пользовательским типом записей,<a href="http://codex.wordpress.org/Post_Types#Custom_Types"> http://codex.wordpress.org/Post_Types#Custom_Types </a> что отличает их от обычных записей. Благодаря этому, очень легко управлять контентом сайта.</p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Добавление записей портфолио</p>
<ol>
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню <strong>Portfolio (Портфолио)</strong> .</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Заполните все необходимые поля (<strong>заголовок</strong>, <strong>контент</strong>).</li>
<li>Загрузите изображение в опции <strong>Featured Image (Изображение записи) </strong>(щелкните ссылку<strong> Set featured image (Установить Изображение записи)</strong>).</li>
<li>Нажмите кнопку<strong> Publish (Опубликовать)</strong>.</li>
</ol>
<h4>Выбор формата записи портфолио</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>Создание записи портфолио в данной теме позволяет выбрать один из доступных типов записей.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Image (Изображение)</strong> - тип записи галереи по умолчанию. Отображает только <em>Изображение записи</em>.</li>
<li><i class="icon-angle-right"></i> <strong>Slideshow (Слайдшоу)</strong> - проект галереи отображается в виде слайдшоу. Может содержать неограниченное количество изображений записи. </li>
<li><i class="icon-angle-right"></i> <strong>Grid Gallery (Сетка галереи)</strong> - картинки записи отображаются в виде галереи. Может вмещать неограниченное количество изображений записи.</li>
<li><i class="icon-angle-right"></i> <strong>Video (Видео)</strong> - в данном типе записи можно добавлять видео клип с любого видео хостинга (YouTube, Vimeo, и т.п.).</li>
<li><i class="icon-angle-right"></i> <strong>Audio (Аудио)</strong> - этот тип записи позволяет добавлять аудио ссылку. </li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Добавление записи "отзыв" (Testimonials)</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Добавление записи "отзыв" (Testimonials)</p>
<ol>
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню <strong>Testimonials</strong><strong> (Отзывы)</strong>.</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Заполните все необходимые поля (<strong>заголовок</strong>, <strong>контент</strong>).</li>
<li>Загрузите изображение в опции <strong>Featured Image (Изображение записи) </strong>(щелкните ссылку<strong> Set featured image (Установить Изображение записи)</strong>).</li>
<li>В данном типе записей можно использовать следующие настройки:
<ul>
<li><i class="icon-angle-right"></i> <strong>Name</strong> <strong>(Имя)</strong> - имя автора</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - ссылка автора</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - дополнительная информация от автора.</li>
</ul>
</li>
<li>Нажмите кнопку<strong> Publish (Опубликовать)</strong></li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>Добавление записи FAQs </h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">Добавление записи FAQs </p>
<ol>
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню <strong>FAQs</strong>.</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Поскольку данный тип записей представляет собой вопросы/ответы, заголовком поста является вопрос, а контентом - ответ.</li>
<li>Нажмите кнопку<strong> Publish (Опубликовать)</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Добавление записи "Наша команда" (Our Team)</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Добавление записи "Наша команда" (Our Team)</p>
<ol>
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню <strong>Our Team</strong><strong> (Наша команда)</strong>.</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Заполните все необходимые поля (<strong>заголовок</strong>, <strong>контент</strong>).</li>
<li>Загрузите изображение в опции <strong>Featured Image (Изображение записи) </strong>(щелкните ссылку<strong> Set featured image (Установить Изображение записи)</strong>).</li>
<li>В данном типе записей можно использовать следующие настройки:
<ul>
<li><i class="icon-angle-right"></i><strong>Position (Должность) </strong> - должность человека.</li>
<li><i class="icon-angle-right"></i><strong>Info</strong> - Дополнительная информация.</li>
</ul>
</li>
<li>Нажмите кнопку<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> Страница портфолио</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Создание страницы портфолио</h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Создание страницы портфолио</p>
<p>Страницы портфолио можно создавать при помощи шаблонов страниц.</p>
<ol class="margbot">
<li>Войдите в панель управления WordPress.</li>
<li>Откройте меню<strong> Pages (Страницы)</strong>.</li>
<li>Нажмите вкладку <strong>Add New</strong> <strong>(Добавить новый)</strong>.</li>
<li>Введите название страницы, например, <strong>Portfolio page</strong>.</li>
<li>Выберите тип шаблона ( <strong>Filter Folio 2 cols</strong>, <strong>Filter Folio 3 cols</strong> или <strong>Filter Folio 4 cols</strong> в выпадающем меню <strong>Page Attributes (Атрибуты страницы)</strong>).</li>
<li>Когда настройки заданы, нажмите кнопку<strong> Publish (Опубликовать)</strong></li>
</ol>
<p>Можно создавать страницы категорий портфолио при помощи поля <strong>Category Include (Добавить категорию)</strong>. Для этого нужно указать слаг необходимой категории портфолио.</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">
<h2 class="item8"><i class="icon-file"></i> Шорткоды</h2>
<p>Шорткоды - мощный инструмент управления контентом <a href="http://codex.wordpress.org/Shortcode">http://codex.wordpress.org/Shortcode</a>. Они очень просты в использовании. Прежде всего, нужно выбрать режим редактирования <strong>Visual (Визуальный)</strong>.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_visual.jpg" alt=""></figure>
<p>Нажмите на кнопку шорткодов. После этого, выберите нужный шорткод.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_menu.jpg" alt=""></figure>
<br>
<p>Все шорткоды условно делятся на следующие группы:</p>
<ul>
<li><i class="icon-angle-right"></i><strong>Динамические </strong> - используются для вывода контента (записи, типы кастомных записей, теги, и т.п.).</li>