• Saltar a la navegación principal
  • Saltar al contenido principal

Joel Cantero

Data Scientist

  • ¿Quién soy?
  • Contactar

Tutoriales de diseño web con WordPress (teoría y práctica)

Tutoriales teóricos y prácticos de diseño web con WordPress. Antes de enseñar el qué hacer, siempre explico la razón de por qué se deberían llevar a cabo. Muy explicativos, útiles y fáciles para personalizar tu página web hecha con WordPress. Cómo lo veréis, también hay muchos tutoriales de Genesis, mi framework favorito.

Minificar CSS en WordPress sin plugins

En este tutorial veremos cómo minificar CSS de nuestras hojas de estilo del tema para corregir el mensaje que nos puede aparecer en Google PageSpeed Insights. Más concretamente, esta sugerencia:

Minificar CSS en Google PageSpeed Insights.
Minificar CSS en Google PageSpeed Insights.

Si clickamos en «Mostrar cómo corregirlo» nos recomendará lo siguiente:

Compactar el código CSS puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

¡Pues justamente es lo que vamos a hacer! Compactaremos el código CSS para que ocupe menos, y de esta forma, aceleraremos la velocidad de nuestra página web.

Pero sin el uso de plugins.

La mayoría de tutoriales nos recomiendan bajarnos plugins para que hagan este trabajo para nosotros. Pero cómo ya sabemos, el uso excesivo de plugins puede ralentizar nuestra web. Así que, cómo es una tarea bastante fácil, lo haremos nosotros.

¡Vamos a ello! 

Minificar CSS sin plugins

Primeramente, localizaremos nuestro archivo style.css de nuestro tema. Está localizado en nuestro servidor FTP, en «wp-content/themes/nuestro-tema/style.css».

Antes de modificar nada, lo primero que haremos es hacer una copia de este archivo. Para ello, duplicaremos el archivo y lo renombraremos como «original-style.css» (o cómo queráis).

¿Por qué hacemos una copia de nuestro archivo de estilos?

Cuando comprimamos el archivo, no será tan legible y entendedor para modificar nuestras reglas CSS en un futuro. De este modo, tendremos nuestra versión legible (original-style.css) y la versión que utilizará WordPress para aplicar nuestros estilos, style.css.

Este es el aspecto que tiene normalmente un style.css:

El aspecto de un archivo style.css sin comprimir.
Aspecto de un archivo style.css sin comprimir.

Y en cambio, cuando se comprima tendrá este aspecto ilegible:

Aspecto de un archivo style.css después de minificar CSS.
Aspecto de un archivo style.css después de comprimir.

Cómo podemos apreciar, modificar un archivo CSS comprimido sería un verdadero quebradero de cabeza. Por esta sencilla razón siempre recomiendo mantener el archivo original y realizar las futuras modificaciones para volverlo a comprimir.

Para comprimir el style.css, simplemente seleccionamos todo el código y lo pegamos en el campo «Input CSS» de este comprimidor CSS. A continuación le damos al botón «Minify» y obtendremos nuestro código CSS comprimido en «Minified Output».

Finalmente, copiaremos el código resultante, lo reemplazaremos a lo que había en style.css (no al original-style.css) y guardaremos.

Verificar la compresión CSS en Google PageSpeed Insights

Una vez hemos comprimido nuestro style.css, volveremos a ir a la herramienta de Google PageSpeed e introduciremos nuevamente nuestra página web.

Si todo a funcionado correctamente, veremos que ya no nos sale la sugerencia de optimización de minificar el CSS. Si clickamos a «Mostrar detalles» en «Optimizaciones que ya se aplican», veremos que ya no aparece la sugerencia porqué Google verifica que sí está comprimido.

Google PageSpeed verifica que nuestro style.css ya está comprimido.
Google PageSpeed verifica que nuestro style.css ya está comprimido.

Ya lo veis. Una solución simple para sumar más puntos al resultado de nuestro PageSpeed. 

Cómo siempre, para cualquier duda o sugerencia de nuevo tutorial podéis contactar conmigo siempre que queráis.

Cómo crear un plugin personalizado en WordPress

