33mY6PL
¿Quieres aprender algunos trucos sencillos para maximizar la forma en que usas WordPress? Usted ha venido al lugar correcto!
Incluso los bloggers más experimentados de WordPress pueden sorprenderse al saber algunas de las cosas de esta lista. Hablo por experiencia!
Escribo, edito y administro contenido en WordPress todos los días, pero hay un par de elementos en esta lista de los que no tenía ni idea hasta que me puse en contacto con nuestro equipo de desarrolladores internos para compartir sus superduplicados trucos «secretos» de WordPress.
Así que, tanto si eres un blogger experimentado como si sólo estás metiéndote en el mundo de WordPress, aquí tienes 12 consejos y trucos que te ayudarán a mejorar tu experiencia con WordPress.
1. Personalización de las opciones de la pantalla del tablero de instrumentos
¿Alguna vez te has sentido abrumado por la cantidad de información que se muestra al examinar la lista de Páginas o Mensajes en tu tablero de WordPress? Tal vez tenga tantas columnas habilitadas que la tabla está empezando a tener un aspecto parecido a este:
¡Sí, qué desastre!
No sólo es confuso, sino que hace que sea increíblemente desafiante y engorroso realizar tareas básicas. Afortunadamente, esta confusión se remedia fácilmente gracias a WordPress Screen Options:
He aquí nuestra herramienta de opciones de pantalla sagradas.
?Esto, que aparece en casi todas las páginas de su panel de control, le permite elegir exactamente la información que desea ver. Por ejemplo, si quieres un dashboard de Postes muy mínimo, puedes desmarcar todas las columnas para que sólo veas títulos de Postes:
Mucho mejor, ¿eh?
Otra gran cosa acerca de las opciones de pantalla es que son únicas para cada usuario.
Esto significa que cuando personaliza las opciones de pantalla de WordPress, sólo afecta a su cuenta de usuario, lo que significa que no tiene que preocuparse de estropear la configuración preferida del panel de control de otro usuario.
¿Quieres saber más sobre cómo aprovechar al máximo las opciones de la pantalla?
Echa un vistazo a nuestro post, «Crear un espacio de trabajo Zen usando las opciones de la pantalla en WordPress», para ver la imagen completa.
2. Rápida edición en masa directamente desde el panel de control
¿Necesita cambiar el autor de varias entradas de blog? ¿Necesitas añadir la misma categoría o etiqueta a varias entradas del blog? ¿Necesita despublicar rápidamente varias entradas de un blog a la vez?
Podrías revisar cada una de las entradas del blog y cambiarlas manualmente, pero dependiendo de cuántas páginas o entradas necesites ajustar, esto podría llevar años.
Afortunadamente, el panel de control de WordPress tiene una herramienta de acciones masivas que facilita la realización de cambios radicales en sus páginas y publicaciones en un abrir y cerrar de ojos.
Usar esta herramienta de edición masiva es súper fácil. He aquí un breve video de demostración de cómo funciona:
- Seleccione los elementos que desea editar en masa
- Haga clic en el menú desplegable en la parte superior de la página llamado «Acciones masivas»
- Seleccione «Editar» para cambiar detalles como autor, categorías, etiquetas, estado de publicación y más.
- Haga clic en «Actualizar» para aplicar los cambios.
Además de la edición en masa, también puede utilizar la herramienta Acciones en masa para eliminar («Mover a la Papelera») o duplicar («Clonar») varios elementos. ¡Bastante ingenioso!
3. Aprovechamiento de los atajos y autoincrustaciones
Los códigos cortos simplifican el proceso de agregar medios alojados y otros elementos dentro de su contenido. No hay necesidad de lidiar con largas y complicadas cadenas de código! Simplemente coloque una etiqueta de código abreviado entre corchetes y añada los atributos apropiados según sea necesario. Los códigos abreviados que vienen estándar con WordPress incluyen:
Además de los atajos básicos de WordPress anteriores, los desarrolladores de plugins pueden crear sus propios atajos para su uso con el software.
¿Como lo fácil que es usar los atajos?
Entonces le encantará usar autoincrustaciones para cualquier medio/archivo que no esté alojado en su sitio! Los autoincrustaciones llevan la simplicidad de los códigos abreviados un paso más allá al permitirle pegar una URL simple de un sitio compatible con la funcionalidad de autoincrustación de WordPress.
Por ejemplo, supongamos que desea incrustar un vídeo de YouTube en un mensaje. Todo lo que necesita hacer es copiar y pegar la URL directamente en el editor.
Cuando se publica, el mensaje debe mostrar el vídeo como si se hubiera añadido un código de incrustación real. La integración de un vídeo de YouTube es aún más sencilla si se utiliza el editor visual de Gutenberg.
En ese caso, el vídeo se renderizará inmediatamente como un embed reproducible dentro del propio editor – ¡sin necesidad de previsualizar o publicar para verlo! Compruébelo usted mismo:
Actualmente, WordPress soporta la funcionalidad de auto-incrustación de 28 sitios diferentes, incluyendo sitios de video como YouTube, Vimeo, Hulu, y TED, así como plataformas populares de medios sociales como Facebook, Twitter, Instagram, y Reddit.
4. Instalación de un plugin de compresión automática de imágenes
¿Cómo se consigue un equilibrio entre imágenes magníficas y una velocidad de página óptima?
A todos nos encantan las imágenes grandes y hermosas, pero si no has optimizado correctamente las imágenes en tu sitio, no importa lo asombrosas que sean.
La gran mayoría de los usuarios abandonarán su sitio si tarda más de 3 segundos en cargarse, y los archivos de imagen a menudo son los culpables.
Por supuesto, nadie quiere pasar su precioso tiempo redimensionando archivos de imagen grandes antes de subirlos, por lo que le recomendamos encarecidamente que instale un plugin de compresión de imágenes que se encargue automáticamente del trabajo por usted.
El plugin de compresión de imágenes que utilizamos y recomendamos a nuestros clientes es Imagify, que realiza un fantástico trabajo de compresión de tamaños de archivos de imagen sin sacrificar la calidad.
5. Ajustar las dimensiones de la imagen predeterminada para que se adapte mejor a su sitio
Hemos hablado de la importancia de instalar un plugin de compresión de imagen para reducir el peso del archivo de imagen, pero sus esfuerzos de optimización de imagen no deberían detenerse ahí.
Otra acción importante para optimizar las imágenes de su sitio es asegurarse de que la configuración de las dimensiones de la imagen predeterminada se adapte mejor a su diseño y contenido.
Esto se controla a través de una página poco conocida en el tablero llamada Media Settings (ubicada en Settings > Media).

