-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_it.html
2342 lines (2104 loc) · 166 KB
/
index_it.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>Documentazione 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/it/" target="_blank"></a></article>
<article class="span7">
<h1>Documentazione WooCommerce Cherry</h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>It</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">Introduzione</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>Installazione del Template</b></a> <i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Fase 1. Installazione CherryFramework </a></li>
<li><a href="#theme_installation">Fase 2. Installazione Tema </a></li>
<li><a href="#theme_sample_data">Fase 3. Installazione Dati Campione </a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Per iniziare </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Preparazione</a></li>
<li><a href="#engine_installation">Installazione Motore</a></li>
<li><a href="#manual_install">Installazione Manuale </a></li>
<li><a href="#plugins_intstall">Installazione Plugin</a></li>
<li><a href="#theme_plugins">Installazione Plugin del Tema</a></li>
<li><a href="#google_services">Caricamento dei dati dai server di 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">Backup e Aggiornamento</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">Template di Pagine e Sidebar</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Post, Cat. e Formati Post</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Aggiungere categorie</a></li>
<li><a href="#blog_post">Creare un post di Blog</a></li>
<li><a href="#post-formats">Selezionare un Formato di Post</a></li>
<li><a href="#slider_post">Creare un post con Slide</a></li>
<li><a href="#portfolio_post">Aggiungere un post Portfolio</a></li>
<li><a href="#testimonial_post">Aggiungere un post Testimonials</a></li>
<li><a href="#faq_post">Aggiungere un post Domande Frequenti</a></li>
<li><a href="#team_post">Aggiungere un post Il Nostro Team</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">Pagina Portfolio </a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item8">
<dl class="slide-down">
<dt><a href="#shortcodes" class="icon-file">Shortcode </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#dynamic_shortcodes">Dinamici</a></li>
<li><a href="#columns_shortcodes">Colonne</a></li>
<li><a href="#elements_shortcodes">Elementi</a></li>
<li><a href="#other_shortcodes">Altro</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item9">
<dl class="slide-down">
<dt><a href="#plugins_widgets" class="icon-magnet">Plugin e Widget personalizzati</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Opzioni Cherry</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">Generale</a></li>
<li><a href="#logo_option">Logo & Favicon</a></li>
<li><a href="#navigation_option">Navigazione</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">Informativa sui Cookie</a></li>
<li><a href="#additional_options">Opzioni Aggiuntive</a></li>
<li><a href="#shop_option">Opzioni Shop</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> Introduzione</h2>
<p>Grazie per aver acquistato un nostro template per Wordpress. Questa documentazione è suddivisa in diverse sezione e illustra l'intera procedura per creare e gestire un sito Wordpress a partire da zero.</p>
<div id="wordpress_cms_desc">
<h4>Cos'è il CMS WordPress?</h4>
<p>WordPress è uno strumento gratuito e open source per la creazione di blog, e un Sistema di Gestione Contenuti, "Content Management System" (CMS) basato su PHP e MySQL. Esso ti permette di costruire siti e potenti applicazioni web e non richiede capacità o competenze tecniche particolari. Molte delle sue caratteristiche, soprattutto la sua facilità d'uso e la sua espansibilità, lo hanno reso il più popolare software per siti web sul mercato. <a href="http://wordpress.org/about/" target="_blank">Altre Informazioni.</a></p>
</div>
<div id="wordpress_template_desc">
<h4>Cosa è un Template WordPress</h4>
<p>Un Template WordPress è la struttura di base di un sito web costruito con la piattaforma WordPress. In altre parole, installando un nuovo template e seguendo pochi semplici passi potrete facilmente modificare l'aspetto del vostro sito WordPress. Con tutta la semplicità che lo caratterizza, un template WordPress include anche tutti i file di origine necessari, che voi potrete anche modificare o espandere a seconda delle vostre esigenze.</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>Struttura dei File</h4>
<p>Il pacchetto template che avete scaricato è suddiviso in diverse cartelle. Vediamo cosa ciascuna di esse contiene :</p>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>documentation</b><small class="muted"> - contiene i file di documentazione.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - il file di documentazione principale. E' dove ti trovi proprio adesso :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - contiene delle schermate del template. Non per la produzione.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - contiene i file di origine del template.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - file di origine per Adobe Photoshop (.psd).</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - contiene i file del tema WordPress.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - Archivio del tema Cherry Framework. Contiene tutti i file del tema. Va installato attraverso la gestione estensioni di WordPress.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - archivio tema (tema child). Contiene tutti i file del tema. Va installato attraverso la gestione estensioni di WordPress.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - contiene i file che permettono di dare al tuo sito WordPress l'aspetto che vedete sulla nostra demo.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - contiene tutti i dati campione del template (post, pagine, categorie, ecc.).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - contiene le impostazioni per widget.</small></li>
<li class="file"><i class="icon-file"></i> immagini varie e altri file multimediali<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - contiene i file che permettono di dare al tuo sito WordPress l'aspetto che vedete sulla nostra demo live.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - contiene le immagini del tema.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - file di backup del database (contiene contenuti del tema).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - contiene informazioni sulla licenza.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - contiene link da dove scaricare font personalizzabili per il template.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - contiene istruzioni su come estrarre i file di origine.</small></li>
</ul>
</div>
<div id="validation">
<h4>Validation</h4>
<div class="box-notification">
<span>I nostri template usano sia il markup HTML sia gli stili CSS entrambi in maniera semanticamente corretta e valida. È però possibile che si verifichino comunque degli errori W3C. Compilare un codice valido in WC3 elimina l'utilizzo di tecnologie web moderne, come CSS3 e HTML5 markup. Per raggiungere il nostro obiettivo di fornire un'esperienza ricca con template di alta qualità è necessario a volte infrangere alcune regole.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Installazione Template</h2>
<p>Installare un template non è mai stato così facile. La procedura di installazione si divide in sole tre semplici fasi: installazione del Framework Cherry, installazione del tema child, e installazione dei dati campione.</p>
<p>Tutte le fasi dell'installazione possono essere eseguite all'interno dell'interfaccia WordPress. Questo rende la procedura comoda e veloce.</p>
<p>Puoi verificarlo cliccando sul link qui sotto:</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>Fase 1. Installazione CherryFramework</h4>
<ol style="margin-bottom:.5em;">
<li>Accedi al tuo pannello admin su WordPress (aggiungi /wp-admin al tuo nome di dominio nella barra degli indirizzi del tuo browser).</li>
<li>Vai sul menù <strong>Appearance</strong> > <strong>Themes</strong> e clicca sul pulsante <strong>Add New Theme</strong>.</li>
<li>Clicca sul link <strong>Upload</strong>.</li>
<li>Clicca sul pulsante <strong>Browse</strong> e individua il pacchetto template estratto sul tuo computer.</li>
<li>Cerca il file chiamato <strong>CherryFramework.zip</strong>. Clicca su di esso per selezionarlo, poi clicca <strong>OK</strong>.</li>
<li>Clicca sul pulsante <strong>Install Now</strong> e attendi che l'installazione sia completa.</li>
<li>Clicca il link <strong>Activate</strong>.</li>
</ol>
<p class="muted text-center"></p>
<p>Per ulteriori informazioni, potete consultare le guide video su <!--<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">Come installare il template CherryFramework</a>.</p>
<p>Congratulazioni, avete appena installato il framework.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Fase 2. Installazione Tema</h4>
<p>Potete ora procedere con l'installazione del tema child: <strong>theme####.zip</strong>. I passi sono gli stessi:</p>
<ol style="margin-bottom:.5em;">
<li>Vai sul menù <strong>Appearance</strong> > <strong>Themes</strong> e clicca sul pulsante <strong>Add New Theme </strong>.</li>
<li>Clicca sul link <strong>Upload</strong>.</li>
<li>Clicca sul pulsante <strong>Browse</strong> e individua il pacchetto template estratto sul tuo computer.</li>
<li>Cerca il file chiamato <strong>theme####.zip </strong>(dove <strong>XXXX</strong> è il numero unico del tuo tema). Clicca su di esso per selezionarlo, poi clicca <strong>OK</strong>.</li>
<li>Clicca sul pulsante <strong>Install Now</strong> e attendi che l'installazione sia completa.</li>
<li>Clicca il link <strong>Activate</strong> per sostituire il layout attuale del tuo sito con il tema che hai appena acquistato.</li>
</ol>
<p class="muted text-center"></p>
<p>Congratulazioni, il framework e il tema sono ora entrambi installati!</p>
</article>
<article id="theme_sample_data">
<h4>Fase 3. Installazione Dati Campione</h4>
<p>Per dare al tuo sito WordPress lo stesso aspetto della nostra demo live, segui queste istruzioni. Ti consigliamo anche di tenere sempre un file .sql di backup <a target="_blank" href="/help/phpmyadmin-how-to-backup-a-database.html">esportato</a> dal tuo database.</p>
<div class="box-info"><span>NOTA: Con i template creati su Cherry Framework v3.0 o versioni precedenti, per installare i dati campione sarà necessario caricare i file XML e JSON dalla cartella "sample_data". Immagini e altri file multimediali vanno caricati dalla cartella "manual_install\uploads". Non dimenticare di caricare tutte le immagini da tutte le sottocartelle. </span></div>
<ol>
<li>Vai sul menù <strong>Cherry Plugin > Import Content.</strong></li>
<li>Prima di tutto potresti vedere un elenco dei requisiti per verificare che il tuo server abbia i requisiti necessari per il plugin Cherry. In caso di necessità si potranno chiedere chiarimenti al proprio provider.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>Se tutte le impostazioni del server sono a posto, vedrai la schermata per l'upload. Apri la cartella <b>"theme/sample_data"</b> dal pacchetto del template e carica tutti i file su WordPress. Si possono caricare tutti i file selezionandoli nella cartella <b>"theme/sample_data"</b> (CTRL+A o Command+A) e trascinandoli sull'area upload.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>Assicurati di aver caricato tutti i file dalla cartella sample_data, inclusi i file .JSON e .XML. Quando l'upload è completo, clicca sul pulsante "Continue Install" per procedere. <br><br>
<div class="box-notification"><span>ATTENZIONE: i file .JSON e .XML sono indispensabili per procedere con l'installazione dei dati campione. Il pulsante Continue Install sarà attivabile solo quando i file .XML e .JSON saranno stati caricati.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Cliccando sul pulsante "Continue Install" si avvierà la procedura di installazione dei dati campione. Le fasi di installazione potranno richiedere del tempo, a seconda delle impostazioni del tuo server. Sii paziente.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>Congratulazioni!</strong> L'installazione del tuo tema WordPress Cherry è ora completa. Adesso è possibile dare un'occhiata al tema.</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> Per Iniziare</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Preparazione</h4>
<p>Prima di procedere con la creazione del tuo sito WordPress, assicurati di avere tutto quello che ti serve. Per essere pronto, questi sono gli elementi essenziali:</p>
<h4>Software per l'Editing</h4>
<p>Per lavorare sul tuo template WordPress, ti consigliamo di scaricare tutte le applicazioni necessarie. Nella pagina di anteprima del template è possibile vedere la lista di tutto il software necessario. <br>I requisiti possono variare a seconda del template, perciò qui di seguito daremo solo delle indicazioni generali di ciò che potrà servirti:</p>
<ol>
<li>Prima di tutto, avrai bisogno delle applicazioni adatte per estrarre gli archivi sources_#########.zip protetti da password. Si possono usare WinZip 9+ (Windows) o Stuffit Expander 10+ (Mac).</li>
<li>Potrebbe anche essere necessario Adobe Photoshop, per modificare i file di origine .PSD e nel caso in cui si volessero modificare immagini e design del template.</li>
<li>Per modificare il codice sorgente dei file, potresti aver bisogno di un code editor come Adobe Dreamweaver, Notepad++, Sublime Text, ecc.</li>
<li>Per caricare i file sul server, potrebbe essere necessario un gestore FTP, come Total Commander, FileZilla, CuteFTP, ecc.</li>
</ol>
<h4>Hosting</h4>
<p>Dato che OpenCart è un'applicazione basata su PHP/MySQL, sarà necessario preparare correttamente l' ambiente di hosting per eseguire WordPress.</p>
<p>Se hai un hosting live, verifica che questo risponda ai <a href="http://wordpress.org/about/requirements/" target="_blank">Requisiti di sistema WordPress</a> e che sia pronto all'utilizzo di siti web WordPress.</p>
<p>E' anche possibile eseguire OpenCart localmente sul tuo computer utilizzando il server locale. Per creare un server di hosting locale, puoi utilizzare applicazioni localhost come <b>WAMP</b>, <b>AppServ</b>, <b>MAMP</b>, ecc. Queste applicazioni possono essere installate facilmente come un normale programma ed essere utilizzato per eseguire WordPress.</p>
<p>Per imparare a configurare un ambiente di sviluppo locale, puoi seguire questi tutorial:</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">Come installare l'ambiente di sviluppo web AppServ</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-wamp-web-development-environment.html">Come installare l'ambiente di sviluppo web AppServ WAM</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-xamp-web-development-environment.html">Come installare l'ambiente di sviluppo web AppServ XAMP</a></li>
</ul>
</article>
<!-- Engine installation -->
<article id="engine_installation">
<h4>Installazione Motore</h4>
<div class="box-info"><span>Scarica la versione corretta del motore WordPress. Nell'area requisiti della pagina di anteprima del template puoi vedere qual è la versione WordPress corretta. Assicurati che quella che stai scaricando sia quella corretta.</span></div>
<ol>
<li>Il motore WordPress può essere scaricato direttamente dal sito ufficiale WordPress.org. <a href="http://wordpress.org/download/" target="_blank"><strong>Scarica WordPress</strong></a>. Nel caso fosse necessaria una versione precedente, clicca sul link <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Release Archive</strong></a>.
</li>
<li>Quando hai finito di scaricare dovrai estrarre i file dal motore e dal pacchetto del template. Per estrarre i file dal pacchetto <strong>ZIP</strong> del motore WordPress, puoi usare qualunque programma in grado di aprire gli archivi ZIP.
<p>Le guide che seguono ti mostreranno come estrarre i file su <a target="_blank" href="/help/unzipping-your-template.html"><strong>Windows (WinZip)</strong></a> e <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">Estrai file archiviati (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-windows-os.html">Estrai file archiviati (Windows OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/downloading-and-installing-winzip.html">Scaricare e installare WinZip</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-unzip-template-mac.html">Come estrarre un template (MAC OS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/unzipping-your-template.html">Come estrarre un template (Windows OS)</a></li>
</ul>
</li>
<li>Dopo aver estratto i file, dovrai caricare i file e le cartelle del motore WordPress sul tuo server.
<p>Tutti questi file e cartelle vanno caricati sul tuo server. I file del motore vanno caricati sulle directory <strong>PUBLIC_HTML</strong> o <strong>WWW</strong> del server.</p>
<div class="box-info"><span>Se non trovi le directory PUBLIC_HTML o WWW sul server, contatta il tuo provider e chidi loro di specificarti dove vanno caricati i file del sito web.</span></div>
<p>Per imparare come caricare dei file su di un server, dai un'occhiata a queste guide:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-upload-files-server-2.html">Come caricare i file sul server</a>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-upload-files-to-a-server-using-cpanel-webhost-manager-whm.html">Come caricare i file sul server utilizzando cPanel (WebHost Manager, WHM)</a> </li>
</ul>
</li>
<li>A questo punto è necessario creare un database che sarà usato dal motore WordPress.
<p>Puoi creare un nuovo database usando lo strumento di gestione database dal tuo pannello di controllo (<i>solitamente PhpMyAdmin</i>).</p>
<p>Con lo strumento phpMyAdmin, sarai in grado di creare un nuovo database in 3 semplici passi (vedi le slide qui sotto):</p>
<ol>
<li>Clicca sul pulsante Database nel menù di navigazione in alto per accedere al listato dei database.</li>
<li>Inserisci il nome del database nel campo "Create new database". </li>
<li>Clicca sul pulsante Create sulla destra.</li>
</ol>
<br>
<p>Il tuo database è ora visibile sul listato dei database. Clicca sul suo nome per accedervi.</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. Cliccare sul pulsante Database per accedere al listato dei database.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Inserire il nome del database. <br>
3. Cliccare sul pulsante Create.</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. Il database è ora visibile sul listato dei database. Cliccare sul suo nome per accedere al database..</p>
</div>
</li>
</ul>
</div>
<br>
<p>Puoi trovare istruzioni più dettagliate in questa guida video su <a target="_blank" href="/help/how-to-create-a-database.html"><i class="icon-play-circle "></i> Come creare un database</a>.</p>
<br />
<div class="box-notification"><span>Se hai problemi a creare il database, contatta il tuo provider per chiedere aiuto e assistenza.</span></div>
<p>Qui sotto puoi trovare delle guide più dettagliate:</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">Come creare un database</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-mysql-database-with-godaddy.html">Come creare un database MySQL con GoDaddy </a></li>
</ul>
</li>
<li>Nella barra degli indirizzi del tuo browser, digita il tuo nome dominio/cartella root dei tuoi file WordPress e premi Invio. Questo avvierà la procedura di installazione.
</li>
<li><strong>Creare un file di configurazione.</strong> La schermata iniziale dell'installazione di WordPress ti darà notifica che il file di configurazione non è disponibile. Clicca sul pulsante Create a Configuration File per crearlo.
<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>Inserire dettagli del database.</strong> Qui vanno inserite le informazioni di connessione del database 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>Inserire dettagli del sito.</strong> Sulla schermata seguente vanno inserite le informazioni relative al sito, come:
<ul>
<li><i class="icon-angle-right"></i> titolo sito</li>
<li><i class="icon-angle-right"></i> nome utente e password dell'amministratore</li>
<li><i class="icon-angle-right"></i> indirizzo email del sito</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>Una volta inserito il tutto, clicca sul pulsante Install 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>Se tutti i dati sono stati inseriti correttamente, apparirà la finestra di operazione riuscita ("success") con il pulsante per accedere al proprio pannello di amministrazione Wordpress.</p>
</li>
</ol>
<p>Per ulteriori informazioni, puoi seguire queste guide:</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">Come installare il motore su server HostGator (installazione manuale)</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">Come installare il motore su server Blueshot (installazione manuale)</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">Come installare il motore su server Siteground (installazione manuale)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html">Come installare il motore su server GoDaddy (installazione manuale)</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">Come installare il motore su server JustHost (installazione manuale)</a></li>
</ul>
</article>
<article id="manual_install">
<h4>Installazione manuale</h4>
<p>Se hai problemi a installare i dati campione, segui le istruzioni qui sotto.</p>
<div class="box-notification"><span>ATTENZIONE: Importare il file SQL sul tuo database sovrascriverà i contenuti preesistenti e le impostazioni del sito. NON importare il file SQL se vuoi mantenere i contenuti attuali.</span></div>
<div class="box-info"><span>NOTA: prima di effettuare qualsiasi modifica è bene creare una copia di backup del database.</span></div>
<div class="box-info"><span>Nota che il prefisso della tabella di database dovrebbe essere <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>Per fare in modo che il tuo sito abbia lo stesso aspetto della nostra demo, segui queste istruzioni.</p>
<ol>
<li>Assicurati che il tema sia stato installato seguendo <a href="#cherryframework_installation">queste istruzioni</a>.</li>
<li>Copia la cartella "<strong>uploads</strong>" (che si trova sotto la cartella<strong> theme/manual_install/</strong> del tuo pacchetto template) nella cartella <strong> /wp-content/ </strong> del tuo FTP.</li>
<li>Apri il file <strong>theme####.sql</strong> che si trova nella cartella <strong>theme/manual_install/</strong> usando qualsiasi text editor (preferibilmente Dreamweaver o Notepad) e sostituisci tutte le occorrenze di "<strong>your_website_url_here</strong>" con l'indirizzo del tuo sito web, in tutto il documento. Per fare prima, puoi usare la funzione Trova e Sostituisci, ("<strong>Find and Replace</strong>") (premi Ctrl+H per aprire lo strumento). Ad es.: http://www.mywebsite.com</li>
<li>Assicurati di non avere alcun simbolo barra "/" alla fine dell'indirizzo e che l'indirizzo inizi con http://www.</li>
<li>Salva le modifiche e chiudi il file.</li>
<li>Ora puoi importare il file dump con lo strumento <strong>phpMyAdmin</strong> o con un altro strumento di gestione database. </li>
</ol>
<br>
<div class="box-info"><span>Se hai problemi con l'installazione dal pannello admin, puoi provare questo metodo alternativo.</span></div>
<h5>Installa i Dati Campione via FTP:</h5>
<p>Per usare questo metodo è necessario avere accesso ai file del tuo sito WordPress su FTP attraverso il File Manager del tuo pannello di controllo di hosting, oppure con un client FTP come Filezilla, CuteFTP, Total Commander, ecc.</p>
<div class="box-info"><span>Se hai installato il tema con l'installazione dei dati campione o con installazione manuale e il tema appare diverso dalla demo, apri Cherry Options e clicca "Restore Defaults."</span></div>
<ol>
<li>Estrai gli archivi <strong>CherryFramework.zip</strong> e <strong>theme####.zip</strong> su una qualsiasi cartella del tuo disco rigido (prima clicca col pulsante destro su ciascuno dei file .zip, seleziona <strong>Unzip to… CherryFramework</strong> e <strong>theme####</strong>, rispettivamente, in modo che le cartelle siano direttamente nominate CherryFramework e theme####).
</li>
<li>Carica le cartelle <strong>CherryFramework</strong> e <strong>theme####</strong> sulla directory <strong>/wp-content/themes/</strong> nel tuo server FTP.</li>
<li>Accedi al tuo pannello admin su WordPress (aggiungi /wp-admin dopo il tuo dominio nella barra degli indirizzi del browser).</li>
<li>Vai sul menù <strong>Appearance</strong> > <strong>Themes</strong>.</li>
<li>Nella sezione <strong>Available Themes</strong>, trova <strong>theme####</strong> e attivalo cliccando sul pulsante <strong>Activate</strong>.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Installazione Plugin</h4>
<p>Dopo aver installato e attivato il tema, potrebbe essere necessario installare i plugin aggiuntivi:</p>
<ol>
<li>Quando il tema è attivato, nell'angolo in alto a sinistra troverai una notifica che ti chiede di installare dei plugin. Segui il link <strong> Begin installing plugin</strong>.
<br>Si può anche installare i plugin dalla Dashboard: naviga su <strong>Appearance- > Install Plugins</strong>.</li>
<li>Controlla i plugins necessari.</li>
<li>Nel menù a tendina Bulk Actions, seleziona <strong>Install</strong> e clicca <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>Plugin del Tema:</h4>
<h5>Cherry Plugin</h5>
<p><span class="label label-important">Attenzione:</span> L'installazione e l'attivazione di Cherry Plugin è necessaria per il corretto funzionamento di shortcode e widget. Cherry Plugin è installato e attivato di default al momento dell'installazione del Framework di Cherry.</p>
<p><span class="label label-info">Scarica:</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">Descrizione:</span> Il team di Cherry ha già creato un framework per Cherry che si può nei limiti della ragionevolezza definire perfetto, ma questo non vuol dire che non siamo sempre alla ricerca di nuovi possibili miglioramenti. Ecco a voi Cherry Plugin. Si tratta di un'estensione del nostro framework Cherry in cui abbiamo incluso tutti gli shortcode e i widget di cui avrai mai bisogno. Il plugin è completamente compatibile con qualsiasi tema WordPress realizzato con il framework Cherry. Il plugin è attualmente in versione beta, ma continueremo a migliorarlo per aggiungere funzioni ancora più interessanti.</p>
<h5>Modulo Contatti 7</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br />
<span class="label">Descrizione:</span> Modulo Contatti per la pagina dei contatti.</p>
<h4>Plugin Compatibili:</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Descrizione:</span> WPML rende più facile la creazione e l'esecuzione di siti multilingue.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Descrizione:</span> WooCommerce è un plugin eCommerce potente ed espansibile, che ti aiuta a vendere qualsiasi prodotto. E in bellezza.<br />
<span class="label label-warning">Documentazione:</span> <a href="http://docs.woothemes.com/documentation/plugins/woocommerce/" rel="nofollow">Documentazione WooCommerce</a> sul WooThemes.
</p>
<h5 class="indent_top">BuddyPress</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Descrizione:</span> I Social network in un box. Costruisci una rete social per la tua azienda, scuola, squadra sportiva o comunità.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Descrizione:</span> bbPress è un software per forum fatto alla maniera di WordPress.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Descrizione:</span> Mingle Forum ti permette di aggiungere facilmente e velocemente un forum sul tuo sito o blog WordPress.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">Scarica:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Descrizione:</span> Questo plugin WordPress è un sistema completo per aggiungere un forum sul tuo blog WordPress.</p>
</article>
<article id="google_services">
<h4>Caricamento dei dati dai server di Google </h4>
<p>Alcuni paesi hanno problemi di connessione ai server di Google. Ciò può causare problemi di caricamento di Google Fonts. Per risolvere questi problemi si prega di effettuare le seguenti operazioni: </p>
<h5>Impossibile caricare il font di Google: </h5>
<p>Aprire il file ...\CherryFramework\admin\options-sanitize.php</p>
<p>Individuare la riga: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Sostituirlo con il seguente:</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>I clienti che hanno acquistato il template ricevono 6 mesi di utilizzo gratuito di Olark chat. Per registrare il pacchetto Free Bronze da 6 mesi, segui <a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">il link di registrazione 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">Compila il modulo per registrare il tuo account</div>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/olark-2.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/olark-2.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Inserisci l'ID generato nel campo ID dell'Account Live Chat, in Cherry Options (General)</div>
</div>
</article>
</section>
<!-- Getting started end -->
<!--Backup and Update started -->
<section class="block-templates" id="backup_update">
<h2 class="item4"><i class="icon-refresh"></i> Backup e Aggiornamento</h2>
<div class="box-notification"><span>Prima di aggiornare Cherry Framework, ti consigliamo caldamente di fare una copia di backup della versione attuale.</span></div>
<h4>Backup</h4>
<p>Puoi creare un Backup sia per CherryFramework che per un tema child. E' possibile farlo nella sezione <b>"Cherry Options > Data management"</b> del pannello admin di 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>Il backup può essere effettuato facilmente cliccando sui pulsanti <b>"Backup"</b> sotto i blocchi Cherry Framework e tema child. <br>
Ora potrai trovare l'archivio con il tuo framework o tema child nella cartella <b>/wp-content/themes_backup/</b>.</p>
<p>Puoi anche scaricare cliccando sul pulsante <b>"Download backup"</b>. Se ci sono difficoltà, puoi reinstallare il framework dalle tabelle <b>Appearance -> Themes -> Install Themes -> Upload</b>.</p>
<h4>Aggiornamento</h4>
<p>Per aggiornare Cherry Framework, fai così:</p>
<ol>
<li>Nel tuo pannello admin, apri la scheda <b>"Cherry Options > Data management"</b>.</li>
<li>Clicca il pulsante Update all'interno del blocco Cherry Framework
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>Attendere l'avvio della procedura.</li>
<li>Cherry Framework farà il resto da sé. </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> Template di pagina e Sidebar</h2>
<br>
<div class="box-notification"><span>ATTENZIONE: E' necessario modificare gli style all'interno del file style.less. A causa delle opzioni, gli styles sono compilati da zero e il file main-style.css viene riscritto dopo aver salvato. </span></div>
<h4>Template di Pagina</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Default Template</strong> (il template della pagina di default con sidebar)</li>
<li><i class="icon-angle-right"></i> <strong>Full Width Page</strong> (un template di pagina a una sola colonna, senza sidebar)</li>
<li><i class="icon-angle-right"></i> <strong>Home Page </strong> (un template di pagina usato per la Home page)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 2 cols</strong> (un template di pagina per post personalizzati in galleria/portfolio disposto su 2 colonne)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 3 cols</strong> (un template di pagina per post personalizzati in galleria/portfolio disposto su 3 colonne)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 4 cols</strong> (un template di pagina per post personalizzati in galleria/portfolio disposto su 4 colonne)</li>
<li><i class="icon-angle-right"></i> <strong>Testimonials</strong> (un template di pagina per visualizzare i post personalizzati per testimonial)</li>
<li><i class="icon-angle-right"></i> <strong>FAQs</strong> (il template di pagina per visualizzare i post per le FAQ - "Domande Frequenti")</li>
<li><i class="icon-angle-right"></i> <strong>Archives</strong> (il template di pagina per visualizzare gli archivi)</li>
</ul>
<br />
<h4>Posizione Sidebar</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Sidebar</strong> - le aree <em>al lato destro o sinistro della pagina</em></li>
<li><i class="icon-angle-right"></i> <strong>Footer Area 1,2,3,4</strong> (facoltativo) - aree <em>in fondo alla pagina</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> Post, Categorie e Formati Post</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Aggiungere categorie</h4>
<p>Per informazioni su come aggiungere delle categorie, puoi leggere questo articolo: <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>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Posts</strong>.</li>
<li>Fatto questo, clicca su <strong>Categories</strong> per i post del blog.</li>
<li>Digita il nome della tua nuova categoria.</li>
<li>Adesso clicca sul pulsante <strong>Add New Category</strong>.</li>
</ol>
Clicca sul pulsante <strong>Publish</strong>.
</div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Creare un post sul 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>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Posts</strong>.</li>
<li>Clicca sulla scheda <strong>Add New</strong>.</li>
<li>Digita il contenuto del tuo post. Per ulteriori informazioni su come aggiungere un post, segui questo link <a href="http://codex.wordpress.org/Posts_Add_New_SubPanel">http://codex.wordpress.org/Posts_Add_New_SubPanel</a>.</li>
</ol>
</div>
</article>
<!-- Post Formats -->
<article id="post-formats">
<h4>Selezionare un Formato per il Post</h4>
<p>Segui questo link per ulteriori informazioni sui diversi formati di post: <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>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Posts</strong>.</li>
<li>Per selezionare il formato del post, scegli tra quelli elencati nella casella <strong>Format</strong>.</li>
</ol>
<span class="label label-info">Nota:</span> Alcuni di questi formati hanno opzioni proprie specifiche. Le loro impostazioni appariranno sotto il post editor.
</div>
<p>Di seguito trovi un elenco di tutti i formati di post disponibili, incluse descrizioni e impostazioni.</p>
<h4>Formato di Post Standard</h4>
<p>Un post regolare, standard, contiene i seguenti campi:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Post title</strong> - il titolo del post</li>
<li><i class="icon-angle-right"></i> <strong>Post content</strong> - il contenuto del post</li>
<li><i class="icon-angle-right"></i> <strong>Categories</strong> - categoria/e del post</li>
<li><i class="icon-angle-right"></i> <strong>Tag</strong> - i tag del post</li>
<li><i class="icon-angle-right"></i> <strong>Featured Image</strong> - l'immagine del post</li>
<li><i class="icon-angle-right"></i> e altri campi che possono essere abilitati nella sezione <strong>Screen Options</strong> all'angolo in alto a destra.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Formato Post Standard</p>
<h4>Formato Post Aside</h4>
<p>Questa è una versione semplificata del post regolare. In altre parole, c'è solo il campo contenuti e non devi inserire il titolo del post o altri campi. E' il cosiddetto post-note.</p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Formato Post Aside</p>
<h4>Formato Post Gallery</h4>
<p>La caratteristica principale di questo formato di post è la possibilità di gestire un numero illimitato di immagini allegate.</p>
<p>Aggiungere un post formato Gallery:</p>
<ol>
<li>Clicca sul pulsante<strong> Add Media</strong>.<br><span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>Per aggiungere immagini dal tuo hard disk, seleziona e trascina i tuoi file nella finestra che appare, oppure clicca su <strong>Select Files</strong> per selezionare le immagini da caricare dal tuo computer.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>Terminato l'upload delle immagini, ti saranno mostrate tutte le immagini nella tua Media Library. Seleziona <strong>Uploaded to this post</strong> per vedere le immagini allegate.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>Finita l'operazione puoi chiudere la Media Library. Le immagini caricate saranno inserite automaticamente.</li>
</ol>
<p>Il formato post Gallery ha tutti i campi standard (titolo, contenuti, categorie, ecc.), proprio come il formato regolare.</p>
<h4>Formato Post Link</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Formato Post Link</p>
<p>Dopo aver selezionato il formato post <strong>Link</strong>, vedrai un campo <strong>URL </strong>aggiuntivo in cui dovrai specificare il link (URL) della pagina/risorsa che vuoi inserire nel post. Il <strong>Titolo del Post </strong>sarà usato come testo del link.</p>
<p>Se si inserisce qualcosa anche nel campo contenuti (Post Content), questo contenuto sarà usato come descrizione della pagina linkata.</p>
<h4>Formato Post Image</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Formato Post Image</p>
<p>Un post <strong> Image</strong> è un formato di post basato su di una singola immagine caricata attraverso l'opzione <strong>Featured Image</strong>.<br> Dopo aver selezionato il formato Image, potrai abilitare o disabilitare la funzione Lightbox, selezionando l'opzione corrispondente nella casella <strong>Enable Lightbox</strong>.</p>
<h4>Formato Post Quote</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Formato Post Quote</p>
<p>Il formato <strong> Quote</strong> funziona come una cosiddetta post-citazione. E' usato per pubblicare delle citazioni.</p>
<p>Dopo aver selezionato questo formato di post, sarà visibile un campo aggiuntivo, <strong>The Quote</strong> - in cui inserire il corpo della citazione - e un campo <strong> Author</strong> - il nome dell'autore della citazione.</p>
<h4>Formato Post Audio</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">Formato Post Audio</p>
<p><strong>Il Formato Audio</strong> è usato per pubblicare contenuti audio.</p>
<p>Dopo aver selezionato questo formato di post, saranno visibili le seguenti opzioni aggiuntive:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - il titolo del brano</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - l'interprete del brano</li>
<li><i class="icon-angle-right"></i> <strong>Audio Format</strong> - il formato del file audio</li>
<li><i class="icon-angle-right"></i> <strong>Audio URL</strong> - il link diretto alla traccia audio</li>
</ul>
<h4>Formato Post Video</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Formato Post Video</p>
<p>Il formato <strong> Video</strong> va usato per pubblicare contenuti video.</p>
<p>Dopo aver selezionato questo formato, saranno visibili le seguenti opzioni aggiuntive:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Title</strong> - il titolo del video</li>
<li><i class="icon-angle-right"></i> <strong>Artist</strong> - l'artista o interprete del video</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - il link diretto al video in formato m4v</li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - il link diretto al video in formato ogv</li>
<li><i class="icon-angle-right"></i> <strong>Embedded Code</strong> - da usare per incorporare (embed) un video da un sito esterno, come youtube, vimeo, ecc.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Creare un post con slide</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Il formato slide è sostanzialmente un post di tipo <a href="http://codex.wordpress.org/Post_Types#Custom_Types">custom</a>, il che vuol dire che si tratta di un tipo di post diverso da quelli più comuni (ad es. il post per blog). Questo ci permette di gestire il contenuto del sito con grande facilità. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Creare un post Slider</p>
<ol>
<li>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Slider</strong>.</li>
<li>Adesso clicca sulla scheda <strong>Add New</strong>.</li>
<li>Inserisci il <strong>titolo</strong> della slider.</li>
<li>Carica l'immagine attraverso l'opzione <strong>Featured Image </strong> (clicca sul link <strong>Set featured image</strong>).</li>
<li>Per la tua slider puoi compilare i seguenti campi<em></em>:
<ul>
<li><i class="icon-angle-right"></i> <strong>Caption</strong> - il campo dove inserire la didascalia.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - il campo per la URL delle slide (qui puoi inserire un link esterno).</li>
</ul>
</li>
<li>Fatto questo, clicca sul pulsante <strong>Publish</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Aggiungere un post Portfolio</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Un post Portfolio è sostanzialmente un post di tipo custom <a href="http://codex.wordpress.org/Post_Types#Custom_Types">http://codex.wordpress.org/Post_Types#Custom_Types</a> il che vuol dire che si tratta di un tipo di post diverso da quelli più comuni, come il post per blog. Questo ci permette di gestire il contenuto del sito con grande facilità. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Aggiungere un post Portfolio</p>
<ol>
<li>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Portfolio</strong>.</li>
<li>E poi clicca sulla scheda <strong>Add New</strong>.</li>
<li>Compila tutti i campi necessari (<strong>titolo</strong>, <strong>contenuti</strong>).</li>
<li>Carica le tue immagini attraverso l'opzione <strong>Featured Image</strong> (clicca sul link <strong>Set featured image</strong>).</li>
<li>E ora clicca sul pulsante <strong>Publish</strong>.</li>
</ol>
<h4>Selezionare il formato di post Portfolio</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>Questo tema ti permette di selezionare uno dei seguenti tipi di post di tipo Portfolio.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Image</strong> - il formato galleria di default. Mostra solo l' immagine in evidenza <em>(featured image)</em>.</li>
<li><i class="icon-angle-right"></i> <strong>Slideshow</strong> - la galleria viene mostrata come slideshow. Può contenere un numero illimitato di immagini caricate e allegate al post. </li>
<li><i class="icon-angle-right"></i> <strong>Grid Gallery</strong> - le immagini sono disposte in formato galleria. Può contenere un numero illimitato di immagini caricate e allegate al post. </li>
<li><i class="icon-angle-right"></i> <strong>Video</strong> - in questo tipo di post si può incorporare un video da qualsiasi sito di hosting video (YouTube, Vimeo, ecc.).</li>
<li><i class="icon-angle-right"></i> <strong>Audio</strong> - selezionando questo tipo di post, potrai incorporare un link audio. </li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Aggiungere un post Testimonials</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Aggiungere un post Testimonials</p>
<ol>
<li>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Testimonials</strong>.</li>
<li>Poi clicca sulla scheda <strong>Add New</strong>.</li>
<li>Compila tutti i campi richiesti (<strong>title</strong>, <strong>content</strong>).</li>
<li>Carica le immagini attraverso l'opzione <strong>Featured Image </strong>(clicca sul link <strong>Set featured image</strong>).</li>
<li>Per questo tipo di post si possono usare i seguenti campi:
<ul>
<li><i class="icon-angle-right"></i> <strong>Name</strong> - il nome dell'autore</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - link dell'autore</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - altre informazioni sull'autore.</li>
</ul>
</li>
<li>Clicca sul pulsante <strong>Publish</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>Aggiungere un post FAQ</h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">Aggiungere un post FAQ</p>
<ol>
<li>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>FAQs</strong>.</li>
<li>E poi clicca sul pulsante <strong>Add New</strong>.</li>
<li>Dato che questo è un post di tipo domanda/risposta, il titolo del post sarà la domanda, e il contenuto la risposta.</li>
<li>Clicca <strong>Publish.</strong></li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Aggiungere un post 'Il Nostro Team'</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Aggiungere un post Il 'Nostro Team'</p>
<ol>
<li>Accedi al tuo Pannello di Amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Our Team</strong>.</li>
<li>Poi clicca sul pulsante <strong>Add New</strong>.</li>
<li>Compila tutti i campi richiesti (<strong>titolo</strong>, <strong>contenuto</strong>).</li>
<li>Carica la tua immagine utilizzando l'opzione <strong>Featured Image </strong> (clicca sul link <strong>Set featured image</strong>).</li>
<li>Per questo tipo di post puoi usare i seguenti campi:
<ul>
<li><i class="icon-angle-right"></i> <strong>Position</strong> - il ruolo svolto dal membro del team</li>
<li><i class="icon-angle-right"></i> <strong>Info</strong> - informazioni aggiuntive.</li>
</ul>
</li>
<li>Clicca <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> Pagina Portfolio</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Creare una pagina Portfolio </h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Creare una pagina Portfolio</p>
<p>Una pagina Portfolio può essere creata con l'aiuto del template di pagina.</p>
<ol class="margbot">
<li>Accedi al tuo pannello di amministrazione WordPress (Dashboard).</li>
<li>Clicca sulla scheda <strong>Pages</strong>.</li>
<li>Clicca sulla scheda <strong>Add New</strong>.</li>
<li>Digita il nome della tua pagine, ad esempio <strong>Portfolio page</strong>.</li>
<li>Seleziona il template della tua pagina ( <strong>Filter Folio 2 cols</strong>, <strong>Filter Folio 3 cols</strong> o <strong>Filter Folio 4 cols </strong> nel menù a tendina <strong>Page Attributes</strong>).</li>
<li>Fatto questo, clicca sul pulsante <strong>Publish</strong>.</li>
</ol>
<p>Puoi creare una pagina portfolio di categoria usando il campo <strong>Category Include</strong>. Bisogna scrivere lo slug della categoria che desideri venga mostrata.</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>Lo shortcode è un potente strumento per la creazione di contenuti: <a href="http://codex.wordpress.org/Shortcode">http://codex.wordpress.org/Shortcode</a>. Gli shortcode sono facili da usare. Prima di tutto, assicurati che la modalità di editing selezionata sia <strong>Visual</strong>.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_visual.jpg" alt=""></figure>
<p>Poi clicca sul pulsante per gli shortcode. Dopodiché, seleziona lo shortcode che desideri inserire.</p>