En este tutorial aprenderemos a cómo crear un plugin personalizado para nuestro WordPress con todas aquellas funciones extras que queremos añadir.

En la mayoría de tutoriales de añadir funcionalidades en tu WordPress, lo que siempre te indican es que lo agregues en el archivo functions.php del tema que tienes activo.

Pero es un error descomunal.

Nunca debemos añadir funcionalidades en functions.php. Si creamos una funcionalidad y lo introducimos en ese archivo, cuando cambiemos de tema, perderemos dicha funcionalidad.

¿Os dais cuenta del peligro que comporta esto? 

Imaginaros que tenemos una página web de un directorio de películas y hemos creado un Custom Post Type de «Película». Esta nueva función la hemos añadido en el archivo de functions.php de nuestro actual tema. Pero en un momento dado, decidimos cambiar de apariencia, es decir, cambiar de tema.

Todas las películas de nuestra página web desaparecerán, ya que esta funcionalidad estaba ligada con el tema de nuestra web.

¿Cuál sería la manera correcta de hacerlo?

Con un plugin personalizado. De esta forma, esta funcionalidad no estará ligada con la apariencia de nuestro tema. Podremos cambiar el tema tantas veces queramos, porque mientras el plugin siga activado, nuestras funciones personalizadas también.

¡Vamos a ello!

Crear tu propio plugin personalizado de funciones

Primeramente iremos a nuestro FTP y crearemos una nueva carpeta en «wp-content/plugins». En mi caso, le he llamado «funciones-personalizadas», podéis llamarlo cómo queráis.

Una vez hemos creado la carpeta, crearemos el archivo «funciones-personalizadas.php». En este caso, tendremos que poner el mismo nombre que la carpeta.

¡Vamos a programar nuestro primer plugin! Modificaremos el archivo e introduciremos el siguiente código:

<?php
/*
Plugin Name: Funciones personalizadas
Plugin URI: https://www.joelcantero.com/
Description: Funciones personalizadas.
Version: 1.0
Author: Joel Cantero
Author URI: https://www.joelcantero.com/
License: GPL
License URI: https://www.gnu.org/
*/

No os asustéis. Vamos a repasar línea a línea lo que hemos escrito:

  • <?php: simplemente indica que el lenguaje del archivo será PHP. Es una línea obligatoria, ya que todos los plugins deben estar escritos en PHP.
  • /*: este símbolo significa que lo que viene a continuación no es código en sí, es un comentario. Aunque los comentarios no aportan nada al plugin, indicaremos una información que es obligatoria para que WordPress lo identifique como plugin. 
  • Plugin Name: este campo es obligatorio. Aquí deberemos introducir el nombre del plugin. En mi caso le he llamado «Funciones personalizadas», como el nombre del archivo que había creado (aunque no debe ser el mismo).

Los campos que vienen a continuación no son obligatorios, se pueden prescindir de ellos.

  • Plugin URI: en este campo indicamos la página web del plugin, en mi caso he introducido mi página web.
  • Description: una pequeña descripción de la funcionalidad del plugin.
  • Version: indicaremos la versión del plugin. Este campo es útil cuando nuestro plugin está en el repositorio de WordPress. Cuando queramos actualizar nuestro plugin con más funcionalidades, deberíamos subir el número de la versión. En nuestro caso es indiferente, le pondremos 1.0.
  • Author: el autor del plugin. Nuestro nombre.
  • Author URI: la página web del autor del plugin. He puesto mi página web otra vez.
  • License: la licencia del plugin. Cómo todo WordPress es GPL, también le he asignado la misma licencia.
  • License URI: la página web de la licencia. GPL pertenece a GNU.
  • */: indica que el comentario acaba en este punto. A partir de la siguiente línea ya podremos empezar a escribir el código de nuestro plugin.

Una vez hemos guardado el archivo y está en el directorio de «wp-content/plugins/», podríamos ir a verlo en nuestro panel de administración. Aparece en «Plugins», «Plugins instalados»:

Nuestro plugin personalizado aparece en el menú de Plugins.
Nuestro plugin personalizado aparece en el menú de Plugins.

¡Magia! ¿A qué hace ilusión ver nuestro plugin que acabamos de crear en el panel de administración?

