-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex_fr.html
2340 lines (2103 loc) · 170 KB
/
index_fr.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>Documentation du Template WooCommerce Cherry</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/wordpress-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>Documentation de Cherry WooCommerce</h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>Fr</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>Installation du template</b></a> <i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Étape 1. Installation de CherryFramework</a></li>
<li><a href="#theme_installation">Étape 2. Installation du thème</a></li>
<li><a href="#theme_sample_data">Étape 3. Exemple d'Installation de Données</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Prise en Main </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Préparation</a></li>
<li><a href="#engine_installation">Installation de l'engine</a></li>
<li><a href="#manual_install">Installation Manuelle</a></li>
<li><a href="#plugins_intstall">Installation du Plugin</a></li>
<li><a href="#theme_plugins">Plugins du Thème</a></li>
<li><a href="#google_services">Chargement des données sur les serveurs 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">Sauvegarde et Mise à Jour</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">Templates de Pages et Barres Latérales</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Articles, Cat. et Formats d'Articles</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Ajout de catégorie</a></li>
<li><a href="#blog_post">Création d'Article Blog post</a></li>
<li><a href="#post-formats">Choisir un Format d'Article</a></li>
<li><a href="#slider_post">Création d'un article latéral</a></li>
<li><a href="#portfolio_post">Ajout d'un article de Portfolio</a></li>
<li><a href="#testimonial_post">Ajout d'un article de Témoignages</a></li>
<li><a href="#faq_post">Ajout d'un article de FAQ</a></li>
<li><a href="#team_post">Ajout d'un article Notre Équipe</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">Page Portfolio </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">Grid 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 et Widgets Personnalisés</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Options de Cherry</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">Général</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">Politique de Cookies</a></li>
<li><a href="#additional_options">Options supplémentaires</a></li>
<li><a href="#shop_option">Options de Boutique</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>Merci d'avoir acheté un template WordPress. Cette documentation est composée de plusieurs parties et décrit le processus entier de paramétrage et d'administration d'un site WordPress à partir de zéro.</p>
<div id="wordpress_cms_desc">
<h4>Qu'est-ce que le CMS WordPress?</h4>
<p>WordPress est un outil de blogging open source et un système de gestion de contenu (Content Management System) basé sur PHP et MySQL. Il permet de créer des sites web et de puissantes applications en ligne et ne demande quasiment aucune connaissance technique. Plusieurs aspects, dont sa simplicité et son extensibilité, ont fait de WordPress le logiciel de site le plus populaire. <a href="http://wordpress.org/about/" target="_blank">En Apprendre Plus</a></p>
</div>
<div id="wordpress_template_desc">
<h4>Qu'est-ce qu'un template WordPress</h4>
<p>Un template WordPress est un thème pour un site construit avec la plate-forme de CMS WordPress. En d'autres termes, on peut facilement changer l'apparence d'un site Web WordPress en installant un nouveau template en quelques simples étapes. Avec toute sa simplicité, un template WordPress est fourni avec tous les fichiers source nécessaires et vous êtes libres de le modifier ou de l'étendre à votre guise.</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>Structure des fichiers </h4>
<p>Le package que vous avez téléchargé est constitué de plusieurs dossiers. Voyons ce que chaque dossier contient:</p>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>documentation</b><small class="muted"> - contient les fichiers de la documentation.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - le fichier principal de la documentation. C'est ici que vous êtes :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - contient des captures d'écran du template. Ne doit pas être mis en production.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - contient les fichiers source du template.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - les fichiers source Adobe Photoshop du template (.psd).</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - contient les fichiers du thème WordPress.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - Archive du thème Cherry Framework. Contient tous les fichiers du thème. Doit être installé avec le gestionnaire d'extensions de WordPress.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - archive du thème (thème fils). Contient tous les fichiers du thème. Doit être installé avec le gestionnaire d'extensions de WordPress.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - contient des fichiers pouvant donner à votre site WordPress l'apparence de notre démo live.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - contient tous les samples de données du template (articles, pages, catégories, etc.).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - contient tous les paramètres des widgets.</small></li>
<li class="file"><i class="icon-file"></i> plusieurs images et autres fichiers média<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - contient des fichiers pouvant donner à votre site WordPress l'apparence de notre démo live.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - contient les images du thème.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - fichier de sauvegarde de base de données (contient les éléments du thème).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - contient les détails sur la license.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - contient des liens où les polices propres au thème peuvent être téléchargées.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - contient des instructions sur l'extraction des fichiers source.</small></li>
</ul>
</div>
<div id="validation">
<h4>Validation</h4>
<div class="box-notification">
<span>Les deux codes, le balisage HTML (Langage hypertexte) et les styles CSS, utilisés dans nos modèles, sont sémantiquement corrects et valides. Néanmoins, certaines erreurs W3C peuvent toujours avoir lieu. Rendre valide le code 100% W3C élimine l'utilisation des technologies modernes de site web comme les fonctions de CSS3 et des balises HTML5. Notre objectif est de fournir une riche expérience de l'utilisateur avec des modèles de haute qualité et parfois nous devons enfreindre certaines règles.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Installation du template </h2>
<p>L'installation d'un template n'a jamais été aussi simple. Le processus d'installation ne comporte que trois étapes simples: l'installation de Cherry framework, l'installation du thème fils et l'installation des données du sample.</p>
<p>Toutes les étapes de l'installation peuvent être faites depuis l'interface WordPres. Ça rend le processus aisé et rapide.</p>
<p>Vous pouvez vérifier ça en cliquant sur le lien ci-dessous:</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>Étape 1. Installation de CherryFramework </h4>
<ol style="margin-bottom:.5em;">
<li>Connectez-vous au panneau d'administration de WordPress (ajoutez /wp-admin à votre nom de domaine dans la barre d'adresse de votre navigateur).</li>
<li>Accédez au menu <strong>Apparence</strong> > <strong>Thèmes</strong> et cliquez sur le bouton<strong>Ajouter</strong>.</li>
<li>Cliquez sur le lien <strong>Mettre un thème en ligne</strong>.</li>
<li>Cliquez sur le bouton <strong>Parcourir</strong> et naviguez jusqu'au template décompressé sur votre ordinateur.</li>
<li>Cherchez un fichier nommé <strong>CherryFramework.zip</strong>. Cliquez dessus pour le selectionner, puis cliquez sur <strong>OK</strong>.</li>
<li>Cliquez sur le bouton <strong>Installer Maintenant</strong> puis attendez que l'installation se termine.</li>
<li>Cliquez sur le lien <strong>Activer le thème</strong>.</li>
</ol>
<p class="muted text-center"></p>
<p>Pour plus d'informations, n'hésitez pas à consulter le tutoriel vidéo détaillé sur <!--<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">Comment installer le template Cherry framework</a>.</p>
<p>Félicitations, vous venez d'installer le framework.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Étape 2. Installation du thème</h4>
<p>Vous pouvez maintenant procéder à l'installation du thème fils: <strong>theme####.zip</strong>. Les étapes sont les mêmes:</p>
<ol style="margin-bottom:.5em;">
<li>Allez sur le menu <strong>Apparence</strong> > <strong>Thèmes</strong> et cliquez sur le bouton <strong>Ajouter</strong>.</li>
<li>Cliquez sur le lien <strong>Mettre un thème en ligne</strong>.</li>
<li>Cliquez sur le bouton <strong>Parcourir</strong> et naviguez jusqu'au template décompressé sur votre ordinateur.</li>
<li>Cherchez un fichier nommé <strong>theme####.zip </strong>(avec <strong>XXXX</strong> correspondant au numéro unique de votre thème). Cliquez dessus pour le sélectionner, puis cliquez sur <strong>OK</strong>.</li>
<li>Cliquez sur le bouton <strong>Installer Maintenant</strong> et attendez que l'installation se termine.</li>
<li>Cliquez sur le lien <strong>Activer</strong> pour que l'apparence de votre site soit celle du thème que vous avez acheté.</li>
</ol>
<p class="muted text-center"></p>
<p>Félicitations, le framework et le thème ont été installés avec succès!</p>
</article>
<article id="theme_sample_data">
<h4>Étape 3. Installation des Données du Sample</h4>
<p>Pour que votre site WordPress ressemble à notre démo live, veuillez suivre les instructions ci-dessous. Nous suggérons également de faire un fichier de sauvegarde .sql. <a target="_blank" href="/help/phpmyadmin-how-to-backup-a-database.html">exporté</a> depuis votre base de données.</p>
<div class="box-info"><span>NB: Pour les templates conçus avec Cherry Framework v3.0 ou plus antérieur, pour installer les données du Sample vous devez uploader les fichiers XML et JSON du dossier "sample_data". Les images et autres fichiers média doivent être uploadés depuis le dossier "manual_install\uploads". Assurez-vous d'avoir uploadé toutes les images de tous les sous-répertoires. </span></div>
<ol>
<li>Allez au menu <strong>Cherry Plugin > Import Content.</strong></li>
<li>Tout d'abord, vous pouvez voir le tableau des nécessités qui indique si votre hébergeur est conforme aux besoins de Cherry Plugin. Veuillez contacter votre hébergeur s'il y a le moindre avertissement.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>Si tous les paramètres du serveur sont OK vous verrez l'écran d'upload. Ouvrez le répertoire <b>"theme/sample_data"</b> du package du template et uploadez tous les fichiers sur WordPress. Vous pouvez uploader tous les fichiers en les selectionnant dans le répertoire <b>"theme/sample_data"</b> (CTRL+A ou Command+A) et en les glissant dans la zone d'upload.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>Assurez-vous d'avoir uploadé tous les fichiers du répertoire sample_data, y compris les fichiers .JSON et .XML. Une fois l'upload achevé, cliquez sur le bouton "Continue Install" pour terminer. <br><br>
<div class="box-notification"><span>ATTENTION: Les fichiers .JSON et .XML sont nécessaires pour l'installation des données du sample. Le bouton Continue Install sera actif seulement si les fichiers .XML et .JSON ont été uploadés.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Un clic sur le bouton "Continue Install" lancera le processus d'installation des données du sample. Les étapes de d'installation peuvent prendre du temps selon les paramètres de votre serveur. Soyez patient.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>Félicitations!</strong> Vous avez installé votre Thème Cherry WordPress correctement. Vous pouvez voir le thème maintenant.</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> Prise en Main</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Préparation</h4>
<p>Avant de paramétrer votre site WordPress, assurez-vous d'être complètement préparé. Suivez les étapes de préparation suivantes:</p>
<h4>Logiciel d'édition</h4>
<p>Pour être à l'aise en travaillant avec votre template WordPress, nous recommandons de télécharger toutes les applications requises. Vous pouvez voir la liste des logiciels requis sur la page de prévisualisation du template. <br>Les besoins peuvent varier selon le template, nous vous dirons en général ce qui est nécessaire:</p>
<ol>
<li>Tout d'abord, il vous faut les bonnes applications pour extraire les sources de l'archive protégée par mot de passe sources_#########.zip. Vous pouvez utiliser WinZip 9 et + (Windows) et Stuffit Expander 10 et + (Mac).</li>
<li>Vous pouvez également avoir besoin de l'application Adobe Photoshop. Elle est utilisée pour éditer les fichiers source .PSD, ce qui est nécessaire si vous voulez modifier le design et les images du template.</li>
<li>Pour modifier les fichiers du code source du template, il vous faut un éditeur de code comme Adobe Dreamweaver, Notepad++, Sublime Text, etc.</li>
<li>Pour uploader des fichiers vers le serveur d'hébergement, vous pouvez avoir besoin d'un Gestionnaire de FTP comme Total Commander, FileZilla, CuteFTP, etc.</li>
</ol>
<h4>Hébergement</h4>
<p>Comme le CMS WordPress est une application basée sur PHP/MySQL, vous devez préparer un environnement d'hébergement pour accueillir WordPress.</p>
<p>Si vous avez un hébergement, assurez-vous qu'il est conforme aux <a href="http://wordpress.org/about/requirements/" target="_blank">Besoins logiciels de WordPress</a> et qu'il est prêt à être utilisé pour les sites WordPress.</p>
<p>Autrement, vous pouvez avoir WordPress localement sur votre ordinateur à l'aide d'un serveur local. Pour créer un serveur d'hébergement local, utilisez les applications localhost telles que <b>WAMP</b>, <b>AppServ</b>, <b>MAMP</b>, etc. Elles peuvent toutes être installées facilement comme tout autre programme et utilisées pour faire tourner WordPress. </p>
<p>Veuillez consulter les tutoriels ci-dessous sur comment configurer un environnement de développement local:</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">Comment nstaller l'environnement de développement web AppServ</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-wamp-web-development-environment.html">Comment nstaller l'environnement de développement web WAMP</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-xamp-web-development-environment.html">Comment nstaller l'environnement de développement web XAMP</a></li>
</ul>
</article>
<!-- Engine installation -->
<article id="engine_installation">
<h4>Installation de l'engine </h4>
<div class="box-info"><span>Téléchargez la bonne version de l'engine. Sur la page de prévisualisation du template, dans la section "requirements", vous pouvez voir la version de WordPress requise. Assurez-vous de télécharger la bonne version.</span></div>
<ol>
<li>L'engine de WordPress peut être téléchargé sur le site officiel WordPress.org <a href="http://wordpress.org/download/" target="_blank"><strong>Télécharger WordPress</strong></a>. Si vous avez besoin d'une version antérieure, vous pouvez cliquer sur le lien <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Archives</strong></a>.
</li>
<li>Une fois le téléchargement terminé, vous devez extraire les fichiers de l'engine et des packages du template. Pour extraire les fichiers du package <strong>ZIP</strong> de l'engine de WordPress, vous pouvez utiliser n'importe quel gestionnaire d'archives prenant en charge les archives ZIP.
<p>Les tutoriels suivants vous montreront comment extraire les fichiers sur <a target="_blank" href="/help/unzipping-your-template.html"><strong>Windows (WinZip)</strong></a> et <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">Extraire les fichiers archivés (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-windows-os.html">Extraire les fichiers archivés (Windows OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/downloading-and-installing-winzip.html">Télécharger et Installer WinZip</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-unzip-template-mac.html">Comment dézipper un template (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/unzipping-your-template.html">Comment dézipper un template (Windows OS)</a></li>
</ul>
</li>
<li>Après avoir extrait les fichiers, vous devez uploader les fichiers et les dossiers de l'engine de WordPress sur votre serveur d'hébergement.
<p>Tous ces fichiers et dossiers doivent être uploadés sur votre serveur d'hébergement. Les fichiers de l'engine doivent être uploadés dans le dossier <strong>PUBLIC_HTML</strong> ou <strong>WWW</strong> sur votre serveur.</p>
<div class="box-info"><span>Si vous ne voyez pas de dossier PUBLIC_HTML ou WWW sur votre serveur d'hébergement, veuillez contacter votre hébergeur et précisez où les fichiers du site doivent être uploadés.</span></div>
<p>Veuillez consulter les tutoriels suivant sur comment uploader des fichiers sur un serveur:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-upload-files-server-2.html">Comment uploader des fichiers sur un serveur</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">Comment uploader des fichiers sur un serveur avec cPanel (WebHost Manager, WHM)</a> </li>
</ul>
</li>
<li>À cette étape, vous devez créer une base de données qui sera utilisée par votre engine WordPress.
<p>Vous pouvez créer une nouvelle base de données avec un outil de gestion de base de données depuis le panneau de contrôle de votre hébergement (<i>habituellement PhpMyAdmin</i>).</p>
<p>Avec l'outil phpMyAdmin, vous pourrez créer une nouvelle base de données en 3 étapes simples (consultez les diapositives ci-dessous):</p>
<ol>
<li>Cliquez sur le bouton Database du menu de navigation en haut pour accéder à la liste des bases de données.</li>
<li>Entrez le nom de la base de données dans le champ "Create new database". </li>
<li>Cliquez sur le bouton Create sur le côté droit.</li>
</ol>
<br>
<p>Votre base de données est visible dans la liste des bases de données. Cliquez sur son nom pour accéder à la base de données.</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. Cliquez sur le bouton Database pour accéder à la liste des bases de données.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Entrez le nom de la base de données. <br>
3. Cliquez sur le bouton Create.</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. Votre base de données est visible dans la liste des bases de données. Cliquez sur son nom pour accéder à la base de données.</p>
</div>
</li>
</ul>
</div>
<br>
<p>Vous pouvez également consulter le tutoriel vidéo détaillé sur <a target="_blank" href="/help/how-to-create-a-database.html"><i class="icon-play-circle "></i> Comment créer une base de données</a>.</p>
<br />
<div class="box-notification"><span>Si vous avez des difficultés pour créer une base de données, veuillez contacter votre hébergeur pour bénéficier d'aide d'assistance.</span></div>
<p>N'hésitez pas à consulter les tutoriels détaillés ci-dessous:</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">Comment créer une base de données</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-mysql-database-with-godaddy.html">Comment créer une base de données MySQL avec GoDaddy </a></li>
</ul>
</li>
<li>Dans la barre d'adresse de votre navigateur, tapez le nom de domaine/racine des fichiers WordPress et appuyez sur Entrée. Ceci lancera la procédure d'installation.
</li>
<li><strong>Création d'un fichier de configuration.</strong> L'écran initial d'installation de WordPress indiquera que le fichier de configuration n'est pas disponible. Cliquez sur le bouton Créer un Fichier de Configuration pour le créer.
<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>Entrée des informations sur la base de données.</strong> Vous devez entrer les informations de connexion à la base de données WordPress ici.
<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>Entrée des informations sur le site.</strong> Sur l'écran suivant, vous devez entrer des informations sur le site telles que:
<ul>
<li><i class="icon-angle-right"></i> le nom du site</li>
<li><i class="icon-angle-right"></i> le nom d'utilisateur et le mot de passe administrateur</li>
<li><i class="icon-angle-right"></i> l'adresse e-mail du site.</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>Une fois que vous avez fini, cliquez sur le bouton Installer 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>Si les données ont été entrées correctement, vous verrez une fenêtre Succès avec le bouton pour vous connnecter à votre panneau d'administration WordPress.</p>
</li>
</ol>
<p>N'hésitez pas consulter les tutoriels détaillés ci-dessous:</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">Comment installer l'engine sur un serveur HostGator (installation manuelle)</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">Comment installer l'engine sur un serveur Bluehost (installation manuelle)</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">Comment installer l'engine sur un serveur SiteGround (installation manuelle)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html">Comment installer l'engine sur un serveur GoDaddy (installation manuelle)</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">Comment installer l'engine sur un serveur Just Host (installation manuelle)</a></li>
</ul>
</article>
<article id="manual_install">
<h4>Installation Manuelle</h4>
<p>Si vous avez des problèmes pour installer les données du sample, veuillez suivre les instructions ci-dessous.</p>
<div class="box-notification"><span>ATTENTION: Importer le fichier SQL dans votre base de données écrasera le contenu existant et les paramètres de votre site. N'importez PAS le fichier SQL si vous voulez conserver le contenu existant.</span></div>
<div class="box-info"><span>NB: Faites toujours une sauvegarde de votre base de données avant de faire toute modification.</span></div>
<div class="box-info"><span>Notez que le préfixe des tables de la base de données WordPress doit être <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>Pour que votre WordPress ressemble à notre démo live, veuillez suivre les instructions ci-dessous.</p>
<ol>
<li>Assurez-vous que le thème a été installé en suivant les <a href="#cherryframework_installation">instructions suivantes</a>.</li>
<li>Copiez le dossier "<strong>uploads</strong>" (qui est dans le dossier<strong> theme/manual_install/</strong> du package de votre template) dans le dossier<strong> /wp-content/ </strong> de votre FTP.</li>
<li>Ouvrez le fichier <strong>theme####.sql</strong> qui est dans le dossier <strong>theme/manual_install/</strong> avec n'importe quel éditeur de texte (de préférence Dreamweaver ou Notepad) et remplacez toutes les instances de "<strong>your_website_url_here</strong>" par l'URL de votre site dans le document en entier à l'aide de l'outil <strong>Find and Replace</strong> (faites le raccourci Ctrl+H pour ouvrir cette fenêtre). Par exemple: http://www.monsite.com</li>
<li>Assurez-vous qu'il n'y a pas de signe slash "/" à la fin de l'adresse et que l'url commence bien par http://www.</li>
<li>Enregistrez vos modifications et fermez le fichier.</li>
<li>Vous pouvez maintenant importer le fichier dump avec l'outil <strong>phpMyAdmin</strong> ou tout autre outil de gestion de base de données. </li>
</ol>
<br>
<div class="box-info"><span>S'il y a des problèmes lors de l'installation via le panneau d'administration, voici l'autre moyen de le faire.</span></div>
<h5>Installer les Données du Sample via FTP:</h5>
<p>Pour utiliser cette méthode, vous devez avoir accès aux fichiers de votre site WordPress par FTP avec le Gestionnaire de Fichiers du panneau de contrôle de votre hébergement ou un client FTP comme Filezilla, CuteFTP, Total Commander, etc.</p>
<div class="box-info"><span>Si vous avez installé le thème avec les données du sample ou manuellement et le thème apparait autrement que sur la démo Live, ouvrez les Options de Cherry et cliquez sur "Restore Defaults."</span></div>
<ol>
<li>Décompressez les fichiers <strong>CherryFramework.zip</strong> et <strong>theme####.zip</strong> dans n'importe quel dossier de votre disque dur (faites d'abord un clic droit sur chaque fichier .zip, selectionnez <strong>Unzip to… CherryFramework</strong> et <strong>theme####</strong> respectivement, afin d'avoir les deux dossiers nommés CherryFramework et theme####).
</li>
<li>Uploadez les dossiers <strong>CherryFramework</strong> et <strong>theme####</strong> vers le dossier <strong>/wp-content/themes/</strong> sur votre serveur FTP.</li>
<li>Connectez-vous au panneau d'administration de WordPress (ajoutez /wp-admin après votre nom de domaine dans la barre d'adresse du navigateur).</li>
<li>Allez sur le menu <strong>Apparence</strong> > <strong>Thèmes</strong>.</li>
<li>Dans la section <strong>Thèmes Disponibles</strong> trouvez <strong>theme####</strong> et activez-le en cliquant sur le bouton <strong>Activer</strong>.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Installation du Plugin</h4>
<p>Après avoir installé et activé le thème, vous aurez peut-être besoin d'installer les plugins supplémentaires:</p>
<ol>
<li>Une fois le thème activé, vous trouverez dans le coin en haut à gauche les liens pour installer des plugins supplémentaires. Suivez le lien<strong> Begin installing plugin</strong>.
<br>Vous pouvez également installer les plugins depuis le Tableau de Bord, allez à <strong>Apparence- > Installer Extensions</strong>.</li>
<li>Consultez les plugins nécessaires.</li>
<li>Dans le menu déroulant Actions Groupées sélectionnez <strong>Installer</strong> et cliquez sur <strong>Appliquer</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>Plugins du Thème:</h4>
<h5>Cherry Plugin</h5>
<p><span class="label label-important">Attention:</span> L'installation et l'activation de Cherry Plugin est requise pour le bon fonctionnement des shortcodes et des widgets. Cherry Plugin est installé et activé par défaut à l'installation de Cherry Framework.</p>
<p><span class="label label-info">Télécharger:</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> L'équipe Cherry a déjà créé un framework Cherry qu'on peut qualifier de parfait sans exagérer, mais nous sommes constamment à la recherche d'améliorations. Voici Cherry Plugin. C'est une extension pour notre framework Cherry dans laquelle nous avons inclus tous les shortcodes et widgets dont vous pouvez avoir besoin. Le plugin est entièrement compatible avec n'importe quel thème WordPress lié à Cherry Framework. Pour le moment, le plugin est en version béta, mais nous allons continuer à l'améliorer pour proposer des fonctionnalitées encore meilleures.</p>
<h5>Formulaire de Contact 7</h5>
<p><span class="label label-info">Télécharger:</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> Formulaire de Contact pour page de contact.</p>
<h4>Plugins Compatibles :</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">Télécharger:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Description:</span> WPML facilite la création de sites multilingues et les rend actifs.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">Télécharger:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Description:</span> WooCommerce est un plugin d'e-commerce puissant et extensible vous permettant de vendre tout ce que vous voulez. Merveilleux.<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">Télécharger:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Description:</span> Les réseaux sociaux dans une boîte. Construisez une présence sur les réseaux sociaux pour votre entreprise, votre école, cotre équipe de sport ou votre communauté.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">Télécharger:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Description:</span> bbPress est un logiciel de forum conçu à la manière de WordPress.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">Télécharger:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Description:</span> Mingle Forum vous permet mettre en place facilement et rapidement un Forum sur votre site/blog WordPress.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">Télécharger:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Description:</span> Ce plugin WordPress est un système complet de forum pour votre blog wordpress.</p>
</article>
<article id="google_services">
<h4>Chargement des données sur les serveurs Google </h4>
<p>Certains pays ont des problèmes de connexion aux serveurs de Google. Cela peut causer des problèmes de chargement Google Fonts. Pour résoudre ces problèmes s'il vous plaît faites ce qui suit: </p>
<h5>Impossible de charger Google Fonts: </h5>
<p>Ouvrir ...\CherryFramework\admin\options-sanitize.php fichier</p>
<p>Recherchez la ligne: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Remplacez-le par ce qui suit:</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>Les clients qui ont acheté le template sont fournis avec six mois d'usage de chat en ligne Olark gratuitement. Pour vous inscrire au Forfait de bronze 6 mois gratui, vous devriez suivre <a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">le lien d'inscription 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">Remplissez le formulaire pour enregistrer votre compte</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">Insérez l'ID généré en champ ID de Support en Ligne (Live Chat) dans les options de Cherry (Général)</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> Sauvegarde et Mise à Jour</h2>
<div class="box-notification"><span>Avant de mettre à jour Cherry Framework, nous recommadons fortement de faire une sauvegarde de la version actuelle.</span></div>
<h4>Sauvegarde</h4>
<p>Vous pouvez créer une sauvegarde à la fois pour CherryFramework et pour le thème fils. Ceci peut se faire dans la section <b>"Cherry Options > Data management"</b> du panneau d'administration de 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>La sauvegarde peut se faire facilement en cliquant sur les boutons <b>"Backup"</b> sous les blocs Cherry Framework et Child Theme. <br>
Vous pouvez maintenant trouver l'archive avec votre framework ou votre thème fils dans le dossier <b>/wp-content/themes_backup/</b>.</p>
<p>Vous pouvez aussi la télécharger en cliquant sur le bouton <b>"Download backup"</b>. Si vous rencontrez des difficultés, vous pouvez réinstaller le framework dans <b>Apparence -> Thèmes -> Ajouter des thèmes -> Mettre un thème en ligne</b>.</p>
<h4>Mise à jour</h4>
<p>Pour mettre à jour Cherry Framework, il faut faire ce qui suit:</p>
<ol>
<li>Dans votre panneau d'administration, ouvrez l'onglet <b>"Cherry Options > Data management"</b>.</li>
<li>Cliquez sur le bouton Update sous le bloc Cherry Framework
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>Attendez que le processus commence.</li>
<li>Détendez-vous et Cherry Framework fera tout tout seul. </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> Templates de Pages et Barres Latérales</h2>
<br>
<div class="box-notification"><span>ATTENTION: Il est nécessaire d'éditer les styles dans le fichier style.less. Ceci parce que les options de style sont compilées à nouveau et le fichier main-style.css est réécrit après la sauvegarde. </span></div>
<h4>Templates de Pages</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Template par Défaut</strong> (le template de la page par défaut avec une barre latérale)</li>
<li><i class="icon-angle-right"></i> <strong>Page Largeur Entière</strong> (un template de page à une colonne sans barre latérale)</li>
<li><i class="icon-angle-right"></i> <strong>Page d'Accueil </strong> (un template de page utilisé pour la page d'Accueil)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 2 cols</strong> (un template de page pour les articles personnalisés de gallerie/portfolio en 2 colonnes)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 3 cols</strong> (un template de page pour les articles personnalisés de gallerie/portfolio en 3 colonnes)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 4 cols</strong> (un template de page pour les articles personnalisés de gallerie/portfolio en 4 colonnes)</li>
<li><i class="icon-angle-right"></i> <strong>Témoignages</strong> (un template de page pour afficher les articles personnalisées de témoignages)</li>
<li><i class="icon-angle-right"></i> <strong>FAQs</strong> (un template de page pour afficher articles de FAQ)</li>
<li><i class="icon-angle-right"></i> <strong>Archives</strong> (le template de page pour afficher les archives)</li>
</ul>
<br />
<h4>Position de la Barre Latérale</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Sidebar</strong> - zones <em>situées sur le côté droit/gauche des pages</em></li>
<li><i class="icon-angle-right"></i> <strong>Zones de Footer 1,2,3,4</strong> (optionnel) - zones <em>situées au bas des 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> Articles, Catégories et Formats d'Articles</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Ajout de catégorie</h4>
<p>Consultez l'article suivant pour plus d'informations sur l'ajout de catégories: <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>Connectez-vous à votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Articles</strong>.</li>
<li>Une fois que c'est fait, cliquez sur <strong>Catégories</strong> dans les articles du blog.</li>
<li>Entrez le nom de votre nouvelle catégorie.</li>
<li>Ensuite, cliquez sur le bouton <strong>Ajouter une nouvelle catégorie</strong>.</li>
</ol>
Cliquez sur le bouton <strong>Publier</strong>.
</div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Création d'un article de Blog</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>Connectez-vous à votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Articles</strong>.</li>
<li>Cliquez sur l'onglet <strong>Ajouter</strong>.</li>
<li>Entrez le contenu de votre article. Pour plus d'informations sur l'ajout d'articles, veuillez consulter le lien suivant <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>Choisir un Format d'Article</h4>
<p>Veuillez consulter le lien suivant pour plus d'informations sur les différents formats d'articles: <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>Connectez-vous à votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Articles</strong>.</li>
<li>Pour choisir un format d'article, consultez ceux listés dans la boîte <strong>Format</strong>.</li>
</ol>
<span class="label label-info">NB:</span> Certains de ces formats ont leurs propres options. Leurs paramètres apparaîtront dans l'éditeur d'article.
</div>
<p>Vous trouverez ci-dessous la liste des formats d'article disponibles avec leur description et paramètres.</p>
<h4>Article au Format Standard</h4>
<p>Un article normal, standard dispose des champs suivants:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Titre de l'Article</strong> - titre de l'article</li>
<li><i class="icon-angle-right"></i> <strong>Contenu de l'Article</strong> - contenu de l'article</li>
<li><i class="icon-angle-right"></i> <strong>Catégories</strong> - catégorie(s) de l'article</li>
<li><i class="icon-angle-right"></i> <strong>Mots-clés</strong> - mots-clés de l'article</li>
<li><i class="icon-angle-right"></i> <strong>Image à la Une</strong> - image de l'article</li>
<li><i class="icon-angle-right"></i> et d'autres champs pouvant être activés dans la section <strong>Options de l'écran</strong> située en haut à droite.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Format Standard d'Article</p>
<h4>Article au Format Simplifié</h4>
<p>C'est une version simplifiée d'article normal. En d'autres termes, il y a seulement un champ de contenu d'article et vous n'avez pas à entrer un titre d'article ni à remplir les autres champs. C'est ce qu'on appelle un post-note.</p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Format Simplifié</p>
<h4>Article au Format Gallerie</h4>
<p>La particularité de ce format d'article est la possibilité d'avoir un nombre illimté d'images.</p>
<p>Ajout d'un Article au Format Gallerie:</p>
<ol>
<li>Cliquez sur le bouton<strong> Add Media</strong>.<br><span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>Pour ajouter des images depuis votre disque dur, glissez et déposez vos fichiers dans la boîte qui apparait ou cliquez sur <strong>Select Files</strong> pour choisir sur votre ordinateur une image à uploader.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>Une fois les images uploadées, vous verrez toutes les images dans votre Bibliothèque Média. Sélectionnez <strong>Uploaded to this post</strong> pour voir les images jointes à cet article.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>Après avoir fini vos modifications, vous pouvez fermer la Bibliothèque Média. Les images uploadées seront automatiquement jointes.</li>
</ol>
<p>Le format gallerie a tous les champs standards (comme le titre, le contenu, les catégories, etc.) à l'instar du du format d'article traditionnel.</p>
<h4>Article au Format Lien</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Article au Format Lien</p>
<p>Après avoir choisi le format <strong>Lien</strong>, vous obtiendrez un champ <strong>URL </strong>supplémentaire où vous devez préciser le lien (URL) de la page/ressource ciblée. Le <strong>titre de l'Article </strong>sera utilisé comme le texte de votre lien.</p>
<p>Si vous remplissez le champ de contenu de l'article, il servira de description de la page/source ciblée.</p>
<h4>Article au Format Image</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Article au Format Image</p>
<p>Un article au format<strong> Image</strong> est un article dont le format est basé sur une seule image uploadée via l'option <strong>Image à la Une</strong>.<br> Après avoir choisi le format Image, vous pourrez désactiver la fonction image en lightbox en sélectionnat le paramètre correspondant pour définir l'option <strong>Enable Lightbox</strong>.</p>
<h4>Article au Format Citation</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Article au Format Citation</p>
<p>Un article au<strong> Format Citation</strong> permet comme son nom l'indique de citer un article. Il sert à publier des citations.</p>
<p>En choisissant ce format d'article, vous obtiendez un champ additionnel <strong>The Quote</strong> - le corps de la citation ainsi qu'un champ<strong> Auteur</strong> - le nom de l'auteur de la citation.</p>
<h4>Article au Format Audio</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">Article au Format Audio</p>
<p><strong>Le Format Audio</strong> est utilisé pour publier du contenu audio.</p>
<p>En choisissant ce format d'article, vous obtiendrez les options supplémentaires suivantes:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - un titre de piste</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - l'interprète d'une piste audio</li>
<li><i class="icon-angle-right"></i> <strong>Audio Format</strong> - un format de piste audio</li>
<li><i class="icon-angle-right"></i> <strong>Audio URL</strong> - un lien direct vers une piste audio</li>
</ul>
<h4>Article au Format Vidéo</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Article au Format Vidéo</p>
<p>Un<strong> Article au Format Vidéo</strong> sert à publier du contenu vidéo.</p>
<p>En sélectionnant ce format d'article, vous obtiendrez les options supplémentaires suivantes:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - un titre de clip vidéo</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - un interprètre de clip vidéo</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - un lien direct vers un clip vidéo au format m4v</li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - un lien direct vers un clip vidéo au format ogv</li>
<li><i class="icon-angle-right"></i> <strong>Embedded Code</strong> - utilisé pour exporter la vidéo hors du site, par exemple via youtube, vimeo, etc.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Création d'un article slider</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Les slides sont essentiellement un <a href="http://codex.wordpress.org/Post_Types#Custom_Types">type d'article personnalisé</a> ce qui veut dire qu'ils sont différents des articles ordinaires, comme les articles de blog. Ceci permet de gérer le contenu du site très facilement. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Création d'un article slider</p>
<ol>
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Slider</strong>.</li>
<li>Maintenant cliquez sur l'onglet <strong>Add New</strong>.</li>
<li>Insérez le <strong>titre</strong> de votre slider.</li>
<li>Uploadez votre image avec l'option <strong>Featured Image </strong>(cliquez sur le lien <strong>Set featured image</strong>).</li>
<li>Vous pouvez utiliser les champs suivants pour votre slider<em></em>:
<ul>
<li><i class="icon-angle-right"></i> <strong>Caption</strong> - le champ pour la légende du slide.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - le champ pour l'URL du slide (vous pouvez mettre un lien externe ici).</li>
</ul>
</li>
<li>Une fois que c'est fait, cliquez sur le bouton <strong>Publish</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Ajout d'un article Portfolio</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Les éléments du portfolio sont essentiellement un type personnalisé <a href="http://codex.wordpress.org/Post_Types#Custom_Types">http://codex.wordpress.org/Post_Types#Custom_Types</a> ce qui veut dire qu'ils sont différents des articles communs, comme les articles de blog. Ceci permet de gérer le contenu du site très facilement. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Ajout d'un article Portfolio</p>
<ol>
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Portfolio</strong>.</li>
<li>Et maintenant sur l'onglet <strong>Add New</strong>.</li>
<li>Remplissez les champs requis (<strong>titre</strong>, <strong>contenu</strong>).</li>
<li>Uploadez votre image avec l'option <strong>Featured Image </strong>(cliquez sur le lien <strong>Set featured image</strong>).</li>
<li>Puis cliquez sur le bouton <strong>Publish</strong>.</li>
</ol>
<h4>Choisir le format d'article Portfolio</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>La création d'un article portfolio avec ce thème vous permet de choisir l'un des types d'article disponibles.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Image</strong> - un format d'article de gallerie par défaut. Affiche seulement l'<em>image mise en avant</em>.</li>
<li><i class="icon-angle-right"></i> <strong>Slideshow</strong> - la gallerie des projets est affichée sous forme de slideshow. Elle peut contenir un nombre illimité d'images uploadées et jointes à l'article. </li>
<li><i class="icon-angle-right"></i> <strong>Grid Gallery</strong> - les images de l'article sont affichées sous forme de gallerie. Elle peut contenir un nombre illimité d'images uploadées et jointes à l'article. </li>
<li><i class="icon-angle-right"></i> <strong>Video</strong> - avec ce type d'article, vous pouvez intégrer une vidéo de n'importe quel hébergeur (YouTube, Vimeo, etc.).</li>
<li><i class="icon-angle-right"></i> <strong>Audio</strong> - en sélectionnant ce type d'article, vous pouvez intégrer un lien audio. </li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Ajout d'un article de Témoignages</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Ajout d'un article de Témoignages</p>
<ol>
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Testimonials</strong>.</li>
<li>Puis cliquez sur l'onglet <strong>Add New</strong>.</li>
<li>Remplissez les champs requis (<strong>titre</strong>, <strong>contenu</strong>).</li>
<li>Uploadez votre image à l'aide de l'option <strong>Featured Image </strong>(cliquez sur le lien <strong>Set featured image</strong>).</li>
<li>Vous pouvez utiliser les champs suivant pour ce genre d'articles:
<ul>
<li><i class="icon-angle-right"></i> <strong>Name</strong> - nom de l'auteur</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - lien de l'auteur</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - informations supplémentaires sur l'auteur.</li>
</ul>
</li>
<li>Cliquez sur le bouton <strong>Publish</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>Ajout d'un article de FAQ</h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">Ajout d'un article de FAQ</p>
<ol>
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>FAQs</strong>.</li>
<li>Et maintenant sur le bouton <strong>Add New</strong>.</li>
<li>Comme c'est un article de type question/réponse, le titre de l'article est la question et le contenu est la réponse.</li>
<li>Cliquez sur <strong>Publish.</strong></li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Ajout d'un article Notre Équipe</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Ajout d'un article Notre Équipe</p>
<ol>
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Our Team</strong>.</li>
<li>Et maintenant sur le bouton <strong>Add New</strong>.</li>
<li>Remplissez les champs requis (<strong>titre</strong>, <strong>contenu</strong>).</li>
<li>Uploadez votre image à l'aide de l'option <strong>Featured Image </strong>(cliquez sur le lien <strong>Set featured image</strong>).</li>
<li>Vous pouvez utiliser les champs suivant pour ce genre d'articles:
<ul>
<li><i class="icon-angle-right"></i> <strong>Position</strong> - le poste de la personne</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - des informations complémentaires.</li>
</ul>
</li>
<li>Cliquez sur <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> Page portfolio</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Création d'une page Portfolio</h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Création d'une page Portfolio</p>
<p>Les pages portfolio peuvent être créées à l'aide des templates de page.</p>
<ol class="margbot">
<li>Connectez-vous sur votre Panneau d'Administration WordPress (Tableau de Bord).</li>
<li>Cliquez sur l'onglet <strong>Pages</strong>.</li>
<li>Et maintenant sur l'onglet <strong>Add New</strong>.</li>
<li>Entrez le nom de votre page, par exemple <strong>Page portfolio</strong>.</li>
<li>Selectionnez votre template de page ( <strong>Filter Folio 2 cols</strong>, <strong>Filter Folio 3 cols</strong> ou <strong>Filter Folio 4 cols</strong> dans le menu déroulant <strong>Page Attributes</strong>).</li>
<li>Une fois que c'est fait, cliquez sur le bouton <strong>Publish</strong>.</li>
</ol>
<p>Vous pouvez créer une page portfolio à catégories à l'aide du champ <strong>Category Include</strong>. Vous devez écrire l'intitulé de la catégorie quoi doit être affichée.</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> Shortcodes</h2>
<p>Un shortcode est outil puissant de création de contenu <a href="http://codex.wordpress.org/Shortcode">http://codex.wordpress.org/Shortcode</a>. Les shortcodes sont faciles à utiliser. Tout d'abord, assurez-vous que le mode d'édition est <strong>Visuel</strong>.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_visual.jpg" alt=""></figure>