-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_es.html
2341 lines (2105 loc) · 176 KB
/
index_es.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>Documentación de la plantilla Cherry para WooCommerce</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="css/responsive.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/flexslider.css" media="screen">
<link rel="stylesheet" href="css/prettify.css" media="screen">
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen">
<link rel="canonical" href="http://www.templatemonster.com/help/quick-start-guide/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>Documentación de Cherry para WooCommerce</h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>Es</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">Introducción</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>Instalación de la plantilla</b></a> <i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Paso 1. Instalación de CherryFramework</a></li>
<li><a href="#theme_installation">Paso 2. Instalación del tema</a></li>
<li><a href="#theme_sample_data">Paso 3. Instalación de los datos de ejemplo</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Primeros pasos </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Preparación</a></li>
<li><a href="#engine_installation">Instalación del motor</a></li>
<li><a href="#manual_install">Instalación manual</a></li>
<li><a href="#plugins_intstall">Instalación del plugin</a></li>
<li><a href="#theme_plugins">Plugins del tema</a></li>
<li><a href="#google_services">Carga de datos desde los servidores de 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">Copia de seguridad y actualización</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">Plantillas y barras laterales de la página</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Formato de mensajes y cat.</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Añadir una categoría</a></li>
<li><a href="#blog_post">Crear un mensaje en el blog</a></li>
<li><a href="#post-formats">Elegir un formato de mensaje</a></li>
<li><a href="#slider_post">Crear un mensaje deslizante</a></li>
<li><a href="#portfolio_post">Añadir un mensaje al Catálogo</a></li>
<li><a href="#testimonial_post">Añadir un mensaje Testimonial</a></li>
<li><a href="#faq_post">Añadir un mensaje a las FAQs</a></li>
<li><a href="#team_post">Añadir un mensaje a Nuestro Equipo</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">Página del catálogo </a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item8">
<dl class="slide-down">
<dt><a href="#shortcodes" class="icon-file">Códigos cortos </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#dynamic_shortcodes">Dinámicos</a></li>
<li><a href="#columns_shortcodes">Columnas</a></li>
<li><a href="#elements_shortcodes">Elementos</a></li>
<li><a href="#other_shortcodes">Otros</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item9">
<dl class="slide-down">
<dt><a href="#plugins_widgets" class="icon-magnet">Plugins y widgets personalizados</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Opciones de Cherry</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">Generales</a></li>
<li><a href="#logo_option">Logotipo & Favicon</a></li>
<li><a href="#navigation_option">Navegación</a></li>
<li><a href="#slider_option">Control deslizante</a></li>
<li><a href="#blog_option">Blog</a></li>
<li><a href="#portfolio_option">Catálogo</a></li>
<li><a href="#footer_option">Pie de página</a></li>
<li><a href="#cookie_policy">Política de cookies</a></li>
<li><a href="#additional_options">Additional options</a></li>
<li><a href="#shop_option">Opciones de compra</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> Introducción</h2>
<p>Gracias por comprar una plantilla de WordPress. Esta documentación consta de varias partes y le mostrará todo el proceso de creación y administración de un sitio web de WordPress desde cero.</p>
<div id="wordpress_cms_desc">
<h4>¿Qué es WordPress CMS?</h4>
<p>WordPress es una herramienta gratuita, de código libre y un sistema de gestión de contenidos (CMS) basado en PHP y MySQL. Le permite crear sitios web y potentes aplicaciones en línea y no necesita tener conocimientos técnicos o de administración avanzados. Hay muchos aspectos, incluyendo su facilidad de uso y la capacidad de expansión que han hecho de WordPress el software de sitios web más popular. <a href="http://wordpress.org/about/" target="_blank">Leer Más</a></p>
</div>
<div id="wordpress_template_desc">
<h4>¿Qué es una plantilla de WordPress?</h4>
<p>Una plantilla de WordPress es un tema o aspecto visual para un sitio web construido con la plataforma WordPress CMS. En otras palabras, usted puede fácilmente cambiar la apariencia del sitio Web WordPress mediante la instalación de una nueva plantilla en unos pocos y sencillos pasos. Es muy sencillo, una plantilla de WordPress tiene todos los archivos de código fuente necesarios y son totalmente modificables o ampliables a lo que usted necesita.</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>Estructura de los archivos</h4>
<p>El paquete de la plantilla que ha descargado consta de varias carpetas. Veamos lo que cada carpeta tiene:</p>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>documentation</b><small class="muted"> - contiene los manuales detallados.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - el archivo de la documentación principal. Es donde estás ahora :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - Contiene capturas de pantalla de la plantilla. No es para producción.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - Contiene los archivos de código fuente de la plantilla.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - Archivos de código fuente de Adobe Photoshop de la plantilla (.psd).</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - Contiene los archivos del tema de WordPress.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - Archivo del tema Cherry Framework. Contiene todos los archivos de tema. Debería ser instaladomediante el gestor de extensiones de WordPress.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - Archivo del tema hijo (child-theme). Contiene todos los archivos de tema. Debería ser instaladomediante el gestor de extensiones de WordPress.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - Contiene archivos que pueden hacer que su sitio web de WordPress se parezca a nuestra demostración en línea.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - Contiene todos los datos de ejemplo de la plantilla (mensajes, páginas, categorías, etc).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - Contiene la configuración de widgets.</small></li>
<li class="file"><i class="icon-file"></i> Varias imágenes y otros archivos multimedia<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - Contiene archivos que pueden hacer que su sitio web de WordPress se parezca a nuestra demostración en línea.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - Contiene las imágenes del tema.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - Archivo de copia de seguridad de la base de datos (contiene el contenido del tema).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - Contiene los detalles de la licencia.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - Contiene enlaces donde se pueden descargar las fuentes de la plantilla.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - Contiene instrucciones sobre cómo extraer los archivos de código fuente.</small></li>
</ul>
</div>
<div id="validation">
<h4>Validation</h4>
<div class="box-notification">
<span>Las etiquetas HTML y estilos CSS utilizados en nuestras plantillas son semánticamente correctos y válidos. Sin embargo, algunos errores del W3C pueden presentarse. Si el código es 100% W3C se elimina el uso de tecnologías modernos como CSS3 y HTML5. Nuestro objetivo es entregar una amplia experiencia de usuario con plantillas de alta calidad y, a veces tenemos que romper algunas reglas.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Instalación de la plantilla</h2>
<p>La instalación de la plantilla nunca ha sido tan fácil. El proceso de instalación consta de tres sencillos pasos: la instalación de Cherry framework, la instalación del tema hijo (child-theme) y los datos de ejemplo.</p>
<p>Todos los pasos de la instalación se pueden realizar en la interfaz de WordPress. Esto hace que el proceso sea cómodo y rápido.</p>
<p>Puedes comprobarlo haciendo clic en el enlace de abajo:</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>Paso 1. Instalación de CherryFramework</h4>
<ol style="margin-bottom:.5em;">
<li>Inicie sesión en el panel de administración de WordPress (añada /wp-admin al nombre del dominio en la barra de direcciones del navegador).</li>
<li>Vaya al menú <strong>Apariencia</strong> > <strong>Temas</strong> y haga clic en el botón <strong>Añadir un Tema Nuevo</strong>.</li>
<li>Haga clic en el enlace <strong>Cargar</strong>.</li>
<li>Haga clic en el botón <strong>Explorar</strong> y vaya hasta donde se encuentre el paquete de la plantilla descomprimida en su ordenador.</li>
<li>Busque el archivo <strong>CherryFramework.zip</strong>. Haga clic en él para seleccionarlo y luego haga clic en <strong>Aceptar</strong>.</li>
<li>Haga clic en el botón <strong>Instalar Ahora</strong> y espere hasta que finalice el proceso de instalación.</li>
<li>Haga clic en el enlace <strong>Activar</strong> tema.</li>
</ol>
<p class="muted text-center"></p>
<p>Para más información, no dude en revisar el video tutorial detallado sobre <!--<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">Como instalar la plantilla Cherry framework</a>.</p>
<p>Enhorabuena, acabas de instalar el framework.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Paso 2. Instalación del tema</h4>
<p>Ahora puede proceder a instalar el tema hijo: <strong>theme####.zip</strong>. Los pasos a seguir son los siguientes:</p>
<ol style="margin-bottom:.5em;">
<li>Vaya al menú <strong>Apariencia</strong> > <strong>Temas</strong> y haga clic en el botón <strong>Añadir un Tema Nuevo</strong>.</li>
<li>Haga clic en el enlace <strong>Cargar</strong>.</li>
<li>Haga clic en el botón <strong>Explorar</strong> y vaya hasta donde se encuentre el paquete de la plantilla descomprimida en su ordenador.</li>
<li>Busque el archivo <strong>theme####.zip </strong>(donde <strong>XXXX</strong> es el identificador único de su tema). Haga clic en él para seleccionarlo y luego haga clic en <strong>Aceptar</strong>.</li>
<li>Haga clic en el botón <strong>Instalar Ahora</strong> y espere hasta que finalice el proceso de instalación.</li>
<li>Haga clic en el enlace <strong>Activar</strong> para cambiar el diseño actual del sitio con el tema comprado.</li>
</ol>
<p class="muted text-center"></p>
<p>Enhorabuena, ¡El framework y el tema han sido correctamente instalados!</p>
</article>
<article id="theme_sample_data">
<h4>Paso 3. Instalación de los datos de ejemplo</h4>
<p>Para que su sitio web de WordPress se parezca a nuestra demostración en vivo, por favor, siga las siguientes instrucciones. También le sugerimos que siempre tenga una copia de seguridad del archivo .sql <a target="_blank" href="/help/phpmyadmin-how-to-backup-a-database.html">exportado</a> desde su base de datos.</p>
<div class="box-info"><span>NOTA: Para plantillas integradas en Cherry Framework v3.0 o anteriores para instalar los datos de ejemplo usted necesita subir los archivos XML y JSON desde el directorio "sample_data". Las imágenes y otros archivos multimedia deberían cargarse desde el directorio "manual_install\uploads". Asegúrese cargar todas las imágenes de todos los subdirectorios. </span></div>
<ol>
<li>Vaya al menú <strong>Cherry Plugin > Importar Contenido.</strong></li>
<li>En primer lugar usted puede comprobar la tabla requisitos que muestra si el servidor de hosting cumple con todo lo necesario para utilizar Cherry Plugin. Por favor, póngase en contacto con su proveedor de hosting si hay alguna advertencia.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>Si todos los valores del servidor son correctos verás la pantalla de carga. Abre el directorio <b>"theme/sample_data"</b> que se encuentra en el paquete de la plantilla y sube todos los archivos a WordPress. Puedes subir todos los archivos seleccionándolos en el directorio <b>"theme/sample_data"</b> (CTRL+A o Comando+A) y arrastralos al area de carga.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>Asegúrese de cargar todos los archivos del directorio sample_data incluidos los archivos .JSON y .XML. Cuando la carga haya terminado haga clic "Continuar la Instalación" para continuar. <br><br>
<div class="box-notification"><span>ATENCIÓN: los archivos .JSON y .XML son necesarios para realizar la instalación de los datos de ejemplo. El botón Continuar la Instalación sólo estará disponible si ambos archivos se han subido.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Hacer clic en el botón "Continuar la Instalación" iniciará el proceso de instalación de los datos de ejemplo. Los pasos de instalación pueden tardar algún tiempo dependiendo de la configuración del servidor. Por favor, sea paciente.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>¡Enhorabuena!</strong> Ha instalado correctamente su tema Cherry WordPress. Ahora puede comprobar el 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> Primeros Pasos</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Preparación</h4>
<p>Antes de proceder a la creación de su sitio web de WordPress, por favor asegúrese de que está totalmente preparado. Por favor, complete los siguientes pasos de preparación:</p>
<h4>Software de edición</h4>
<p>Para sentirse cómodo trabajando con la plantilla de WordPress, le recomendamos que descargue todas las aplicaciones requeridas. Usted puede ver la lista de software necesario en la página de vista previa de la plantilla. <br>Los requisitos pueden variar dependiendo de la plantilla, vamos a contarle lo que se necesita por norma general:</p>
<ol>
<li>En primer lugar, usted necesita las aplicaciones adecuadas para extraer el archivo sources_#########.zip protegido por contraseña. Puede utilizar WinZip 9+ (Windows) y Stuffit Expander 10+ (Mac).</li>
<li>También podría necesitar la aplicación Adobe Photoshop. Se utiliza para editar archivos .PSD y es necesaria si desea editar el diseño de los gráficos e imágenes de la plantilla.</li>
<li>Para editar los archivos de código fuente de la plantilla, necesita algún editor de código como Adobe Dreamweaver, Notepad++, Sublime Text, etc.</li>
<li>Para cargar archivos en el servidor de hosting, es posible que necesite un administrador de FTP como Total Commander, FileZilla, CuteFTP, etc.</li>
</ol>
<h4>Hosting</h4>
<p>Como WordPress CSM es una aplicación basada en PHP / MySQL, usted necesita preparar un entorno de alojamiento para ejecutar WordPress.</p>
<p>Si tiene un hosting, por favor asegúrese de que se adapta a los <a href="http://wordpress.org/about/requirements/" target="_blank">Requisitos de WordPress</a> y está listo para ser utilizado por un sitio web de WordPress.</p>
<p>Tambien puede ejecutar WordPress en su ordenador utilizando el servidor local. Para crear un servidor de alojamiento local, utilice aplicaciones de localhost como <b>WAMP</b>, <b>AppServ</b>, <b>MAMP</b>, etc. Cualquiera de ellos puede ser instalado fácilmente como cualquier otro programa y se utiliza para ejecutar WordPress. </p>
<p>Por favor, consulte los tutoriales a continuación sobre cómo configurar un entorno de desarrollo 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">Cómo instalar el entorno de desarrollo web AppServ.</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-wamp-web-development-environment.html">Cómo instalar el entorno de desarrollo web WAMP.</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-xamp-web-development-environment.html">Cómo instalar el entorno de desarrollo web XAMP.</a></li>
</ul>
</article>
<!-- Engine installation -->
<article id="engine_installation">
<h4>Motor de instalación</h4>
<div class="box-info"><span>Descargue la versión correcta del motor de WordPress. En la página de vista previa de la plantilla, en la sección de requisitos, puede ver la versión de WordPress necesaria. Por favor, asegúrese de que está descargando la correcta.</span></div>
<ol>
<li>The WordPress engine can be downloaded from the official website at WordPress.org <a href="http://wordpress.org/download/" target="_blank"><strong>Descargar WordPress</strong></a>. En caso de que necesite una versión anterior, puede hacer clic en el enlace <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Archivo de versiones</strong></a> link.
</li>
<li>Cuando haya terminado con la descarga, es necesario extraer los archivos de los paquetes del motor y de la plantilla. Para extraer los archivos del paquete del motor de WordPress <strong>ZIP</strong>, puede utilizar cualquier aplicación que pueda manejar archivos ZIP.
<p>Los siguientes tutoriales le enseñarán la manera de extraer archivos en <a target="_blank" href="/help/unzipping-your-template.html"><strong>Windows (WinZip)</strong></a> y <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">Extraer archivos comprimidos (MAC)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-windows-os.html">Extraer archivos comprimidos (Windows)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/downloading-and-installing-winzip.html">Descargar e instalar WinZip</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-unzip-template-mac.html">Cómo descomprimir una plantilla (MAC)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/unzipping-your-template.html">Cómo descomprimir una plantilla (Windows)</a></li>
</ul>
</li>
<li>Cuando concluya la extracción, debe subir los archivos y carpetas del motor de WordPress a su servidor de alojamiento.
<p>Todos estos archivos y carpetas deben ser subidos a su servidor de alojamiento. Los archivos de motor deben ser subidos al directorio <strong>PUBLIC_HTML</strong> o <strong>WWW</strong> de su servidor.</p>
<div class="box-info"><span>Si no ve los directorios PUBLIC_HTML o WWW en su servidor de alojamiento, por favor póngase en contacto con su proveedor de hosting y pregunte dónde tiene que cargar los archivos del sitio web.</span></div>
<p>Por favor, consulte los siguientes tutoriales sobre cómo cargar archivos en un servidor:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-upload-files-server-2.html">Cómo subir archivos a un servidor</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">Cómo subir archivos a un servidor utilizando cPanel (WebHost Manager, WHM)</a> </li>
</ul>
</li>
<li>En este paso es necesario crear una base de datos que será utilizada por el motor de WordPress.
<p>Puede crear una nueva base de datos utilizando la herramienta de gestión de bases de datos desde el panel de control del hosting (<i>normalmente PhpMyAdmin</i>).</p>
<p>Con la herramienta phpMyAdmin usted será capaz de crear una nueva base de datos en 3 sencillos pasos (vea las siguientes diapositivas):</p>
<ol>
<li>Haga clic en el botón Bases de datos en el menú de navegación superior para acceder a la lista de bases de datos.</li>
<li>Introduzca el nombre de la base de datos en el campo "Crear nueva base de datos". </li>
<li>Haga clic en el botón Crear que se encuentra a la derecha.</li>
</ol>
<br>
<p>Ahora puede ver la base de datos en la lista de base de datos. Haga clic en su nombre para acceder a la base de datos.</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. Haga clic en el botón Bases de datos para acceder a la lista de bases de datos.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Introduzca el nombre de la base de datos. <br>
3. Haga clic en el botón Crear.</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. Ahora puede ver la base de datos en la lista de base de datos. Haga clic en su nombre para acceder a la base de datos.</p>
</div>
</li>
</ul>
</div>
<br>
<p>También puede consultar un video tutorial detallado sobre <a target="_blank" href="/help/how-to-create-a-database.html"><i class="icon-play-circle "></i> Cómo crear una base de datos</a>.</p>
<br />
<div class="box-notification"><span>Si usted tiene algún problema con la creación de una base de datos, por favor póngase en contacto con su proveedor de alojamiento para obtener ayuda y asistencia.</span></div>
<p>No dude en consultar los siguientes tutoriales:</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">Cómo crear una base de datos</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-mysql-database-with-godaddy.html">Cómo crear una base de datos de MySQL con GoDaddy </a></li>
</ul>
</li>
<li>En la barra de direcciones del navegador, escriba su nombre de dominio/raiz de los archivos de WordPress y pulse Intro. Esto iniciará el proceso de instalación.
</li>
<li><strong>Creación de un archivo de configuración.</strong> La pantalla inicial de instalación de WordPress le notificará que el archivo de configuración no existe. Haga clic en el botón Crear Archivo de Configuración para 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>Introducir los detalles de la base de datos.</strong> Aquí tiene que introducir los datos de conexión a la base de datos de 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>Introducir los detalles del sitio web.</strong> En la siguiente pantalla debe introducir detalles del sitio web como:
<ul>
<li><i class="icon-angle-right"></i> título del sitio web</li>
<li><i class="icon-angle-right"></i> nombre del usuario administrador y su contraseña</li>
<li><i class="icon-angle-right"></i> correo electrónico del sitio web.</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>Cuando haya terminado, haga clic en el botón Instalar 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 todos los datos se han introducido correctamente, verá la ventana de éxito con el botón para acceder a su panel de administración de WordPress.</p>
</li>
</ol>
<p>No dude en consultar los siguientes tutoriales:</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">Cómo instalar el motor en el servidor HostGator (instalación manual)</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">Cómo instalar el motor en el servidor Bluehost (instalación manual)</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">Cómo instalar el motor en el servidor SiteGround (instalación manual)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html">Cómo instalar el motor en el servidor GoDaddy (instalación manual)</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">Cómo instalar el motor en el servidor Just Host (instalación manual)</a></li>
</ul>
</article>
<article id="manual_install">
<h4>Instalación manual</h4>
<p>Si usted está teniendo problemas con la instalación de los datos de ejemplo, por favor siga las siguientes instrucciones.</p>
<div class="box-notification"><span>ATENCIÓN: Importar el archivo SQL a su base de datos sobreescribirá el contenido y la configuración del sitio web. NO importar el archivo SQL si desea conservar el contenido existente.</span></div>
<div class="box-info"><span>NOTA: Siempre haga copia de seguridad de su base de datos antes de realizar cualquier modificación.</span></div>
<div class="box-info"><span>Tenga en cuenta que el prefijo de las tablas de la base de datos de WordPress debe ser <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>Para hacer que su WordPress se parezca a nuestra demostración en vivo, por favor siga las siguientes instrucciones.</p>
<ol>
<li>Asegúrese de que el tema se ha instalado de acuerdo a las <a href="#cherryframework_installation">siguientes indicaciones</a>.</li>
<li>Copiar el directorio "<strong>uploads</strong>" (que se encuentra en el directorio<strong> theme/manual_install/</strong> del paquete de su plantilla) a el directorio<strong> /wp-content/ </strong> en su FTP.</li>
<li>Copiar el archivo <strong>theme####.sql</strong> que se encuentra en el directorio <strong>theme/manual_install/</strong> en algún editor de texto (preferiblemente Dreamweaver o Notepad) y sustituya todas las apariciones de "<strong>your_website_url_here</strong>" con la URL de su sitio web en todo el documento usando la herramienta <strong>Buscar y Reemplazar</strong> (pulse Ctrl+H para mostrar esta ventana). P.e.: http://www.mywebsite.com</li>
<li>Por favor, asegúrese de que no tiene la barra diagonal "/" al final de la dirección y que la URL empieza por http://www.</li>
<li>Guarde los cambios y cierre el archivo.</li>
<li>Ahora usted puede importar el archivo de volcado con la herramienta <strong>phpMyAdmin</strong> u otro herramienta de gestión de bases de datos. </li>
</ol>
<br>
<div class="box-info"><span>Si hay problemas con la instalación de ellos a través del panel de administración, aquí está la forma alternativa de hacerlo.</span></div>
<h5>Instalación manual del tema a través de FTP</h5>
<p>Para utilizar este método, es necesario tener acceso a los archivos del sitio de WordPress en el FTP a través del Administrador de archivos de su panel de control de hosting o un cliente FTP como Filezilla, CuteFTP, Total Commander, etc.</p>
<div class="box-info"><span>Si ha instalado el tema con los datos de ejemplo o la instalación manual y el tema que se muestra es diferente a la demostración en vivo, por favor, abra las Opciones de Cherry y haga clic en "Restaurar valores predeterminados".</span></div>
<ol>
<li>Descomprima los archivos <strong>CherryFramework.zip</strong> y <strong>theme####.zip</strong> a un directorio en su ordenador (primero, haga clic con el botón derecho en cada uno de los archivo .zip, Eliga <strong>Descomprimir en… CherryFramework</strong> y <strong>theme####</strong> luego, obtendrá dos carpetas llamadas CherryFramework y theme####).
</li>
<li>Suba los directorios <strong>CherryFramework</strong> y <strong>theme####</strong> al directorio <strong>/wp-content/themes/</strong> de su servidor FTP.</li>
<li>Inicie sesión en su panel de administración de WordPress (añada /wp-admin después de su nombre de dominio en la barra de direcciones del navegador).</li>
<li>Vaya al menú <strong>Apariencia</strong> > <strong>Temas</strong>.</li>
<li>En el apartado <strong>Temas Disponibles</strong> busque <strong>theme####</strong> y actívelo pulsando el botón <strong>Activar</strong>.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Instalación de plugin</h4>
<p>Después de instalar y activar el tema, es posible que tenga que instalar los plugins adicionales:</p>
<ol>
<li>Cuando el tema está activo, en la esquina superior izquierda encuentrará el aviso de instalar plugins adicionales. Siga el enlace <strong> Comenzar la instalación del plugin</strong>.
<br>También puede instalar los plugins desde el panel (dashboard), vaya hasta <strong>Apariencia- > Instalar Plugins</strong>.</li>
<li>Compruebe los plugins necesarios.</li>
<li>En el menú desplegable, seleccione Acciones en Bloque <strong>Instalar</strong> y haga clic en <strong>Aplicar</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 del Tema:</h4>
<h5>Cherry Plugin</h5>
<p><span class="label label-important">Atención:</span> Es necesaria la instalación y la activación del Cherry Plugin para el correcto funcionamiento de los códigos cortos y los widgets. Cherry Plugin está instalado y activado por defecto en la instalación del Cherry Framework.</p>
<p><span class="label label-info">Descargar:</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">Descripción:</span> El equipo Cherry ha creado un Cherry framework que se puede etiquetar como perfecto, pero siempre estamos buscando nuevas mejoras. Conozca el Cherry Plugin. Esta es una extensión de nuestro Cherry framework en la que hemos incluido todos los códigos cortos y widgets que usted necesitará siempre. El plugin es totalmente compatible con cualquier tema de WordPress impulsado por Cherry Framework. Hasta ahora, el plugin está en versión beta, pero vamos a seguir mejorándolo para ofrecer nuevas y mejores características.</p>
<h5>Formulario de Contacto 7</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br />
<span class="label">Descripción:</span> Formulario de contacto para la página de contacto.</p>
<h4>Plugins Compatibles:</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Descripción:</span> WPML hace que sea fácil de construir sitios plurilingüe y ejecutarlos.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Descripción:</span> WooCommerce es un potente plugin de eCommerce ampliable que le ayudará a vender cualquier cosa. Es muy bonito.<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">Descargar:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Descripción:</span> Las redes sociales en un cuadro. Construya una red social para su empresa, escuela, equipo deportivo o comunidad.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Descripción:</span> bbPress es un foro hecho al estilo de WordPress.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Descripción:</span> Mingle Forum le permite insertar fácil y rápidamente un foro/blog en su sitio de WordPress.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">Descargar:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Descripción:</span> Este plugin de WordPress es un sistema de foros completo para su blog de WordPress.</p>
</article>
<article id="google_services">
<h4>Carga de datos desde los servidores de Google </h4>
<p>Algunos países tienen problemas de conexión a los servidores de Google. Esto puede causar problemas de carga Google Fuentes. Para resolver estos problemas por favor haga lo siguiente: </p>
<h5>No se puede cargar Google Fuentes: </h5>
<p>Abrir ...\CherryFramework\admin\options-sanitize.php archivo</p>
<p>Busque la línea: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Sustituirlo por el siguiente:</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>Los clientes que han comprado la plantilla tienen 6 meses de uso gratuito del chat de Olark. Para registrar 6 meses gratuitos en el paquete bronce debe acceder al enlace <a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">de registro de 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">Rellene el formulario para registrar su cuenta</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">Introduzca el identificador generado en el campo ID de cuenta del Chat en 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> Copia de seguridad y actualización</h2>
<div class="box-notification"><span>Antes de actualizar Cherry Framework, le recomendamos que realice una copia de seguridad de la versión actual.</span></div>
<h4>Copia de seguridad</h4>
<p>Puede crear una copia de seguridad, tanto para CherryFramework como para el tema hijo. Esto se puede hacer en el apartado <b>"Opciones de Cherry > Gestión de datos"</b> en el panel de administración 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 copia de seguridad se puede hacer fácilmente haciendo clic en el botones <b>"Copia de seguridad"</b> debajo de los bloques de Cherry Framework y tema hijo. <br>
Ahora usted puede encontrar el archivo con su framework o su tema hijo en el directorio <b>/wp-content/themes_backup/</b>.</p>
<p>Usted también puede descargarlo haciendo clic en el botón <b>"Descargar copia de seguridad"</b>. Si aparecen algunos problemas, puede volver a instalar el framework mediante las pestañas <b>Apariencia -> Temas -> Instalar Temas -> Cargar</b>.</p>
<h4>Actualización</h4>
<p>Para actualizar Cherry Framework, necesitas hacer lo siguiente:</p>
<ol>
<li>En su panel de administración, abra la ficha <b>"Opciones de Cherry > Gestión de datos"</b>.</li>
<li>Haga clic en el botón Actualizar en bloque debajo de Cherry Framework
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>Espere hasta que comience el proceso.</li>
<li>Cherry Framework completará el proceso por sí mismo. </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> Plantillas y barras laterales de la página</h2>
<br>
<div class="box-notification"><span>ATENCIÓN: Es necesario modificar el estilo en el archivo style.less. Debido a las opciones de los estilos que se compilan de nuevo y el archivo main-style.css es sobreescrito después de guardar. </span></div>
<h4>Plantillas de la pagina</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Plantilla predeterminada</strong> (la plantilla de página por defecto con una posición de la barra lateral)</li>
<li><i class="icon-angle-right"></i> <strong>Pantalla completa</strong> (una plantilla de página con una columna sin barra lateral)</li>
<li><i class="icon-angle-right"></i> <strong>Página de inicio </strong> (una plantilla de página que se utiliza para la página de inicio)</li>
<li><i class="icon-angle-right"></i> <strong>A 2 columnas</strong> (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 2 columnas)</li>
<li><i class="icon-angle-right"></i> <strong>A 3 columnas</strong> (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 3 columnas)</li>
<li><i class="icon-angle-right"></i> <strong>A 4 columnas</strong> (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 4 columnas)</li>
<li><i class="icon-angle-right"></i> <strong>Testimonios</strong> (una plantilla de página para mostrar los mensajes testimoniales)</li>
<li><i class="icon-angle-right"></i> <strong>FAQs</strong> (plantilla de página para mostrar la Preguntas frecuentes)</li>
<li><i class="icon-angle-right"></i> <strong>Archivos</strong> (plantilla de página para mostrar archivos)</li>
</ul>
<br />
<h4>Posición de la barra lateral</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Barra lateral</strong> - posición <em>ubicada en el lado derecho o izquierdo de las páginas</em></li>
<li><i class="icon-angle-right"></i> <strong>Pie de página 1,2,3,4</strong> (opcional) - posición <em>ubicado al final de las páginas</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> Formato de mensajes y categorías</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Añadir una categoría</h4>
<p>Revise el siguiente artículo para obtener más información sobre cómo agregar categorías: <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>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Mensajes</strong>.</li>
<li>Hecho eso, haga clic <strong>Categorías</strong> para publicaciones en el blog.</li>
<li>Escriba el nombre de la nueva categoría.</li>
<li>Después, haga clic en el botón <strong>Añadir una nueva categoría</strong>.</li>
</ol>
Haga clic en el botón <strong>Publicar</strong>.
</div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Crear un mensaje en el 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>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Mensajes</strong>.</li>
<li>Haga clic en la pestaña <strong>Añadir nuevo</strong>.</li>
<li>Escriba el contenido del mensaje. Para obtener más información sobre cómo agregar mensajes, por favor compruebe el siguiente enlace <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>Elegir un formato de mensaje</h4>
<p>Por favor compruebe el siguiente enlace para obtener más información sobre los diferentes formatos de mensaje: <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>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Mensajes</strong>.</li>
<li>Para elegir el formato del mensaje, compruebe los que hay disponibles en la lista de <strong>Formatos</strong>.</li>
</ol>
<span class="label label-info">Nota:</span> Algunos de estos formatos tienen sus propias opciones. Sus configuraciones aparecerán debajo del editor de mensajes.
</div>
<p>A continuación se muestra la lista de formatos de mensaje disponibles con sus descripciones y configuraciones.</p>
<h4>Formato de mensaje estándar</h4>
<p>Un mensaje estándar tiene los siguientes campos:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Título</strong> - título del mensaje</li>
<li><i class="icon-angle-right"></i> <strong>Contenido</strong> - contenido del mensaje</li>
<li><i class="icon-angle-right"></i> <strong>Categorías</strong> - categoría(s) del mensaje</li>
<li><i class="icon-angle-right"></i> <strong>Etiquetas</strong> - etiquetas del mensaje</li>
<li><i class="icon-angle-right"></i> <strong>Imágen destacada</strong> - imágen del mensaje</li>
<li><i class="icon-angle-right"></i> y otros ámbitos que pueden ser activados en la <strong>Pantalla de Opciones</strong> ubicada en la esquina superior derecha.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje estándar</p>
<h4>Formato de mensaje lateral</h4>
<p>Esta es una versión simplificada de mensaje. En otras palabras, sólo tiene un campo de contenido y no es necesario indicar un título. Se le conoce como nota.</p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje lateral</p>
<h4>Formato de mensaje de galería</h4>
<p>La principal característica de este formato de mensaje es la capacidad de mantener un número ilimitado de imágenes adjuntas.</p>
<p>Añadir un mensaje de galería:</p>
<ol>
<li>Haga clic en el botón<strong> Añadir medios</strong>.<br><span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>Para agregar imágenes desde el disco duro, arrastrar y soltar los archivos en el cuadro que aparece o haga clic <strong>Select Files</strong> para elegir una imagen desde tu ordenador y cargarla.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>Después de que las imágenes se hayan terminado de cargar, se le mostrarán en la biblioteca de medios. Eliga <strong>Subido a este post</strong> para ver las imágenes adjuntas.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>Cuando haya terminado la edición, puede cerrar la biblioteca de medios. Las imágenes subidas se adjuntarán automáticamente.</li>
</ol>
<p>El formato de mensaje de galería tiene todos los campos estándar (como título, contenido, categorías, etc) como el formato de mensaje estándar.</p>
<h4>Formato de mensaje de enlace</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje de enlace</p>
<p>Después de elegir el Formato de mensaje de <strong>Enlace</strong>, obtendrá un campo adicional de <strong>URL </strong> donde es necesario especificar el enlace (URL) de la página/recurso de destino. El <strong>Título </strong>será utilizado como su texto de enlace.</p>
<p>Si rellena el campo de contenido, se utilizará como la descripción de la página de destino.</p>
<h4>Formato de mensaje de imagen</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje de imagen</p>
<p>Un formato de mensaje de<strong> Imagen</strong> está basado en una sola imagen cargada a través de la opción <strong>Imagen destacada</strong>.<br> Después de seleccionar el formato de mensaje de imagen usted será capaz de desactivar la característica de la imagen del lightbox mediante la selección de la correspondiente configuración en la opción <strong>Activar Lightbox</strong>.</p>
<h4>Formato de mensaje de cita</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje de cita</p>
<p>Un<strong> Formato de mensaje de cita</strong> sirve como una utilidad para enmarcar una cita. Se usa para publicar una cita.</p>
<p>Al seleccionar este formato de mensaje, tendrá un campo adicional <strong>La Cita</strong> - básicamente el cuerpo de la cita y un campo<strong> Autor</strong> - el nombre del autor de la cita.</p>
<h4>Formato de mensaje de audio</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje de audio</p>
<p>El <strong>Formato de mensaje de audio</strong> se utiliza para publicar un archivo de audio.</p>
<p>Al seleccionar este formato de mensaje, obtendrá las siguientes opciones adicionales:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Título</strong> - título de la pista</li>
<li><i class="icon-angle-right"></i> <strong>Artista</strong> - el autor/artista de la pista de audio</li>
<li><i class="icon-angle-right"></i> <strong>Formato</strong> - el formato de la pista de audio</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - un enlace a la pista de audio</li>
</ul>
<h4>Formato de mensaje de video</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Formato de mensaje de video</p>
<p>Un<strong> Formato de mensaje de video</strong> se utiliza para publicar un archivo de vídeo.</p>
<p>Al seleccionar este formato de mensaje, obtendrá las siguientes opciones adicionales:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Título</strong> - título del vídeo</li>
<li><i class="icon-angle-right"></i> <strong>Artista</strong> - el autor/artista del video</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - un enlace al vídeo en formato m4v</li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - un enlace al vídeo en formato ogv</li>
<li><i class="icon-angle-right"></i> <strong>Código integrado </strong> - utilizado para colocar el vídeo fuera del sitio, p.e. youtube, vimeo, etc.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Crear un mensaje deslizante</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Las diapositivas son esencialmente una <a href="http://codex.wordpress.org/Post_Types#Custom_Types">Tipo de mensaje personalizado</a> lo que significa que son diferentes de los mensajes comunes, tales como mensajes de blog. Esto nos permite administrar el contenido del sitio con mucha facilidad. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Crear un mensaje deslizante</p>
<ol>
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Control deslizante</strong>.</li>
<li>Haga clic en la pestaña <strong>Añadir nuevo</strong>.</li>
<li>Indique el <strong>título</strong> del mensaje deslizante.</li>
<li>Suba la imagen mediante la opción <strong>Imagen destacada </strong> (haga clic en el enlace <strong>Establecer la imagen destacada</strong>).</li>
<li>Puede usar los siguientes campos para su control deslizante<em></em>:
<ul>
<li><i class="icon-angle-right"></i> <strong>Título</strong> - el campo para la leyenda de la diapositiva.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - el campo de la dirección URL de la diapositiva (puede poner un enlace externo aquí).</li>
</ul>
</li>
<li>Cuando haya terminado, haga clic en el botón <strong>Publicar</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Añadir un mensaje al Catálogo</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Los elementos del catálogo son básicamente un tipo de mensaje personalizado <a href="http://codex.wordpress.org/Post_Types#Custom_Types">http://codex.wordpress.org/Post_Types#Custom_Types</a> lo que significa que son diferentes de los mensajes comunes. Esto nos permite administrar el contenido del sitio con mucha facilidad. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Añadir un mensaje al Catálogo</p>
<ol>
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Catálogo</strong>.</li>
<li>Ahora haga clic en <strong>Añadir nuevo</strong>.</li>
<li>Rellene todos los campos obligatorios (<strong>título</strong>, <strong>contenido</strong>).</li>
<li>Suba la imagen mediante la opción <strong>Imagen destacada </strong> (haga clic en el enlace <strong>Establecer la imagen destacada</strong>).</li>
<li>Para terminar, haga clic en el botón <strong>Publicar</strong>.</li>
</ol>
<h4>Elegir formato para el mensaje del catálogo</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>Al crear un mensaje en el catálogo en este tema le permite seleccionar uno de los tipos de mensaje disponibles.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Imagen</strong> - imagen predeterminado del formato de mensaje. Muestra sólo la <em>imagen destacada</em>.</li>
<li><i class="icon-angle-right"></i> <strong>Presentación</strong> - la galería del proyecto se muestra como una presentación de diapositivas. Puede contener un número ilimitado de imágenes subidas y se adjuntan al mensaje. </li>
<li><i class="icon-angle-right"></i> <strong>Galería de cuadrícula</strong> - las imágenes del mensaje se muestran como una galería. Puede contener un número ilimitado de imágenes subidas y se adjuntan al mensaje. </li>
<li><i class="icon-angle-right"></i> <strong>Vídeo</strong> - en este tipo de mensaje puede incrustar un vídeo desde cualquier servidor de alojamiento de vídeos (YouTube, Vimeo, etc.).</li>
<li><i class="icon-angle-right"></i> <strong>Audio</strong> - con este tipo mensaje, puede incrustar un enlace de audio. </li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Añadir un mensaje Testimonial</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Adding a Testimonials post</p>
<ol>
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Testimonios</strong>.</li>
<li>Haga clic en la pestaña <strong>Añadir nuevo</strong>.</li>
<li>Rellene todos los campos obligatorios (<strong>título</strong>, <strong>contenido</strong>).</li>
<li>Suba la imagen mediante la opción <strong>Imagen destacada </strong> (haga clic en el enlace <strong>Establecer la imagen destacada</strong>).</li>
<li>Puede usar los siguientes campos para este tipo de mensajes:
<ul>
<li><i class="icon-angle-right"></i> <strong>Nombre</strong> - nombre del autor</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - enlace al autor</li>
<li><i class="icon-angle-right"></i> <strong>Información</strong> - información adicional del autor.</li>
</ul>
</li>
<li>Haga clic en el botón <strong>Publicar</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>Añadir un mensaje a las FAQs</h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">Añadir un mensaje a las FAQs</p>
<ol>
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>FAQs</strong>.</li>
<li>Haga clic en el botón <strong>Añadir nuevo</strong>.</li>
<li>Dado que es un tipo de mensaje de pregunta/respuesta, el título del post es la pregunta y el contenido es la respuesta.</li>
<li>Haga clic en el botón <strong>Publicar</strong>.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Añadir un mensaje a Nuestro Equipo</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Añadir un mensaje a Nuestro Equipo</p>
<ol>
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Nuestro equipo</strong>.</li>
<li>Haga clic en el botón <strong>Añadir nuevo</strong>.</li>
<li>Rellene todos los campos obligatorios (<strong>título</strong>, <strong>contenido</strong>).</li>
<li>Suba la imagen mediante la opción <strong>Imagen destacada </strong> (haga clic en el enlace <strong>Establecer la imagen destacada</strong>).</li>
<li>Puede usar los siguientes campos para este tipo de mensajes:
<ul>
<li><i class="icon-angle-right"></i> <strong>Cargo</strong> - el cargo de la persona</li>
<li><i class="icon-angle-right"></i> <strong>Información</strong> - información adicional.</li>
</ul>
</li>
<li>Haga clic en el botón <strong>Publicar</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> Página del catálogo</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Crear una página del catálogo</h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Crear una página del catálogo</p>
<p>Páginas del catálogo pueden ser creadas con la ayuda de las plantillas.</p>
<ol class="margbot">
<li>Inicie sesión en su panel de administración de WordPress (Dashboard).</li>
<li>Haga clic en la pestaña <strong>Páginas</strong>.</li>
<li>Haga clic en la pestaña <strong>Añadir nuevo</strong>.</li>
<li>Introduzca el nombre de la página, por ejemplo <strong>Catálogo</strong>.</li>
<li>Eliga la plantilla de la página (<strong>A 2 columnas</strong>, <strong>A 3 columnas</strong> o <strong>A 4 columnas</strong> en el menú desplegable en la <strong>Página de propiedades</strong>).</li>
<li>Haga clic en el botón <strong>Publicar</strong>.</li>
</ol>
<p>Puede crear una categoría de página de catálogo mediante el campo <strong>Incluir Categoría</strong>. Usted tiene que escribir el trozo del nombre de la categoría que desea que aparezca.</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> Códigos cortos</h2>
<p>n código corto es una potente herramienta de creación de contenidos <a href="http://codex.wordpress.org/Shortcode">http://codex.wordpress.org/Shortcode</a>. Los códigos cortos son fáciles de usar. En primer lugar, asegúrese de que el modo de edición está establecido en <strong>Visual</strong>.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_visual.jpg" alt=""></figure>
<p>Haga clic en el botón de códigos cortos. Después, seleccione el código corto que desea insertar.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_menu.jpg" alt=""></figure>