Si lo activamos, veremos que no hace absolutamente nada en nuestra página web. Tal como está ahora mismo es un plugin absurdo.

¿Qué le podemos añadir?

Añadir funciones personalizadas a nuestro plugin

Action hooks

Son ubicaciones de nuestro WordPress dónde podemos añadir o eliminar acciones. Por ejemplo, en este tutorial enseño cómo eliminar la funcionalidad de comentarios en WordPress, incluso de nuestro panel de administración. Se clasifican en dos funciones:

  • add_action: cómo su nombre indica, añade acciones en ubicaciones concretas.
  • remove_action: elimina una acción ya predefinida de WordPress.

Vamos a verlo con un claro ejemplo. Añadiremos un add_action que imprima la palabra «Hola» en nuestra cabecera de la página web. Lo haremos con este código:

add_action('wp_head', 'jc_hola');
function jc_hola() {
	echo 'Hola';
}

Cómo vemos, hemos creado una función «jc_hola()» que simplemente imprime (con el comando «echo») la palabra «Hola». El add_action simplemente ejecuta nuestra función en la ubicación wp_head, que es el header (la cabecera) de nuestra página web. Este sería el cambio que realizaría:

Action hook en wp_head.
Action hook en wp_head.

Aunque no sea muy espectacular, nos podemos hacer una idea del potencial que tiene para modificar por completo nuestro WordPress.

En la documentación de WordPress están listados todos los action hooks que tenemos a nuestra disposición.

Filter hooks

Este segundo tipo de hook nos permitirá modificar toda la información que muestra nuestro WordPress. A diferencia de los action hooks, no añaden ninguna información, simplemente modifican (filtran) una información existente.

  • Database reads: este tipo de filter hook lee la base de datos y modifican la información antes de mostrarlo por pantalla. Es decir, no modifican la base de datos, simplemente la modifican «on the fly». Por ejemplo, si queremos editar el título de una entrada, podemos utilizar un filtro de database read para que ponga en mayúsculas el título antes de mostrarse por pantalla. 
  • Database writes: en este caso, sí que modifican la base de datos. Antes de introducir alguna información en la base de datos, la modifican. Por ejemplo, podemos crear un filter hook de database write para que cuando un usuario, publica una entrada, modifique el título que haya introducido cómo nosotros queramos.

De la misma manera, podemos consultar todos los filter hooks que nos proporciona WordPress en su documentación.

Custom Post Types

Los CPT deben estar sí o sí en un plugin de funciones personalizadas. Si queremos almacenar un tipo de información en nuestro WordPress (ya sea libros, películas, tutoriales, etc), debería ser totalmente paralelo a la apariencia de nuestro tema.

Resumen y conclusión

Aunque haya múltiples formas de añadir código a nuestro WordPress, mediante un plugin personalizado, sin ningún tipo de duda, es la mejor. Es muy recomendado tener el control de todas las funcionalidades que añadamos y tengamos  modificarlas cuando sea necesario

Como siempre, para cualquier duda o pregunta podéis contactar conmigo y muy amablemente os echaré una mano en todo lo que pueda.

Cómo cambiar la carpeta de medios de WordPress

En estos días, cuando escribí el tutorial 7 cosas a hacer después de instalar WordPress, un usuario me mandó el siguiente mensaje respecto cambiar la carpeta de medios:

Me ha parecido muy interesante tu tutorial de las 7 cosas a hacer después de instalar WordPress.
Mi duda es la siguiente: si la web ya lleva un tiempo funcionando y los contenido ya están subidos con las rutas por defecto tipo «uploads/2018/08», ¿hay alguna forma de reajustar como tú indicas la carpeta de medios pero que sigan funcionando los contenidos que ya están subidos?

La pregunta es muy sencilla: ¿Cómo podemos cambiar la carpeta de medios (uploads) si ya tenemos archivos subidos?

Cómo bien decía el usuario, el tutorial se enfocaba para aquellas instalaciones nuevas de WordPress. No obstante, si ya tenemos archivos subidos nos veremos con un pequeño problema.

Vamos a ello.

Cambiar la carpeta de medios en una instalación ya existente

