-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathWordpress.txt
executable file
·1690 lines (1163 loc) · 57 KB
/
Wordpress.txt
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
===================================================
Guía Instalación y Configuración de Wordpress by dM
===================================================
WordPress es ( en inglés, Content Management System o CMS) un sistema de gestión
de contenidos lanzado el 27 de mayo de 2003, enfocado a la creación de cualquier
tipo de página web. Originalmente alcanzó una gran popularidad en la creación de
blogs, para luego convertirse, en una de las principales herramientas para la
creación de páginas web comerciales.
============================================
Descargar versiones específicas de Wordpress
============================================
https://wordpress.org/download/releases/
===================================
Usando wordpress con servidor nginx
===================================
Nota:
Usaremos $ para describir los comandos que se usaran con usuario regular.
Usaremos # para describir los comandos que se usaran con superusuario.
Instalamos MySQL server y lo configuramos la clave del usuario de mysql que nos
la pedirá desde la consola.
# apt-get install mysql-server
Instalamos php.
# apt-get install php5 php5-mysql php5-gd php5-fpm
Instalamos Nginx server
# apt-get install nginx
Vamos a /var/www/html y dentro descargamos la última versión de Wordpress
$ wget http://wordpress.org/latest.tar.gz
Extraemos el contenido del fichero, nos debe quedar una carpeta llamada
wordpress.
# tar -xzvf latest.tar.gz
Acceder a la consola de mysql, nos pedirá la contraseña solamente.
$ sudo mysql -p
Dentro de la consola de MySQL creamos el usuario y la contraseña del sistema de
wordpress:
> CREATE USER 'user'@'localhost' IDENTIFIED BY '123456';
Creamos la base de datos del sistema wordpress.
> CREATE DATABASE wordpress_db;
Sobre la base de datos recién creada le asignamos el usuario:
> GRANT ALL PRIVILEGES ON wordpress_db.* TO 'user'@'localhost';
Refrescamos el esquema de las tablas de MySQL.
> FLUSH PRIVILEGES;
Renombramos el archivo de configuración por defecto de wp-config-sample.php a
wp-config.php
# mv /var/www/html/wordpress/wp-config-sample.php /var/www/html/wordpress/wp-config.php
Editamos el fichero y agregamos la db_name, user y password que creamos en el
paso anterior y guardamos.
# vim /var/www/html/wordpress/wp-config.php
Configuramos el fichero /etc/nginx/sites-available/default con lo siguiente:
server {
listen 80;
#root /usr/share/nginx/html;
### Aqui va la ruta donde tenemos el directorio wordpress
root /var/www/html;
index index.php index.html index.htm;
server_name example.com;
location / {
try_files $uri $uri/ /index.html;
}
error_page 404 /404.html;
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/www;
}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
location ~ \.php$ {
try_files $uri =404;
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
}
Probamos la configuración de nginx que acabamos de hacer, si dice:OK segimos.
# nginx -t
Reiniciamos el servicio de nginx.
# service nginx restart
Visitamos la url http://127.0.0.1/wordpress/
Con esto ya deberíamos ver nuestra interfáz de inicio de wordpress, donde
llenaremos los campos del nombre del sitio, usuario, contraseña, correo, otros.
====================================
Usando wordpress con servidor apache
====================================
Instalamos apache server
# apt-get install apache2
Instalamos MySQL server y lo configuramos
# apt-get install mysql-server
Instalamos php, en este caso el 5
# apt-get install php5 php5-gd php5-mysql libapache2-mod-php5
$ sudo apt install libapache2-mod-php && mysql-server && php-bcmath && php-curl
&& php-imagick && php-intl && php-json && php-mbstring && php-mysql && php-xml
&& php-zip
Vamos a /var/www/html que se creo luego de instalar apache y dentro descargamos
la última versión de Wordpress
$ wget http://wordpress.org/latest.tar.gz
Extraemos el contenido del fichero, nos debe quedar una carpeta llamada wordpress.
# tar -xzvf latest.tar.gz
Acceder a la consola de mysql, nos pedirá la contraseña solamente.
$ mysql -p
ó
$ mysql -u root -p
ó
$ sudo mysql -u root
Dentro de la consola de MySQL creamos el usuario y la contraseña del sistema de
wordpress:
> CREATE USER 'user'@'localhost' IDENTIFIED BY '123456';
Creamos la base de datos del sistema wordpress.
> CREATE DATABASE wordpress_db;
Sobre la base de datos recién creada le asignamos el usuario:
> GRANT ALL PRIVILEGES ON wordpress_db.* TO 'user'@'localhost';
Refrescamos el esquema de las tablas de MySQL.
> FLUSH PRIVILEGES;
Renombramos el archivo de configuración por defecto de wp-config-sample.php a
wp-config.php
$ mv /var/www/html/wordpress/wp-config-sample.php /var/www/html/wordpress/wp-config.php
Editamos el fichero y agregamos la db_name, user y password que creamos en el
paso anterior y guardamos.
$ vim /var/www/html/wordpress/wp-config.php
Reiniciamos el servicio de apache para que todo ande calidad.
$ sudo service apache2 restart
Visitamos la url http://127.0.0.1/wordpress/
Con esto ya deberíamos ver nuestra interfáz de inicio de wordpress, donde
llenaremos los campos del nombre del sitio, usuario, contraseña, correo, otros.
=================================================
Usando wordpress con servidor apache en Debian 11
=================================================
Instalamos apache server
# apt-get install apache2
Instalamos php, en este caso el 7.4
$ sudo apt install php7.4 php7.4-gd php7.4-mysql libapache2-mod-php7.4 php7.4-fpm
Actualizar los repositorios
# apt update
Instalar MariaDB
$ sudo apt install mariadb-server
Chequear la instalación con:
$ mysql -V
Nos logeamos en MariaDB using el usuario root de MariaDB, nos pedirá el
password.
$ sudo mysql -u root
Dentro de la consola de MySQL creamos el usuario y la contraseña del sistema de
wordpress:
> CREATE USER 'user'@'localhost' IDENTIFIED BY '123456';
Creamos la base de datos del sistema wordpress.
> CREATE DATABASE wordpress_db;
Sobre la base de datos recién creada le asignamos el usuario:
> GRANT ALL PRIVILEGES ON wordpress_db.* TO 'user'@'localhost';
Refrescamos el esquema de las tablas de MySQL.
> FLUSH PRIVILEGES;
Renombramos el archivo de configuración por defecto de wp-config-sample.php a
wp-config.php
$ mv /var/www/html/wordpress/wp-config-sample.php /var/www/html/wordpress/wp-config.php
Editamos el fichero y agregamos la db_name, user y password que creamos en el
paso anterior y guardamos.
$ vim /var/www/html/wordpress/wp-config.php
Reiniciamos el servicio de apache para que todo ande calidad.
$ sudo service apache2 restart
Visitamos la url http://127.0.0.1/wordpress/
Con esto ya deberíamos ver nuestra interfáz de inicio de wordpress, donde
llenaremos los campos del nombre del sitio, usuario, contraseña, correo, otros.
==========================
Poner wordpress en español
==========================
Hay dos maneras de hacerlo.
1) La primera es bajarse el wordpress en español directamente.
2) La segunda es:
Ir a https://translate.wordpress.org/projects/wp/dev
Escoger el lenguaje, Spanish (Venezuela) por ejemplo, sería este:
https://translate.wordpress.org/projects/wp/dev/es-ve/default/
Bajar al final de la página.
Seleccionar exportar los archivos .po y .mo, al descargarlos obtendremos estos
archivos: wp-dev-es-ve.mo y wp-dev-es-ve.po.
Ahora vamos a /var/www/html/wordpress/wp-content/ y creamos la carpeta languages
si no existe y copiamos dentro los 2 archivos descargados.
Ahora vamos al panel de Wordpress en Settings > General cambiamos el Site languajes
a español.
La manera manual sería:
Luego de copiar los contenidos en la carpeta languajes quedaría así:
/var/www/html/wordpress/wp-content/languages
admin-es_ES.mo
admin-network-es_ES.mo
continents-cities-es_ES.mo
es_ES.mo plugins
admin-es_ES.po
admin-network-es_ES.po
continents-cities-es_ES.po
es_ES.po themes
Ahora editamos el fichero de configuraión de wordpress
/var/www/html/wordpress/wp-config.php
Despues de la 62 o 63, donde quepa, y antes del la variable debub, declaramos la
variable del lenguaje
define('WPLANG', 'es_ES');
Listo, si recargamos nuestro sitio ya debería estar en español, tanto la
interfaz de administrador como el sitio en general.
=====================
Modificar/Crear temas
=====================
Por defecto hay tres temas predeterminados, que están en:
/var/www/html/wordpress/wp-content/themes/twentyfifteen/
/var/www/html/wordpress/wp-content/themes/twentyseventeen/
/var/www/html/wordpress/wp-content/themes/twentysixteen/
Si se quieren hacer pruebas o modificar un tema se puede crear una copia de la
carpeta o cambiarle el nombre y activar el tema en el panel de administración,
también está el caso de instalar o copiar un tema externo y solamente se deberá
activar desde el panel de administración.
Ademas se debe editar el fichero:
/var/www/html/wordpress/wp-content/themes/mi_tema/style.css
Editamos la línea que dice Theme Name y ponemos el nombre de nuestro tema, y así
aparecera en el panel de administración:
Theme Name: mi_tema
==================
Plugins para temas
==================
Duplicate Theme: Choose an existing theme, duplicate it or create a child while
giving it a new name.
Download Plugins and Themes from Dashboard: Download installed plugins and
themes ZIP files directly from your admin dashboard without using FTP.
=============================
Inlcluir bootstrap en un tema
=============================
Agregar al final de functions.php
add_action ('wp_enqueue_scripts',function () {
wp_enqueue_style ('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
});
Esto hará que en nuestra plantilla se llame a bootstrap con:
<link rel='stylesheet' id='bootstrap-css' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?ver=5.2.4' type='text/css' media='all' />
=============
La otra forma
=============
1) Descargar el bootstrap.min.css y el bootstrap.min.js de la página de
bootstrap.
2) pegarlos en la carpeta:
wp-content/themes/twentyseventeen/assets/css
y
wp-content/themes/twentyseventeen/assets/js
3) Ir a /wp-content/themes/mi_tema/functions.php y pegar al final el siguiente
código para incluir Bootstrap CSS y JS:
function bootstrap_css() {
wp_enqueue_style('bootstrap_css',get_stylesheet_directory_uri().'/assets/css/bootstrap.min.css',array(),'4.5.0');
}
add_action('wp_enqueue_scripts','bootstrap_css');
function bootstrap_js() {
wp_enqueue_script('bootstrap_js',get_stylesheet_directory_uri().'/assets/js/bootstrap.min.js',array(),'4.5.0',true);
}
add_action('wp_enqueue_scripts','bootstrap_js');
===========================
Tips sobre gestión de temas
===========================
=====
hooks
=====
¿Qué son y para qué te sirven los hooks de WordPress?
Si estás aprendiendo WordPress y quieres crear plugins o desarrollar un tema
completo entonces deberías saber qué son los hooks y aprender a dominarlos.
Invariablemente, y sin importar el tipo o magnitud del proyecto al que te
enfrentes, los hooks de WordPress te serán siempre de gran ayuda, sin embargo el
concepto puede ser un poco intimidante para aquellos usuarios que apenas
empiezan en el desarrollo en esta plataforma.
¿Qué son exactamente los hooks de WordPress?
Hook es un termino genérico en WordPress, que se usa como referencia en lugares
estratégicos dentro del core para poder inyectar código propio y agregar
comportamientos o cambiar el funcionamiento por defecto de WordPress.
Un hook puede ser declarado en dos lugares, dependiendo del tipo de desarrollo
que estés haciendo, function.php si estás trabajando con un tema o tema hijo, o
directamente en un plugin.
===========
child theme
===========
¿Qué es un child theme de WordPress y por qué es importante usarlos? o
¿Qué es un child theme o tema hijo de WordPress?
Si eres usuario de WordPress ya sabrás que el theme, tema o la plantilla es el
conjunto de archivos que determina la organización externa y el look de tu
página web: colores, distribución de elementos, tipografías, navegación,
localización de los widgets, estructura de las páginas, etc.
Un child theme (tema hijo) es un tema desarrollado a partir de un tema padre
(parent theme), que hereda su funcionalidad básica. Aunque el child theme recoge
la mayoría de características de su tema padre, es un tema que no se actualiza
directamente. Al trabajar con un child theme en tu web están instalados tanto el
tema padre como el hijo, pero solo el padre se actualiza.
¿Para qué sirve un child theme?
Cuando desarrollas una página web con WordPress, aunque hayas elegido un tema
maravilloso con todas las características que buscabas, es posible que por
diferentes razones acabes queriendo o necesitando modificar el código del tema
para hacer algún cambio, como por ejemplo:
-Pequeñas modificaciones en el css de tu tema para personalizar su aspecto.
-Introducir algún pedazo de código que añada alguna funcionalidad.
-Añadir algún código necesario para funcionar con alguna aplicación externa…
Pero si tú modificas o añades este código dentro de los archivos de tu tema, te
encontrarás con que ya no puedes volver a actualizarlo, porque si lo haces, se
perderán los cambios. Este es un problema muy habitual con el que se encuentran
muchas personas.
============
Los usuarios
============
=================
Roles de usuarios
=================
WordPress usa el concepto de Roles, y ofrece algunos prediseñados para dar a los
administradores del blog la capacidad de controlar los poderes de lo que puede
hacerse en el sitio, que poseen distintas usuarios. Un administrador puede
otorgar acceso a las funciones de escribir y editar entradas, crear páginas,
crear enlaces, crear categorías, moderar comentarios, administrar plugins,
administrar temas y administrar usuarios. Una forma lógica y sencilla de asignar
estas capacidades, es la capacidad de asignar Roles a las usuarios.
WordPress tiene cinco Roles prediseñados: Administrador, Editor, Autor,
Colaborador y Suscriptor. A cada rol se le permite realizar una serie de tareas
llamadas Capacidades. Hay muchas Capacidades incluyendo publish_posts (publicar
entradas), moderate_comments ((moderar comentarios), y edit_users
(editar usuarias).
Hay un conjunto de Capacidades preasignadas a cada Rol.
Quienes tienen el Rol de Administrador se les otorga todas las Capacidades. Cada
uno de los otros Roles tienen un número decreciente de Capacidades asignadas.
Por ejemplo, el Rol de Suscriptor tan solo tiene la capacidad de lectura. Un Rol
en particular no debería ser considerado como superior a otro Rol. Es mejor,
considerar que los Roles definen las responsabilidades de los usuarios dentro
del blog.
================
Sumario de Roles
================
-Super Admin - Quien cuenta con acceso a la característica de administración de
la red de blogs completa. (Referencia: Crear una red -en inglés).
-Administrador - Quien tiene acceso a todas las características de
administración de un sitio en particular.
-Editor - Quien puede publicar y editar entradas propias y de otros usuarios así
como crear y editar páginas.
-Autor - Quien puede publicar y editar sus propias entradas.
-Colaborador - Quien puede escribir y editar sus propias entradas pero no
publicarlas.
-Subscriptor - Quien solamente puede editar su perfil.
Al momento de instalar WordPress, una cuenta e Administrador con todas las
Capacidades es creada automáticamente.
============================================
Cómo crear roles personalizados en WordPress
============================================
¿No te convencen los roles de usuario que muestra WordPress por defecto? En
muchas ocasiones necesitas crear roles personalizados, especialmente si tu web
es gestionada por muchos usuarios.
Imagínate que para las tareas de SEO quieres crear un usuario que pueda editar o
eliminar entradas de tu blog y, además, acceder a la gestión de ciertos plugins
relacionados con analítica, optimización web o posicionamiento, pero no quieres
que pueda actualizar o instalar otros plugins. ¿Cómo puedes hacerlo? Creando
roles de usuario personalizados.
Ya vimos que, por defecto, WordPress solamente muestra cinco tipos de roles
(administrador, editor, autor, colaborador y suscriptor), pero tú podrás crear
los tuyos propios mediante la instalación de algún plugin como User Role Editor
o User Roles and Capabilities.
Como con cualquiera de ellos vas a poder crear roles personalizado en WordPress,
en este post vamos a centrarnos en User Role Editor, que es el más utilizado
(con más de 500.000 instalaciones activas) y tiene muy buena valoración en el
repositorio oficial de WordPress.
======================================
Instalar y configurar User Role Editor
======================================
Para crear roles personalizados en WordPress en base a las necesidades de tu web
y tu negocio, sigue estos pasos:
1) Instala el plugin
En el menú lateral de WordPress pulsa sobre “Plugins” > “Añadir nuevo”. Busca
User Role Editor e instálalo y actívalo en tu web.
2) Configúralo
Una vez que hayas instalado y activado el plugin, accede al apartado "Ajustes" >
"User Role Editor" y, en la pestaña "General" selecciona la opción “Mostrar
perfil del administrador en el editor de perfiles de usuario”.
3) Crea perfiles personalizados o edita los ya existentes
Ahora que tienes el plugin configurado, ya puedes empezar a crear tus propios
perfiles y asignar roles personalizados desde el apartado “"Usuarios". Puedes
crear un nuevo rol o modificar los ya existentes seleccionado las capacidades
que se muestra el plugin.
=======
Fuentes
=======
-https://www.lucushost.com/blog/roles-wordpress-que-son-como-gestionarlos/#Como_crear_roles_personalizados_en_WordPress
=============================
Incluir una imagen en un tema
=============================
Se debe guardar la imagen en: wp-content/themes/my_theme/assets/images/my_image.png
y luego ya se puede llamar en alguna de las plantillas, como index.php por
ejemplo, con:
<img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/my_image.png' );?>" class="xxx">
======================================================
¿Qué es el nombre de host de MySQL y cómo encontrarlo?
======================================================
Tu nombre de host de MySQL define la ubicación donde se aloja tu base de datos
MySQL. Si quieres conectarte a tu base de datos, necesitas especificar el nombre
de host MySQL para que tu aplicación sepa dónde conectarse.
En la mayoría de las situaciones, incluyendo el hospedaje de un sitio de
WordPress en servicios de hosting, su nombre de host de MySQL será localhost.
Esencialmente, esto significa que tu base de datos MySQL se ejecuta en el mismo
servidor que la aplicación con la que estás trabajando (como tu sitio de
WordPress).
En un sitio de WordPress, tu nombre de host MySQL está definido en el archivo
wp-config.php de tu sitio.
==========================
search form en el template
==========================
La plantilla searchform.php contiene el formulario de búsqueda que puede ser
llamado en index.php con:
<?php get_search_form(); ?>
La plantilla search.php es la que se renderiza luego de hacer unas búsqueda.
========================
Publicaciones o entradas
========================
¿Qué es un extracto?
Es un campo para las publicaciones, es un texto opcional asociado a una entrada.
La mayoría de las veces, se usa como el resumen de la entrada.
=======
sidebar
=======
El sidebar o la columna de la derecha donde se nos muestran algunos witgets
como Meta, Categorías o el formulario de busqueda se llama en la plantilla
con la función.
<?php get_sidebar(); ?>
Si queremos desactivarlo podemos comentar su línea en los siguientes templates:
page-templates/right-sidebar.php:34: <?php get_sidebar(); ?>
page-templates/left-sidebar.php
search.php
page.php
single.php
archive.php
index.php
404.php
Y si queremos que nuestra columna central ocupe el 100% de la página solo
debemos jugar con los anchos de las columnas en las plantillas.
==============================
Agregar Google Fonts en página
==============================
1) Seleccionando las Fuentes a usar desde https://fonts.google.com/
2) Agregar archivo de estilos externo, en paso ejemplo anterior Google nos ha
generado el siguiente código:
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Ubuntu:500,700" rel="stylesheet">
De este código sólo necesitamos la url con sus parámetros, es decir esta url:
https://fonts.googleapis.com/css?family=Roboto:400,700|Ubuntu:500,700
3) Luego en el archivo functions.php de tu theme puedes agregar el siguiente
al final código:
add_action("wp_enqueue_scripts", "dcms_insertar_google_fonts");
function dcms_insertar_google_fonts(){
$url = "https://fonts.googleapis.com/css?family=Roboto:400,700|Ubuntu:500,700";
wp_enqueue_style('google_fonts', $url);
}
4) Modificamos el CSS, ya incluiste el tipo de letra, ahora la puedes usar en
tu sitio, esto a través de CSS. Google también te proporciona las reglas CSS que
puedes usar:
font-family: 'Roboto', sans-serif;
font-family: 'Ubuntu', sans-serif;
Sin embargo para asignar esto a tu theme tienes que incluirlas dentro de una
clase CSS o tag, por ejemplo:
body {
font-family: 'Ubuntu', sans-serif;
}
ó
html * { font-family: 'Ubuntu', sans-serif; }
================================
Agregar font-awesome a la página
================================
Agregar en el archivo functions.php de tu theme puedes lo siguiente al final
código:
add_action( 'wp_enqueue_scripts', 'enqueue_load_fa' );
function enqueue_load_fa() {
wp_enqueue_style( 'load-fa', 'https://pro.fontawesome.com/releases/v5.15.4/css/all.css' );
}
y lo podemos llamar en la plantilla con:
<i class="fab fa-wordpress"></i>
Lista de íconos pro > https://fontawesome.com/v5/search
===========================
Llamada desde los estáticos
===========================
Guardar la font-awesome/ que contiene a css/ y fonts/ en assets/ y luego lo
llamamos en el template, en header.php tal que:
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri().'/assets/font-awesome/css/font-awesome.min.css' ); ?>" />
</head>
================================
Llamar estáticos en la plantilla
================================
Guardar el fichero que se quiere llamar, style.css por ejemplo, en assets/ y
luego lo llamamos en el template, en header.php tal que:
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri().'/assets/style.css' ); ?>" />
</head>
==============================
While de los post en index.php
==============================
La página que contiene la lista de post de index.php está en:
/wp-content/themes/wp-bootstrap-4/template-parts/content.php
=======
Fuentes
=======
-https://es.wikipedia.org/wiki/WordPress
-https://kinsta.com/es/base-de-conocimiento/nombre-host-mysql/
-https://codex.wordpress.org/Creating_a_Search_Page
-https://wpinsideout.com/quitar-barra-lateral-sidebar-wordpress/
==================
Instalar un plugin
==================
1) Instalación desde el repositorio de WordPress
WordPress dispone de un repositorio oficial de plugins donde los desarrolladores
que quieren compartirlo con la comunidad, lo suben y lo ponen a nuestra
disposición, tras pasar por una serie de controles de calidad y seguridad.
Para instalar un plugin en WordPress desde el repositorio, sigue estos sencillos
pasos:
Ve al menú de administración y allí selecciona Plugins > Añadir nuevo
En el buscador, escribe el nombre o palabra clave para buscar el plugin
Da al botón «Instalar ahora». Una vez instalado, en este mismo botón pondrá
«Activar». Haz clic
Después de activar el plugin, deberás comprobar si necesitas realizar algún tipo
de ajuste o, por el contrario el plugin viene ya configurado para que se ejecute
sin necesidades de modificar ningún parámetro.
2) Actualizar plugins del repositorio
Con frecuencia, los desarrolladores actualizarán sus plugins para incluir
mejoras o corregir errores. En este caso bastará con hacer clic sobre el enlace
de "actualizar" que te aparecerá debajo del plugin, en el listado de plugis de
tu instalación de WordPress.
3) Instalar un plugin adquirido en terceros
También cabe la posibilidad de que estés utilizando un plugin con opciones
premium y que lo hayas comprado directamente en la web del desarrollador.
En este caso te habrán proporcionado un fichero comprimido .ZIP
Ahora tendrás que subir ese archivo hasta tu hosting, instalándolo dentro de
WordPress. Esto suena muy complicado pero es tan secillo como seguir estos
pasos:
Plugins > Añadir nuevo
En la parte superior de la pantalla haz clic en el botón "Subir plugin"
Selecciona el archivo en tu disco duro
Pulsa el botón "Instalar ahora"
Una vez que ya lo tengas instalado, en el aviso que te da WordPress confirmando
esa instalación, aparece un enlace debajo que te invita a instalar el plugin que
acabas de instalar. Recuerda que tendrás que activarlo para que ejecute su
función. Pero esto no me funciono a mí porque la prueba la estaba haciendo
desde localhost y le pide a uno los datos del Servidor, Usuario FTP, Contraseña
FTP.
4) Instalar un plugin manualmente
También cabe la posibilidad, si dispones del fichero .ZIP, de instalarlo de
forma totalmente manual
Para hacerlo, sigue estos pasos:
Descomprime el fichero .zip en el disco duro de tu ordenador
busca la carpeta wp-content/plugins
Sube ahí la carpeta completa que has descomprimido antes en tu disco duro.
Cuidado con no subir los archivos sueltos, tienen que ir dentro de una carpeta
que se llamará como el plugin.
Vuelve al backend de WordPress > Plugins > Plugins instalados > activa el plugin
que acabas de subir.
=================================================================
Añadir manualmente campos personalizados a los posts de wordpress
=================================================================
Añadir campos personalizados de WordPress manualmente es más fácil de lo que te
imaginas. Lo difícil es configurar tu tema para que muestre los metadatos que
agregues usando estos campos. Por ahora, vamos a ver el proceso desde el inicio.
Para agregar un campo personalizado a una de tus páginas o posts, tendrás que
abrir el editor de WordPress, como creando una nueva entrada. Una vez allí,
busca la pestaña Opciones de pantalla en la parte superior de la pantalla y haz
clic en ella. Dentro de esta, puedes elegir qué campos de WordPress se mostrarán
por defecto.
Notarás que hay una opción llamada Campos personalizados; esta es la que debes
marcar. Luego de hacerlo, aparecerá un cuadro de Campos personalizados en la
parte inferior de la pantalla.
Agregar un nuevo campo personalizado es fácil. Solo debes crear un nombre para
el campo, y luego agregar un valor correspondiente en el campo a la derecha.
Después de ingresar ambos valores, presiona el botón Añadir un campo
personalizado en la parte inferior del cuadro, esto los guardará y te permitirá
crear más campos personalizados de WordPress (si lo deseas).
Los metadatos que ingreses aquí se guardarán junto con tu post. Sin embargo, aún
no aparecerán cuando alguien mire tu contenido en tu sitio publicado. Para que
esto suceda, debes decirle a tu tema: «Quiero que busques el campo personalizado
que cree y muestres su contenido en esta ubicación».
En este ejmplo, desde la interfaz creamos un campo llamado "Precio"
Ahora hay que editar el código fuente de wordpress para que muestre los valores
que estamos guardando en este nuevo campo.
Notese que se debe hacer la modificación en el tema de wordpress que se esté
utilizando, en este caso es wp-bootstrap-4, por lo que fuí a editar el contenido
de un post cuya while de los postes está en:
wp-content/themes/wp-bootstrap-4/single.php
y cuyo contenido individual está en:
wp-content/themes/wp-bootstrap-4/template-parts/content.php
Es en esta plantilla que agregué:
<h1>Precio: <?php echo get_post_meta($post->ID, 'Precio', true); ?></h1>
Y pude visualizar el valor guardado en la base de datos.
Otro ejemplo, desde la interfaz creamos un campo llamado "Ubicación"
<h1>Ubicación: <?php echo get_post_meta($post->ID, 'Ubicación', true); ?></h1>
Al utilizar el plugin advanced-custom-fields también se muestran los valores
editando wp-content/themes/wp-bootstrap-4/template-parts/content.php de la misma
manera.
=======
Fuentes
=======
-https://www.hostinger.es/tutoriales/campos-personalizados-wordpress/#2-Anadir-manualmente-los-campos-personalizados-de-WordPress-y-editar-el-tema-para-mostrarlos
=============================
Plugin advanced custom fields
=============================
Luego de instalarlo, configurarlo y crear un nuevo campo "precio" por ejemplo
se puede hacer que se vea en la página mediante modificación de código fuente
o mediante un shortcode, es decir, editamos el html de una entrada que contenga
el campo creado, y agregamos la etiqueta
[acf field="precio"]
Guardamos, y listo, debemos visualizar el valor desde la entrada publicada
=======
Fuentes
=======
-https://www.advancedcustomfields.com/resources/displaying-custom-field-values-in-your-theme/
===================
¿Qué es el hosting?
===================
La palabra Hosting es un término anglosajón que traducido al castellano sería
algo así como “Alojamiento, hospedaje“.
Por deducción, el alojamiento de un sitio web, no es otra cosa que el espacio
dentro de un ordenador donde estarán “guardados” los archivos de tu página web.
Imagínate por un momento que tus archivos son un huésped al que tienes que
buscarle una habitación en un hotel, y que esté disponible en cualquier momento,
a cualquier hora.
Para que estos archivos estén disponibles prácticamente siempre y se puedan
consultar en cualquier momento, necesitamos que ese ordenador donde los vamos a
guardar esté en un Centro de Datos, con una serie de medidas de seguridad y
acondicionamiento específico de temperatura, conexión, etc. A este ordenador se
le conoce con el nombre de Servidor.
Por tanto, cuando te hablo de hosting, me estoy refiriendo al espacio que
tendrás que alquilar dentro de un ordenador (que está en un Centro de Datos),
para guardar tus archivos y poder mostrarlos al mundo.
Volvamos al ejemplo del Hotel. Imagina que una empresa se dedica a alquilar
plantas enteras de habitaciones de ese hotel, y a su vez re-alquilan las
habitaciones a un tercero: a tu huésped (tus archivos).
Hay empresas que se dedican a alquilar espacios grandes dentro de un ordenador
ubicado en un Centro de Datos y trocear ese espacio en otros más pequeños y
realquilarlos: es lo que ocurre con algunos proveedores de hosting. A esto se
le llama Servidor Compartido.
=========================================
¿De qué se compone un paquete de hosting?
=========================================
Un paquete de hosting, por norma general, suele estar compuesto, básicamente
por:
-Espacio en disco dentro de un Servidor compartido (en Gb)
-Ancho de Banda o Transferencia de datos mensual (en Gb)
-Cuentas de Email
-Cuentas de FTP
-Panel de Control
Después, dependiendo del proveedor, irá añadiendo a este paquete básico otras
opciones para hacerlo más útil y diferenciarlo así de su competencia.
====================================
Requisitos de hosting para WordPress
====================================
Los requisitos mínimos que debe tener un paquete de hosting para que WordPress
funcione de forma adecuada son:
-PHP versión 7.3 o superior.
-MySQL versión 5.6 o superior O MariaDB versión 10.1 o superior.
-Compatible con HTTPS
=======
Fuentes
=======
-https://wpnovatos.com/mejor-hosting-para-wordpress/
=======================
Editando el widget meta
=======================
Los archivos que nos serviran son:
Desde
/wordpress/wp-includes/default-widgets.php
se llama a
/wordpress/wp-includes/widgets/class-wp-widget-meta.php
Que contiene el código del widget
========================
La función wp_loginout()
========================
La función wp_loginout es la encargada de renderizar en la plantilla un enlace
para iniciar sesión y también para cerrar la sesión, dependiendo si el usuario
se encuentra o no autenticado muestra uno y otro enlace.
Se encuentra en: /wordpress/wp-includes/general-template.php
==========================
Plantilla register y login
==========================
Se encuentran en:
/compra_venta/wordpress/wp-login.php