¿Por qué es una buena idea revisar la configuración de los medios?
Bueno, cada vez que subes una imagen, WordPress crea automáticamente múltiples versiones de la misma en diferentes tamaños – Miniatura, Medio y Grande.
Pero a veces esa versión «Grande» puede ser mucho más grande de lo necesario. Después de todo, no tiene sentido tener un tamaño de imagen «Grande» de 2000px si el ancho máximo de su contenido es de ~800px.
El ajuste fino de la configuración de medios garantiza que todas las imágenes que cargue tengan el tamaño adecuado para que se ajusten al diseño de su sitio.
Además, reducir el tamaño de las imágenes de 2000px también le ayuda a ahorrar espacio en el servidor!
6. Simplificando los títulos SEO y las meta descripciones
Si aún no tienes el plugin Yoast, te lo estás perdiendo. Yoast no es sólo el plugin SEO más popular para WordPress.
Es uno de los plugins de WordPress más populares, ¡y punto! Una de las características que ayudó a establecer esta reputación es su editor de previsualización de fragmentos de motores de búsqueda, que hace que sea muy sencillo añadir títulos SEO y descripciones meta a medida que se publica nuevo contenido.
Una vez instalado, el cuadro Yoast SEO aparecerá debajo del editor de texto del cuerpo en sus páginas, mensajes y otros tipos de contenido. Se parecerá a esto:

El plugin le guía sobre la longitud apropiada de su título y meta descripción, y también le permite insertar variables de fragmentos para acelerar aún más el proceso.
La vista previa del fragmento en la parte superior muestra cómo se verá la página o artículo en particular en los resultados de los motores de búsqueda.
Además de asesorarle sobre cómo crear un título sólido de SEO y meta descripción, Yoast proporciona controles adicionales y herramientas de análisis para asegurar que usted está poniendo su mejor pie adelante en el campo de SEO.
7. Ocultar la barra de herramientas de WordPress
Mientras que la barra de herramientas de WordPress que ves en la parte superior de una página mientras estás conectado puede servir como un ancla útil para editar el contenido del sitio, hay momentos en los que podrías querer deshacerte de él.
Tal vez bloquea parcialmente un ítem del menú de navegación superior, o tal vez no quieres tener que desconectarte de WordPress sólo para ver tu sitio sin la barra de herramientas.
Los controles para ocultar y desocultar la barra de herramientas de WordPress se encuentran en el Dashboard en Usuarios > Su perfil.