Cuando editemos el archivo «wp-config.php» de nuestra raíz para añadir esta línea de código:

define( 'UPLOADS', ''.'contenido' );

Veremos que en nuestra biblioteca de medios no veremos absolutamente nada:

Lo que vemos cuando modificamos el wp-config.php en una instalación ya existente.
Lo que vemos cuando modificamos el wp-config.php en una instalación ya existente.

El problema es fácil de entender: WordPress busca las imágenes en el directorio que le hemos especificado (en nuestro caso, /contenido), pero nuestros medios estarán todavía en la carpeta anterior (uploads). Eso sí, los nuevos archivos que subamos sí que aparecerán.

¿Qué podemos hacer para que se vean los archivos antiguos?

Lo solucionaremos con dos pasos. Primeramente, moveremos todos los archivos a la nueva carpeta por FTP.

Mover todos los archivos a la nueva carpeta

¿Cómo lo hacemos?

Sencillo, moveremos todo el contenido de la carpeta al nuevo directorio (/contenido o el que hayáis elegido). De esta manera, WordPress ya será capaz de visualizar todo el contenido.

Biblioteca de la carpeta de medios.
Una vez movido todo el contenido a la nueva carpeta, ya se visualizará correctamente.

En el caso de que no siga visualizándose, no te preocupes, hay que comprobar los permisos de la carpeta contenido. Para ello, volveremos a nuestro FTP y comprobaremos que los permisos de archivo para dicha carpeta es: 755. Sólo es necesario modificar los permisos de archivo de la carpeta, no de los archivos y subdirectorios que contiene.

Al parecer, podríamos pensar que ya está todo listo, pero todavía falta el segundo paso. Ciertamente veremos todos nuestros archivos multimedia en nuestra biblioteca, pero en todas las entradas, páginas las URL estarán todas rotas. 

¿Por qué pasa esto?

Los enlaces tendrán el formato anterior (/uploads/) y como ahora están en un distinto directorio, no las encontrará. Tendremos que cambiarlas una a una. No obstante, podremos automatizar el proceso.

Redirigir todos los enlaces rotos

Tendremos que instalar el plugin «Better Search Replace«, una fabulosa herramienta que nos corregirá todos los enlaces de una sola tirada. Cuando el plugin esté instalado y activado, iremos a «Herramientas», «Better Search Replace» y lo configuraremos de la siguiente manera:

Hay que tener cuidado en poner la configuración exactamente como está.
Hay que tener cuidado en poner la configuración exactamente como está. 

Aquí un pequeño resumen de lo que hay que hacer:

  • En primer lugar, la casilla «Buscar por», habrá que poner el enlace antiguo. Exactamente «/wp-content/uploads» (sin las comillas).
  • En la segunda casilla, se pondrá el nuevo directorio, «/contenido/«.
  • En «Seleccionar tablas», tendremos que seleccionar todas las tablas.
  • Finalmente, en la cuarta, quinta y sexta casilla sólo tendremos que dejar marcada la última opción de ejecutar un simulacro. De esta manera haremos una prueba antes de ejecutar las sustituciones. Más vale prevenir que curar.

Cuando nos aseguremos que están todas las configuraciones correctas, le daremos al botón «Ejecutar búsqueda/sustitución» y nos hará un simulacro:

Resultado del simulacro de Better Search Replace.
Resultado del simulacro de Better Search Replace.

El resultado del simulacro nos indica que ha modificado 85 tablas y que 123 celdas necesitan actualizarse. Si queremos ver más detalles podemos darle a «Haz clic aquí» para ver exactamente qué tablas son. Cómo parece que está todo correcto, desmarcaremos la opción de ejecutar un simulacro y le daremos al botón que aparece más abajo de «Ejecutar búsqueda/sustitución».

Resultado de Better Search Replace.
Ya está. Ha hecho 123 modificaciones en 85 tablas.

¡Y magia! Todo el trabajo engorroso de ir cambiando los enlaces uno por uno nos lo ha hecho de una sola tirada. Ahora sí que nuestras imágenes y archivos deben estar bien enlazados, y nuestra página web no debe de haber ningún error.

Pero recuerda, en el caso de que la instalación de WordPress sea nueva, no hace falta pasar por todo este incordio. Sólo hace falta que repaséis el primer y el segundo punto del tutorial de 7 cosas a hacer después de instalar WordPress. 

¡Pues ya estaría! Podríamos eliminar el plugin ya que no lo necesitaremos más. Como siempre, si tenéis cualquier duda o os habéis estancado en uno de los puntos, podéis contactarme y os responderé en la mayor brevedad posible.

Varios campos en una misma fila con Ninja Forms

Esta mañana he recibido un correo electrónico dónde me preguntaban cómo podía introducir campos en varias columnas con Ninja Forms. Específicamente se refería a cómo tener el mismo diseño que tiene mi formulario de contacto:

Varios campos en una misma fila con Ninja Forms.
Varios campos en una misma fila en mi formulario de contacto.

Al introducir campos en Ninja Forms, por defecto nos aparecerá cada uno en una fila, uno debajo del otro.

Si algunos de nuestros campos son más bien cortos (como el nombre y el correo electrónico), nos interesará colocarlos en una misma fila. Aparte de que se verá mejor, el formulario ocupará menos y se podrá ver entero sin hacer scroll.

Introducir CSS en los campos de Ninja Forms

No tiene ningún secreto lograrlo. Simplemente bastará añadirle unas clases CSS a nuestros campos para conseguir el objetivo.

Para ello, en nuestro panel de administración iremos a «Ninja Forms«, «Escritorio» y editaremos el formulario en cuestión.

Una vez dentro de la configuración del formulario, seleccionaremos un campo y nos iremos a la pestaña «Visualización«.

Establecer CSS a los campos de Ninja Forms.
Establecer CSS a los campos de Ninja Forms.

En el campo «Contenedor«, añadiremos clases CSS. Lo que haremos aquí es darle una clase CSS a los campos del formulario, de forma que cada uno ocupe un medio de la columna.

En el caso de que utilicemos Genesis Framework, ya tendremos a nuestra disposición estas clases de columnas. En el caso de que queramos poner dos filas en una misma línea, tendremos que hacer lo siguiente:

  • En el primer campo, introduciremos las clases one-half y first.
  • En el segundo campo, tan sólo introduciremos la clase one-half.

Cómo su nombre indica, la clase first sólo se tiene que introducir en el campo de la primera columna.

Y no tan sólo podremos dividirlo en dos columnas. También están disponibles las clases one-third, one-fourth, entre otras más.

En el caso de que no utilicemos Genesis Framework, tendremos que implementar nuestras propias clases CSS en style.css. Ya sabremos como aplicarlas en cada uno de los campos de Ninja Forms 

Resumen y conclusión

¡Pues esto es todo! Ya hemos visto que en el caso de que utilicemos Genesis Framework lo tendremos muy fácil. En caso de que utilicemos otro tema de WordPress, puede ser una gran oportunidad para reflexionar a cambiarnos al que yo considero el mejor framework de WordPress.

7 cosas a hacer después de instalar WordPress

Después de instalar WordPress decenas y decenas de veces, uno se da cuenta que hay que hacer 7 cosas después.

En este tutorial explicaré uno por uno los pasos que realizo siempre al empezar un proyecto en WordPress.

1. Definir la carpeta de contenidos

Por defecto, WordPress guarda todos los medios (archivos, imágenes, vídeos, etc) en una carpeta muy fea llamada wp-content/uploads. Aparte de que es una carpeta dentro de una carpeta, es muy fácil identificar que la web está desarrollada con WordPress si encuentran dichas carpetas.

Es recomendable definir por nosotros mismos la carpeta de contenidos debido a que el enlace será mucho más amigable y no daremos tantas pistas de que nuestro sitio web es WordPress.

Para ello, tendremos que añadir una línea de código al archivo wp-config.php. Dicho archivo se encuentra en la raíz de nuestra instalación de WordPress. Esta código se tiene que introducir justamente antes de » require_once(ABSPATH . ‘wp-settings.php’);».

// Definir carpeta de medios a /contenido.
define( 'UPLOADS', ''.'contenido' );

De esta manera, todos los archivos se subirán en la carpeta contenido y aparte de tener los enlaces más cortos, será más vistosos.