Es importante tener en cuenta que marcar esta casilla sólo afectará a su cuenta de usuario. Si su sitio tiene otras cuentas de usuario, su barra de herramientas permanecerá a menos que sigan los mismos pasos.
8. Uso correcto de las categorías y etiquetas
Imagínese lo satisfactorio que sería si sus categorías y etiquetas de WordPress estuvieran tan organizadas!
Si te tomas en serio el SEO y la arquitectura de información de tu sitio WordPress, entonces tienes que tomarte en serio la taxonomía.
¿Qué es la taxonomía?
Es simplemente la forma en que las cosas se agrupan lógicamente. Si tienes un sitio de WordPress, la taxonomía de tus entradas de blog está dictada en gran medida por un sistema de categorías y etiquetas.
A menudo hay mucha confusión sobre cómo usar las categorías y las etiquetas, pero el concepto básico es éste:
- Las categorías son los principales temas de alto nivel de su sitio. La mayoría de los puestos deben pertenecer claramente a una sola categoría.
- Las etiquetas se utilizan para agrupaciones lógicas que se aplican a varias categorías.
Generalmente, un mensaje tendrá una sola categoría y una o más etiquetas. ¿Necesita un poco más de educación en este tema? No te pierdas nuestra guía sobre cómo usar las categorías y etiquetas de WordPress.
9. Establecimiento de redirecciones después de cambiar o eliminar URLs
Si cambia o elimina una URL en su sitio, es importante implementar una redirección desde esa URL anterior a una página nueva.
Si no da este paso, los usuarios y los robots de los motores de búsqueda que intentan acceder a una URL que ya no existe se presentarán con un error 404.
No sólo es un error 404 una mala experiencia de usuario para las personas que visitan su sitio, sino que puede perjudicar su posicionamiento en los motores de búsqueda. Redirigir esa vieja URL a una nueva resuelve este problema.
Entonces, ¿cómo se configura una redirección? En realidad es bastante simple! El primer paso es instalar el plugin de redirección.
Una vez que haya instalado el plugin, puede acceder a él en el panel de control de WordPress en Herramientas > Redirección.
Para establecer una nueva redirección, haga clic en «Añadir nuevo» en la parte superior de la página y aparecerá el siguiente formulario:

Todo lo que tiene que hacer es añadir la URL que se está modificando o eliminando en el campo «URL de origen» y, a continuación, añadir la URL a la que desea redirigir en el campo «URL de destino». A continuación, haga clic en «Añadir redirección» y ¡listo!
10. Familiarizarse con los atajos de teclado de WordPress
Bienvenido al maravilloso mundo de los atajos de teclado!
Los atajos de teclado son inestimables si pasas mucho tiempo creando, editando o administrando contenido en un sitio de WordPress.
Mientras que muchos atajos de teclado son bastante universales (como ctrl/command+C para copiar y ctrl/command+P para pegar), hay muchos atajos de teclado específicos de WordPress que le permiten acelerar el formato del contenido en el editor visual o agilizar la moderación de comentarios.
Los atajos de teclado variarán en función de si utilizas Windows/Linux o un Mac. WordPress.org proporciona una lista completa de los atajos de teclado de WordPress y cómo utilizarlos en función de su sistema operativo.
11. Asignar roles de usuario apropiados a WordPress
Si todos los miembros de tu equipo tienen un rol de usuario Administrador en tu sitio WordPress, podrías estar preparándote para el dolor de cabeza en caso de que una de esas cuentas arruine totalmente tu sitio.
¡Hemos visto lo que ha pasado, amigos!
Los hackeos en el sitio causados por malos hábitos de contraseñas y estafas de phishing son los culpables más comunes, aunque a veces resulta ser un trabajo interno accidental por parte de usuarios «con permisos excesivos» que estaban pinchando en plugins, temas u otros ajustes del sitio sin saber lo que estaban haciendo.
Afortunadamente, es súper fácil evitar estas situaciones pegajosas, sin embargo – ¡simplemente asigna los roles y permisos apropiados para cada cuenta de usuario que crees!
WordPress viene estándar con cinco roles de usuario, cada uno con diferentes grados de permisos y habilidades, tratando de averiguar qué roles son los más adecuados para las personas de tu equipo Aquí hay un desglose de los permisos de cada rol:
- Los administradores tienen control total de cada aspecto de un sitio de WordPress. Pueden alterar la configuración del sitio, cambiar temas, añadir o quitar plugins, crear nuevos usuarios y mucho más. Este rol está normalmente reservado para los propietarios y/o desarrolladores del sitio.
- Los editores tienen control total sobre la administración de las áreas de contenido de su sitio, pero no pueden alterar la configuración del sitio, los plugins, los temas ni agregar nuevos usuarios.
- Los autores pueden escribir, editar, publicar y eliminar sus propios mensajes, pero no los de los demás.
- Los colaboradores pueden escribir y editar sus propios mensajes, pero no pueden publicar mensajes ni subir nuevas imágenes al sitio.
- Los suscriptores sólo pueden iniciar sesión en su cuenta, editar su perfil y cambiar sus contraseñas. Este rol se usa con más frecuencia en situaciones en las que se desea que un usuario inicie sesión antes de ver una entrada o añadir un comentario a una entrada.
12. Configuración del formato de zona horaria y fecha/hora en su sitio web
Si estás programando contenido para publicarlo en tu sitio de WordPress, entonces es crítico establecer la zona horaria correcta. De lo contrario, puede programar un mensaje para que se publique a las 9:00 a.m. sólo para que se publique varias horas libres, dependiendo de dónde esté configurado su huso horario. Para acceder a la configuración de la zona horaria, vaya a Ajustes > General y encuentre esta sección:
Justo debajo de la sección de zona horaria, verá una sección adicional para formatear la fecha y la hora. ¿Quiere que la fecha aparezca como «AAAA/MM/DD» en lugar de deletrearla? ¿Prefiere utilizar la hora militar en lugar de la hora AM/PM? Aquí es donde usted controla esas preferencias:
2JKTXih
13. Plugins útiles que debe conocer…
Revertir Plugins o Temas a la Versión Previa (Fácilmente)
Al igual que con cualquier otra actualización del sistema, existe la posibilidad de que un nuevo plugin o actualización de tema pueda arruinar accidentalmente su sitio web. WordPress no nos permite volver a la versión anterior pero puedes instalar este plugin WP-Rollback para obtener esa funcionalidad. Una vez activado, añadirá un enlace «Rollback» en cualquier plugin instalado.
14. Editor de texto SyntaxHighlighter
El editor de modo texto de WordPress es bastante sencillo. Puede hacerlo más fácil para el usuario instalando el editor HTML SyntaxHighlighter, un plugin que agrega colorido a la sintaxis como en un editor de código. Esto hará que la edición sea mucho más fácil, especialmente si utiliza el editor de modo texto con más frecuencia que el editor visual (WYSIWYG).
15. Instalar el plugin con un solo clic
Para más gestión de plugins, puede instalar WP-Core. Este es un plugin que hace que las instalaciones del plugin de WordPress sean más ágiles. También puede crear una colección para juntar varios plugins e instalarlos con un solo clic.
Mostrar tabla de uso de disco
Instale este plugin Disk Usage Sunburst para mostrar una hermosa visualización, similar a DaisyDisk, del uso del espacio en disco de su sitio web. Una utilidad muy útil para añadir a su sitio web.
Agregar Gravatar para el autor del mensaje
Mostrar una imagen de avatar es una forma de ser reconocido en línea. Con Gravatar ser parte del núcleo de WordPress, podemos mostrar fácilmente un avatar dentro de tu tema desde tu cuenta de Gravatar muy fácilmente. Este artículo de ThemeShaper le mostrará cómo hacerlo.
Uso de la página personalizada como página de inicio
WordPress mostrará una lista de mensajes en la página de inicio. Pero, ¿sabías que puedes seleccionar una página específica para mostrar contenido estático y usar otra página para mostrar la lista de mensajes?
Crear y mostrar miniaturas para cada entrada del blog
Este artículo muestra cómo mostrar una imagen destacada en tu mensaje usando la función de miniaturas de mensajes incorporada de WordPress. Es tan fácil hacer esto ahora. No más hackear con viejas formas como TimThumb o hacknig alrededor con el campo personalizado.
Crear y mostrar la imagen de la categoría
Aún así, ahora puede mostrar fácilmente una imagen de categoría a la manera de WordPress. Simplemente use este plugin llamado WP Term Images.
Proteja los mods de CSS para cualquier tema de WordPress
Aprendamos cómo puede agregar un CSS personalizado en su tema sin tener que preocuparse de que sea anulado.
Abrir enlaces en nuevas ventanas por defecto
Puede ser una buena idea abrir todos los enlaces de sitios externos en una nueva ventana, por defecto. Esto permitirá a sus usuarios navegar tanto por su sitio web como por el sitio web externo al mismo tiempo. En otras palabras, los usuarios se quedarán más tiempo en su sitio.
Límite de tamaño de las miniaturas de WordPress
Si alguna vez te frustra que tu autor suba una imagen borrosa o demasiado pequeña, este es el plugin perfecto para ti. Usa este plugin para establecer la altura mínima y con eso deberían estar subiendo.
Comentarios separados de Trackbacks/Pingbacks
WordPress muestra tanto los comentarios como los trackbacks y pingbacks en el orden en que se publican. Vamos a ordenarlas separándolas en una sección diferente.
Creación de un índice de archivo
Aprende a crear una página especial en WordPress que muestre enlaces a todos tus posts anteriores organizados en orden anual o mensual.
Página de inicio de sesión personalizada
Crear una hermosa página de inicio de sesión en WordPress es mucho más fácil con este plugin. Puedes elegir el color, el fondo y su posición. Funciona sin necesidad de codificar.
Publicar texto y recuento de imágenes
Una forma inteligente de contar las imágenes en tu mensaje pero dejando fuera los smileys por defecto de WordPress (que también es técnicamente una imagen), y mostrar el número.
Coloque el contenido sólo en el canal RSS
Coloque contenido adicional en la fuente RSS, pero no en el contenido del sitio web en sí. Puede utilizarlo para colocar, por ejemplo, un aviso de copyright en su contenido.
Agregar pestañas al contenido
Organice su contenido con Tabs usando este plugin. El uso de Tab es la forma perfecta de mostrar más contenido en muy poco o en un espacio limitado.
Barra lateral con contenido dinámico
La barra lateral a menudo es aburrida, ya que se ven igual en todas las páginas. Aprendamos a mostrar diferentes contenidos en la barra lateral.
Resaltador de sintaxis de Google para WordPress
Con este plugin, puede agregar los colores de sintaxis apropiados al bloque de código en el contenido, y permitir a sus usuarios copiar el código fácilmente.
Añadir migas de pan a tu blog de WordPress
La navegación con Breadcrumb es buena tanto para SEO como para sus usuarios. Utilice este plugin para añadir uno en su sitio.
Cómprame una cerveza
Agregue un botón de Paypal a su sitio para que sus usuarios puedan enviar una donación. El plugin hace que sea muy fácil añadir el botón en cualquier lugar de su sitio y cambiar los estilos del botón para que coincida con su gusto.
Detectar el bloqueador de anuncios y mostrar la alternativa
Mostrar un aviso para los usuarios con AdBlocker. Un plugin práctico para optimizar sus ingresos basados en anuncios en su sitio.
Forma alternativa de visualizar las fechas
Formatea la fecha y hora de las publicaciones o comentarios de manera que sea fácil de leer y entender. Por ejemplo, podemos mostrar Ayer o Hace 2 Días en lugar del 17 de agosto de 2019.
Compruebe si hay enlaces rotos
La rotura puede ser irritante. Utilice este plugin para comprobar los enlaces rotos en todos los mensajes de su sitio.
Mostrar miniaturas de publicaciones relacionadas
¿Alguna vez te has preguntado cómo añadir mensajes relacionados justo después del contenido principal? En WordPress, añadir mensajes relacionados junto con la imagen en miniatura es fácil con este plugin.
Contador de descargas de plugins de WordPress
¿Tienes el plugin publicado en el repositorio de WordPress.org? Aquí está el script si quieres mostrar el número de descargas que tiene tu plugin.
Aquí hay más…
Desactivación del editor de altura completa
WordPress 4.0 agregó un sutil cambio de UX en el editor. Si está desplazando o escribiendo un párrafo de longitud, la altura del editor coincidirá con la altura de su pantalla, eliminando las barras de desplazamiento dentro del editor.
Para llegar a algunos paneles como los campos Extracto y Personalizado que residen debajo del editor, debe desplazarse hacia abajo hasta el final del párrafo. Si no lo desea, marque la opción correspondiente en el panel Opciones de pantalla.
Nota: Si está habilitando el editor de bloques también conocido como Gutenberg, este consejo ya no es aplicable porque WordPress ha cambiado toda la interfaz del editor.
Agregar un icono en el menú
Siga este consejo para añadir un icono al lado de los elementos del menú de su sitio web, lo que le dará a su navegación por el menú un mayor atractivo visual.
Instalar el plugin de WordPress a través de Github
¿Encontraste un plugin de WordPress en Github que quieras instalar en tu sitio web? Siga este consejo sobre cómo instalar los plugins cómodamente con sólo unos pocos clics. Ten cuidado con lo que instalas, ya que los plugins no están moderados. Puede haber una posibilidad de que los códigos maliciosos permitan la infiltración de su sitio web.
Y finalmente..
Más allá de este punto hay consejos y trucos avanzados para aquellos que tienen ganas de explorar, y para aquellos que disfrutan ensuciándose las manos con los códigos. Sin embargo, muchos de los siguientes consejos pueden hacer que su sitio web sea inutilizable, por lo que deben llevarse a cabo con más atención y con más precaución.
Archivo de depuración de salida de WordPress
Este fragmento le dirá a WordPress que guarde el error de registro de depuración en un archivo.log en lugar de mostrarlo en el front-end. Un práctico fragmento para habilitar la depuración de WordPress en un sitio en vivo.
1 | define(‘WP_DEBUG’, true); define(‘WP_DEBUG_LOG’, true); define(‘WP_DEBUG_DISPLAY’, false); |
Uso de los módulos Jetpack – Fuera de línea
Ejecute y habilite todos los módulos de Jetpack fuera de línea, incluyendo los módulos que realmente requieren que se conecte a WordPress.com para que funcione; un consejo útil si está desarrollando e integrando módulos de Jetpack a su tema.
Desactivar el auto-ping / auto-seguimiento
Este truco evita que WordPress se convierta en un auto-ping, lo que sucede si se cruzan las páginas o mensajes de su propio sitio web.
1 | function no_self_ping( &$links ) { $home = get_option( ‘home’); foreach ( $links as $l => $link)si ( 0 ==== strpos( $link, $home )) unset($links[$l]); } add_action( ‘pre_ping’, ‘no_self_ping’); |
Otra forma de utilizarlo es instalando el plugin Disabler. Es un plugin que le permite activar o desactivar ciertas funciones de WordPress, incluyendo la desactivación del auto-ping.
Pre-Poblar el contenido
Este consejo es muy útil si desea añadir contenido predeterminado cada vez que cree un nuevo mensaje, página o contenido personalizado; la idea es similar a añadir una firma estándar al crear nuevos mensajes de correo electrónico.
Clase personalizada para correo
El siguiente consejo explora algunas personalizaciones de WordPress Post Class a fondo con post_class. Es útil si quieres ser más específico con respecto a los estilos de tus mensajes.
Cargar una plantilla alternativa
WordPress usa single.php para mostrar el contenido del post. Si desea cambiarlo a, quizás, post.php, este consejo le mostrará cómo anular correctamente las plantillas predeterminadas de WordPress.
Personalizador de temas de WordPress desde Scratch
WordPress 3.4 añade una nueva API llamada Customizer que le permite crear controles para personalizar el tema y ver el resultado en tiempo real. Sin embargo, la API del Personalizador puede estar sobrecargada para algunos, ya que involucra conjuntos de código multidisciplinario que incluyen PHP, JavaScript, Ajax y jQuery.
No obstante, la Fundación Temática ha compilado una guía completa del Personalizador de WordPress. Aprenderá a añadir el menú Personalizar, construir Secciones, Ajustes, Controles de Entrada y Paneles, y aprenderá sus funciones de forma conjunta, tanto de entrada como de salida. Una referencia esencial para los desarrolladores de temas de WordPress.
Usando Vagrant con WordPress
Vagrant es una gran herramienta para crear un entorno virtual, y para ejecutar una prueba de su desarrollo de WordPress para asegurar que los temas y plugins funcionen en diferentes instancias. En este siguiente consejo, Daniel Pataki, te guiará a través de cómo poner en marcha tu sitio WordPress con Vagrant.
Recuperar la URL de Gravatar de WordPress
El WordPress get_avatar() es una función muy útil para obtener el avatar de un usuario; la función recupera la imagen junto con el elemento img. Pero a veces quiero agarrar sólo la URL de la imagen para poder añadir libre y fácilmente clases o ids personalizados a la imagen.
Si tiene esto en mente, agregue el siguiente código en su functions.php:
1 | función get_avatar_img_url() { $user_email = get_the_author_meta( ‘user_email’); $url = ‘http://gravatar.com/avatar/’ . md5( $user_email); $url = add_query_arg( array( ‘s» => 80,), $url ); devuelve esc_url_raw( $url); } |
Luego, en algún lugar de otro archivo – tal vez single.php o page.php – use el siguiente código para mostrar la imagen.
1 | = get_avatar_img_url(); echo <img src=» . $avatar_url . ‘ «>’; |
Aquí hay un artículo más detallado para que lo desglosen por ti.
Eliminar clases del menú
WordPress, por defecto, añade un montón de clases. Aunque esto es bueno para permitir una personalización extensiva, la marcación HTML del menú se ve muy desordenada. Ordénalo y añade sólo la clase que necesites con el fragmento de abajo.
Aplicando SSL en WordPress Multisite
SSL, no sólo protege su sitio web, sino que también mejora su posición en los resultados de búsqueda de Google. En el siguiente consejo, Jenni McKinnon cubre cómo implementar SSL en múltiples sitios de WordPress que pueden emplear múltiples subdominios.
Personalizando el Editor de Contenido de WordPress
Agregar estilos al editor mejorará la experiencia de escritura en el editor de WordPress. Puede combinar los estilos tipográficos del backend con el front-end, lo que le permite ver la versión final (o una versión lo más cercana posible a la final) mientras escribe. Esto reducirá el cambio de ida y vuelta entre el editor y la salida de contenido.
1 | function my_editor_styles() { add_editor_style( ‘editor-style.css’); } add_action( ‘admin_init’, ‘my_editor_styles’); |
Creación de la pantalla de bienvenida del plugin
Si acabas de actualizar WordPress serás redirigido a una pantalla especial, mostrando los detalles de la última versión que acabas de instalar, los colaboradores, las adiciones así como todos los cambios realizados bajo el capó. Este consejo, Crear una pantalla de bienvenida para su plugin de WordPress por Daniel Pataki le guiará a través de cómo construir una pantalla de bienvenida para su propio plugin.
Personalizar el tema de Jetpack Mobile
Jetpack viene con un tema móvil. Es un tema especial que se utiliza cuando el sitio web se ve en dispositivos móviles. Y como cualquier otro tema, podemos personalizarlo. He aquí un cómo hacer por Jeremy, uno de los desarrolladores de Jetpack, sobre cómo personalizar el Tema Móvil de Jetpack. Es una buena alternativa a considerar en lugar de un diseño web sensible.
Agregar imagen destacada a la categoría
¿Quieres añadir una imagen destacada para una categoría y mostrarla en tu tema? Esta característica falta en WordPress, que podría ser útil para los desarrolladores de temas.
Pantalla Oculta «Todos los Ajustes»
Un huevo de Pascua de WordPress, este fragmento de código agregará todos los ajustes en la base de datos de WordPress en una página.
Eliminar notificación de actualización
WordPress, por defecto, muestra notificaciones de actualización a todos los niveles de usuario cuando están conectados al backend. Añada los siguientes códigos para ocultar la notificación de actualización de WordPress, excepto para los usuarios con privilegios de administrador.
Agregar miniatura en la lista de edición de publicaciones/páginas
Este código mostrará las imágenes destacadas que ha asignado para publicar en la columna Publicar. Un truco útil para ver qué mensaje tiene una miniatura y cuál no. Tenga en cuenta que el tema debe ser compatible con la publicación de miniaturas.
Agudización de imágenes
Honestamente, no sabía que podíamos afinar las imágenes en WordPress mientras subíamos la imagen. Así es como se puede, pero tenga en cuenta que sólo funciona para imágenes JPG.
Eliminar información superflua en la cabeza
WordPress añade un montón de cosas en el <head> como la versión de WordPress, RSD Link, y Shortlink, información que no es muy útil. Para eliminar estos bits de información, use esto:
1 | function remove_header_info() { remove_action( ‘wp_head’, ‘rsd_link’); remove_action(‘wp_head’, ‘wlwlwmanifest_link’); remove_action( ‘wp_head’, ‘wp_generator’); remove_action( ‘wp_head, ‘start_post_rel_link’); remove_action( ‘wp_head’, ‘index_rel_link’);remove_action( ‘wp_head’, ‘adjacent_posts_rel_link’); // para WordPress < 3.0 remove_action( ‘wp_head’, ‘adjacent_posts_rel_link_wp_head’); // para WordPress >= 3.0 } add_action( ‘init’, ‘remove_header_info’); |
Elimine cualquiera de las dos acciones de remove_action del fragmento anterior del que desea conservar el archivo.
Inteligente WP_Debug
Lo ideal es que no habilite WP_Debug en un sitio en vivo, ya que expondrá información crítica. Pero si necesitas un truco para hacerlo con seguridad, aquí está:
1 | si ( (($_GET[‘debug’]) && $_GET[‘debug’] == ‘1») { // habilitar la notificación de avisos durante el desarrollo – E_ALL define(‘WP_DEBUG’, true); } elseif ( isset($_GET[‘debug’]) && $_GET[‘debug’] == ‘2’ ) { // debe ser true para que WP_DEBUG_DISPLAY funcione define(‘WP_DEBUG’, true); // forzar la visualización de errores define(‘WP_DEBUG_DISPLAY’, true); } elseif ( isset($_GET[‘debug’]) && $_GET[} == ‘debug’ == ‘3» { // debe ser true para que WP_DEBUG_LOG funcione define(‘WP_DEBUG’, true); // registrar errores a depurar.log in the wp-content directory define(‘WP_DEBUG_LOG’, true); } |
Con el código anterior añadido, puedes habilitar la depuración añadiendo ?debug=2, ?debug=1, ?debug=3 al final de la URL para ver el error que se produce en tu sitio web.
Activar Shortcode In Widget
El siguiente es un código útil si quieres incrustar Youtube o SoundCloud en el área de widgets con un código abreviado.
Fijar editor por defecto (Visual/Text)
Establezca el tipo de editor predeterminado que sus usuarios pueden utilizar. Cambie el editor $ a html o tinymce. Por supuesto, el usuario todavía podría optar por no participar en la opción predeterminada.
Prolongar el auto-logout
WordPress permite que uno permanezca conectado durante 48 horas, más una extensión de 14 días si marcamos la opción «Recordarme» en el inicio de sesión. Sin embargo, si está seguro de que su ordenador no será violado por un segundo o un tercero, puede añadir este código para mantenerse conectado durante un año. Sólo se le pedirá que inicie sesión una vez al año.
Usar siempre la figura
WordPress envolverá la imagen con una etiqueta p. Si eres un purista semántico HTML, puedes añadir este código para forzar a WordPress a envolver la imagen con el elemento de la figura.
Cambiar nombre de función predeterminado
«Administrador», «Autor» y «Suscriptor» son los nombres dados a los usuarios de WordPress a nivel administrativo. Para cambiar estos nombres por defecto a algo que suene más apropiado para su sitio web, agregue el siguiente código, y luego haga el cambio a los nombres que prefiera:
Parametrizaciones de datos adjuntos predeterminadas
Aquí tienes un fragmento que te permite especificar el tamaño predeterminado, la alineación y el enlace para las imágenes que deseas incrustar en el editor.
Tamaño de imagen personalizado en el cargador de medios
add_image_size es la función de WordPress que nos permite recortar y mostrar un tamaño de imagen personalizado. Si desea permitir que los usuarios añadan imágenes dentro de este tamaño personalizado, añada los siguientes códigos para mostrar la opción «tamaño de imagen personalizado» en el cargador de medios de WordPress.
Cargar script sólo si hay un código abreviado particular presente
En un post anterior te hemos mostrado cómo crear un código abreviado personalizado. Si su código abreviado requiere una función JavaScript, siga el camino de The Jedi Master de Silviu-Cristian Burcă (conocido como Scribu) para asegurarse de que sólo carga el JavaScript cuando se aplica el código abreviado.
Menú Descripción
Cuando añada un menú a través de Apariencia > Menú, verá una entrada para añadir «Descripción». Pero no lo encontrarás en ninguna parte del front-end ya que tenemos que personalizar la plantilla de menú por defecto de WordPress para incluir la descripción.
He aquí una manera elegante de hacerlo.
Uso de Dashicons
Ahora puedes usar el icono de fuente de WordPress, Dashicons, para añadir iconos al menú wp-admin. Echa un vistazo a nuestro tutorial sobre cómo empezar a usar Dashicons.
Personalizar el mensaje «Howdy
Sigue nuestro tutorial anterior para cambiar el mensaje sin sentido de WordPress «howdy» que aparece en la barra de administración a algo más personalizado.
Excluir un mensaje del Widget de Jetpack Popular
Jetpack viene con un widget que te permite mostrar los posts y páginas más vistos o populares. Pero a veces tus páginas más populares pueden ser la página de inicio o una página que no quieres incluir en la pila más vista.
Añade el siguiente código para eliminar esa página o mensaje:
1 | function jeherve_remove_post_top_posts( $posts, $post_ids, $count) { foreach ( $posts as $k => $post) { if (‘1215’ == $post[‘post_id’]) {unset( $posts[$k]); } } } devolver $posts; } add_filter(‘jetpack_widget_get_top_posts’, ‘jeherve_remove_post_top_posts;’, 10, 3 ); |
Reemplaza el ID que aparece en el fragmento por el ID del mensaje o página que deseas eliminar.
Truncar el título del puesto
El siguiente fragmento controla la longitud máxima del título. Añada el siguiente fragmento en functions.php. Luego utilice la función customTitle() en la plantilla para dar salida al título en lugar del método WordPress the_title().
1 | función customTitle($límite) { $title = get_the_title($post->ID); if(strlen($title) > $limit) { $title = substr($title, 0, $limit) . …eco $title; } |
Si construye un Tema de WordPress con un diseño de mosaico en el que la altura de los azulejos tiene que ser igual, es posible que desee especificar el límite de la longitud del título. Este fragmento debería ser útil en ese caso.
Eliminar el logotipo de WordPress
WordPress 3.1 añade una barra de administración, que incluye un puñado de enlaces y el logotipo de WordPress. Si vas a entregar sitios web a un cliente y quieres que no tenga marca, aquí está la función para eliminar el logotipo de WordPress.
Código QR con enlace al artículo
Mejore la accesibilidad de su sitio web para dispositivos móviles con códigos QR. Este código le permite mostrar los códigos QR con un enlace que apunta al artículo. Los usuarios móviles con un escáner de código QR pueden obtener el enlace del artículo para una rápida visualización en sus dispositivos móviles.
1 | <http://api.qrserver.com/v1/create-qr-code/?size=500x500ata= DIFUNDE LA PALABRA- |
Eso es todo amigos…. ¡por ahora!
Hay muchas maneras de maximizar y agilizar su experiencia de usuario de WordPress.
¿Nos hemos perdido algún truco que debería estar en la lista? Háganoslo saber en los comentarios!