El siguiente paso está totalmente relacionado con este.

2. No organizar mis archivos subidos en carpetas

Otra configuración que viene por defecto en WordPress es subir tus archivos organizados en subcarpetas por años y meses.

Si subes una imagen en enero de 2018, el enlace del archivo sería algo así: /2018/01/mi-imagen.jpg

Obviamente es algo que queremos evitar por muchos motivos (el SEO es uno de ellos). Para ello, iremos a nuestro panel de administración, «Ajustes», «Medios».

Desactivar la opción "Organizar mis archivos subidos en carpetas basadas en mes y año".
Desactivar la opción «Organizar mis archivos subidos en carpetas basadas en mes y año».

Simplemente desactivaremos la casilla en cuestión y le daremos a «Guardar cambios».

Con este paso juntamente con el anterior, ya podremos empezar a subir nuestros medios sin ningún problema. Todos se almacenarán en mipaginaweb.com/contenido/.

¿A qué queda muchísimo mejor?

3. Elegir una ciudad en la misma zona horaria

Aunque normalmente por defecto te asigna una zona horaria UTC correcta, nunca te lo asigna con una ciudad en concreto.

Y puede llegar a ser un problema. Cuando sea el cambio de horario de verano, puede que el reloj de WordPress se atrase o retrase una hora.

Por este motivo, lo recomendado es seleccionar la capital de tu país para que siempre vaya acorde con su zona horaria. 

Es tan fácil como ir a «Ajustes», «Generales». Y en zona horaria seleccionamos la capital de tu país, ten en cuenta que están organizados por continentes. Así que primero busca tu continente y a continuación tu capital.

Elige una ciudad en tu misma zona horaria.
Elige una ciudad en tu misma zona horaria.

Y ya que estamos aquí, podemos aprovechar para elegir el formato de hora que más nos guste. Aunque personalmente prefiero la que viene por defecto.

4. Eliminar la entrada, la página, la categoría y el comentario de muestra

Mucha gente no se percata de que WordPress nos deja contenidos de muestra que deben ser eliminados, ya que su única función es enseñarnos cómo se van a mostrar las entradas, las páginas y los comentarios.

En el caso de que no se eliminen, Google lo considerará como contenido duplicado (ya que todas las instalaciones WordPress tienen el mismo contenido de muestra) y nos podría repercutir en el SEO.

Por esta sencilla razón, no nos tenemos que olvidar de eliminarlo en seguida.

  • En «Entradas», «Todas las entradas», eliminaremos el contenido de muestra «Hola Mundo».
  • En la misma pestaña de «Entradas», nos situaremos en «Categorías» para modificar o eliminar la categoría «Sin categoría». Si vais a utilizar un blog, podéis crear una categoría llamada «Blog». WordPress siempre nos obliga a tener una categoría como mínimo.
  • De la misma manera, iremos a «Páginas, «Todas las páginas» y eliminaremos la «Página de muestra». Cómo bien su nombre indica, no sirve para nada.
  • Y para finalizar, iremos a la pestaña «Comentarios» y eliminaremos el único comentario que habrá. Recuerda que tendrás que acceder a «Papelera» y «Borrar permanentemente» para que no haya rastro de él. Si quieres aprender cómo desactivar los comentarios en WordPress, eches un vistazo al tutorial.

5. Eliminar todos los plugins

¿Todos? Sí, todos. Dependiendo del instalador automático de WordPress que hayas utilizado en tu hosting, puede que tengas unos plugins u otros. 

Los que vienen instalados son realmente absurdos.

Los tres más típicos que nos podemos encontrar son estos:

  • Akismet: un plugin para evitar el spam en los comentarios. Los comentarios son inútiles, también lo es este plugin entonces.
  • Jetpack: aunque haya funcionalidades que van realmente bien, en los últimos años se ha convertido en un monstruo que ralentiza mucho nuestro WordPress. Nunca lo he utilizado en ninguno de mis proyectos.
  • Hello Dolly: sin comentarios. Es un plugin de cachondeo que utilizan como muestra.
Desactivar los plugins de WordPress para después borrarlos.
Desactivando todos los plugins para después borrarlos.

Para ello, iremos a nuestro dashboard, «Plugins». Seleccionaremos absolutamente todos y en «Acciones en lote», le daremos primero a «Desactivar». Una vez desactivados ya WordPress nos dejará eliminarlos, los seleccionamos nuevamente y le damos a «Borrar».

6. Ajustar los enlaces permanentes

Un paso muy importante relacionado con el SEO. Por defecto, WordPress ajusta nuestros enlaces permanentes con el día y seguidamente el nombre:

https://www.joelcantero.com/2018/08/21/pagina-ejemplo/

Es una estructura muy fea y que además no le gusta tanto a Google. Y como siempre debemos hacer lo que a Google le encante, tendremos que cambiarlo a la más simple de todas: «Nombre de la entrada».

Establecer los enlaces permanentes con "Nombre de la entrada"
Establecer los enlaces permanentes con «Nombre de la entrada»

De este modo, nuestros enlaces serán mucho más vistosas y será más fácil que Google sepa interpretar nuestros enlaces. Quedará de la siguiente forma:

https://www.joelcantero.com/pagina-ejemplo/

¿Qué sentido tiene que WordPress lo tenga por defecto de otra forma? Yo tampoco lo entiendo 🙂

7. Disuadir los motores de búsqueda, de momento

Quizás es uno de los pasos más importantes a realizar. Cuando estamos desarrollando nuestra página web con WordPress, no nos interesa de que Google empiece a rastrear nuestra web incompleta. 

¿Por qué?

Puede rastrear los contenidos de muestra que tiene WordPress, y cómo hemos dicho antes, puede penalizarnos en SEO por encontrar contenido duplicado.

Además, empezará a rastrear aunque no tengamos los contenidos definitivos de nuestra web. Y esto no nos interesa para nada.

Iremos a «Ajustes», «Lectura» y activaremos la casilla «Disuade a los motores de búsqueda de indexar este sitio». Y le daremos a «Guardar cambios».

Disuadir a los motores de búsquedaDisuadir a los motores de búsqueda
Marcar la casilla «Disuade a los motores de búsqueda de indexar este sitio».

Una vez tengamos nuestra página web lista, iremos a la misma configuración y la desmarcaremos. Así daremos vía libre a Google a que empiece a rastrear nuestra página web. Ahora sí, cómo debería de lucir 🙂

Resumen y conclusión

Cómo hemos visto la mayoría de pasos a seguir es eliminar contenido de muestra que nos lleva WordPress por defecto. Aunque también hemos realizado unos ajustes de configuración que son mucho mejores que los que nos proponen.

¿Podría WordPress en un futuro llevar a cabo estos cambios tan obvios? Pues esperemos que sí.

Si tenéis cualquier duda o pregunta, ya sabéis dónde encontrarme.

Cómo desactivar los comentarios en WordPress

Vamos a reconocerlo: los comentarios en WordPress siempre nos conllevan dolores de cabeza. Comentarios de spam, tener que aprobar o rechazar cada comentario manualmente, moderar posibles discusiones entre usuarios…

Es un engorro.

Actualmente, ya nadie utiliza esta funcionalidad de WordPress. Año tras año ha ido a menos, debido a la popularidad de las redes sociales como Facebook o Twitter, dónde los usuarios han preferido establecer conversaciones en esas herramientas.

Aunque haya plugins muy buenos para evitar que nos entre spam mediante los comentarios, hay una solución mejor: desactivarlos completamente.

¿Cómo lo vamos a hacer?

  • Eliminaremos y deshabilitar los comentarios de nuestras entradas existentes.
  • Desactivaremos la opción de comentarios en los ajustes de WordPress.
  • Prescindiremos de la opción del menú comentarios en nuestro panel de administración.

¡Vamos a ello!

Eliminar y deshabilitar comentarios de las entradas existentes

Para ello, nos iremos en nuestro panel de administración de WordPress y accederemos a «Entradas», «Todas las entradas». Una vez ya visualizamos todas nuestras entradas, las seleccionaremos todas e iremos en «Acciones en lote», «Editar».

Cómo desactivar los comentarios en WordPress
Editar todas las entradas en lote

Las acciones en lote son muy útiles para modificar todas las entradas al mismo tiempo, en vez de ir una por una. En este caso, iremos a la opción de «Comentarios» y seleccionaremos «No permitir».

Dado que ya hemos deshabilitado los comentarios en las entradas que ya teníamos actualmente, también deberíamos eliminar los comentarios ya existentes. Es inútil mantenerlos en la base de datos de WordPress cuando ya no se van a visualizar más.

En este caso, iremos nuevamente al panel de administración e iremos a «Comentarios». De la misma manera, los seleccionaremos todos y le daremos a «Mover a la papelera».

Eliminar todos los comentarios en WordPress
Eliminando todos los comentarios con la acción en lote.

Una vez los hemos borrado, accederemos a la pestaña «Papelera» y llevaremos a cabo el mismo procedimiento, pero en este caso seleccionaremos la opción «Borrar permanentemente».

¡Ya está! Ya no hemos dejado ningún rastro de comentarios en nuestras entradas antiguas. Ahora vamos a configurar WordPress para que las nuevas entradas ya no permitan los comentarios por defecto.

Desactivar los comentarios en los ajustes de WordPress

El siguiente paso será desactivar todas las opciones de comentarios en los ajustes de WordPress.

Iremos a «Ajustes», «Comentarios».

Desactivar todas las casillas de las opciones de "Comentarios".
Desactivar todas las casillas de las opciones de «Comentarios».

Desmarcaremos todas las opciones de este menú, así nos aseguraremos de qué nadie podrá comentar las nuevas entradas. También no estará de más desactivar la visibilidad de los avatares, ya que sin comentarios no será necesario que cargue ningún avatar de usuario.

Eliminar Comentarios del panel de administración de WordPress

El último paso es evidente: ¿Por qué queremos la opción de Comentarios de nuestro panel de administración si ya no habrá más comentarios que gestionar?

Pues nos lo cargamos también.

Simplemente tendremos que añadir una línea de código a nuestro archivo functions.php de nuestro tema, o mejor aún, en un plugin nuestro de funciones personalizadas.

// Eliminar la pestaña de comentarios del menú
function jc_eliminar_menu_comentarios() {
	remove_menu_page('edit-comments.php');
}
add_action('admin_menu', 'jc_eliminar_menu_comentarios');
Eliminar la opción "Comentarios" del dashboard.
Desactivar la opción «Comentarios» del dashboard.

¡Y magia! Nuestra opción de «Comentarios» del dashboard ha desaparecido. ¿A qué queda mucho más limpio todo?

Pero esto no queda aquí. Si nos fijamos en la barra de administración que se ubica en la parte superior de nuestra web, también aparece el icono de los comentarios.

Nos molesta un poco ¿no? Vamos a eliminarlo también:

// Remove comments from admin bar
function jc_remove_comments_admin_bar() {
    global $wp_admin_bar;
    $wp_admin_bar->remove_menu('comments');
}
add_action( 'wp_before_admin_bar_render', 'jc_remove_comments_admin_bar' );

Y si refrescamos nuestra página…

Eliminar la opción de comentarios de la barra de administración.
Eliminar la opción de comentarios de la barra de administración.

Ahora sí que sí. Ni rastro de los comentarios en WordPress.

Menos es más 🙂

Resumen y conclusión

En la mayoría de nuestras páginas web podemos prescindir de la función de «Comentarios» que nos trae WordPress. 

En este sencillo tutorial hemos podido ver como hacer desaparecer y no dejar rastro de los comentarios, ni tan siquiera en el propio dashboard.

Cómo habéis podido averiguar, en mi página web decidí desde el primer momento prescindir de esta función.

Y he vivido muy feliz sin ello.

Ya lo sabéis, si queréis saber más sobre WordPress o tenéis alguna duda al respeto, podéis contactar conmigo cuando queráis.

  • < Anterior
  • Ir a la página 1
  • Páginas intermedias omitidas …
  • Ir a la página 5
  • Ir a la página 6
  • Ir a la página 7

© 2023 · Diseño web por Joel Cantero · Aviso legal · Política de cookies · Política de privacidad

  • Twitter
  • LinkedIn