15 Killer Hacks para WordPress que son extremadamente útiles

¿Alguna vez te has preguntado qué consejos, trucos y hacks de WordPress están usando los sitios más populares de WordPress? En este artículo, compartiremos algunos de los consejos, trucos y trucos más buscados de WordPress que te ayudarán a usar WordPress como un profesional.

Consejos, trucos y hacks de WordPress más buscados

1. Usar una página de inicio personalizada

Por defecto, WordPress muestra tus últimas entradas en la página principal de tu sitio web. Puedes cambiar eso y usar cualquier página como página de inicio de tu sitio.

Primero necesitas crear una nueva página en WordPress, y puedes ponerle un nombre a esta página de inicio. A continuación, tendrá que crear otra página y vamos a llamar a esta página blog, ya que lo utilizará para mostrar sus entradas en el blog.

Ahora ve a Ajustes » Lectura en la página de tu administrador de WordPress y bajo la opción’Front page displays’ y cambia a’A static page’. Después podrás seleccionar las páginas que acabas de crear como tu página de inicio y tu blog.

Página frontal estática

También puede crear una plantilla de página de inicio personalizada para utilizarla en su página de inicio. Simplemente cree un nuevo archivo en su computadora usando un editor de texto plano y añada este código en la parte superior.

1

Guarde este archivo como custom-homepage.php en su escritorio.

A continuación, debe conectarse a su sitio web utilizando un cliente FTP FTP client y vaya a la carpeta /wp-content/themes/your-currentent-theme/. Ahora sube el archivo que creaste antes a tu carpeta de temas.

Vuelve al área de administración de WordPress y edita tu página de inicio. Podrá seleccionar su plantilla de página de inicio personalizada bajo el metabox de atributos de página.

Plantilla de página de inicio personalizada

Para más detalles vea nuestra guía sobre cómo crear una plantilla de página personalizada en WordPress .

Ahora esta página estará completamente vacía y no mostrará nada en absoluto. Puede utilizar etiquetas de plantilla HTML/CSS y WordPress personalizadas para crear su propio diseño de página. También puede utilizar un plugin page builder plugin para crear uno fácilmente usando herramientas de arrastrar y soltar.

2. Instalar Google Analytics en WordPress

Google Analytics es una de las debe tener herramientas para los propietarios de sitios de WordPress . Le permite ver de dónde vienen sus usuarios y qué están haciendo en su sitio web.

La mejor forma de instalar Google Analytics es utilizando el plugin MonsterInsights . Puede insertar el código de Google Analytics en los archivos de temas, pero este código desaparecerá cuando actualice o cambie el tema.

Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo instalar Google Analytics en WordPress .

3. Proteger con contraseña el directorio administrativo de WordPress

WordPress admin directory es donde usted realiza todas las tareas administrativas en su sitio web. Ya está protegido por contraseña, ya que los usuarios deben introducir su nombre de usuario y contraseña antes de poder acceder al área de administración.

Sin embargo, al añadir otra capa de autenticación, puede dificultar el acceso de los hackers a su sitio de WordPress.

A continuación se explica cómo habilitar la protección con contraseña para el directorio de administración de WordPress.

Inicie sesión en el panel de control de cPanel de su cuenta WordPress hosting . En la sección de seguridad, debe hacer clic en el icono’Proteger Directorios con contraseña’.

Directorios protegidos por contraseña

A continuación, se le pedirá que seleccione los directorios que desea proteger. Seleccione la carpeta /wp-admin/ y luego cree un nombre de usuario y una contraseña.

Security settings

Eso es todo. Ahora, cuando intente acceder a su directorio wp-admin, debería ver una caja de autenticación requerida como esta:

Directorio protegido con contraseña

Para un método alternativo e instrucciones más detalladas vea nuestra guía en cómo proteger con contraseña su directorio WordPress admin .

4. Mostrar imágenes en filas y columnas

Mostrar fotos en filas y columnas

Por defecto, cuando añades varias imágenes a un post de WordPress, aparecen una al lado de la otra o una encima de la otra. Esto no se ve muy bien porque sus usuarios tendrán que desplazarse mucho para verlos todos.

Esto se puede resolver mostrando imágenes en miniatura en una cuadrícula. Esto le da a su sitio web un aspecto más compacto y mejora la experiencia del usuario.

Para instrucciones paso a paso completas, vea nuestra guía sobre cómo display WordPress photos in rows and columns .

5. Permitir a los usuarios suscribirse a los comentarios

Comment subscription checkbox

Normalmente cuando los usuarios dejan un comentario en su sitio web, tendrán que visitar manualmente el mismo artículo de nuevo para ver si usted u otros usuarios respondieron a los comentarios.

¿No sería mejor si los usuarios pudieran recibir notificaciones por correo electrónico sobre nuevos comentarios en sus publicaciones? He aquí cómo añadir esta función a su sitio web.

Simplemente instale y active el plugin Subscribe to Comments Reloaded . Tras la activación, debe visitar Configuración » Suscribirse a Comentarios para configurar la configuración del plugin.

Para instrucciones detalladas vea nuestra guía sobre cómo permitir a los usuarios suscribirse a los comentarios en WordPress .

6. Limitar los intentos de inicio de sesión

Locked out login

Por defecto, un usuario de WordPress puede hacer un número ilimitado de intentos para acceder a un sitio de WordPress. Esto permite que cualquiera intente adivinar tu contraseña hasta que lo haga bien.

Para controlar esto, necesita instalar y activar el plugin Login LockDown . Le permite establecer límites en el número de intentos fallidos que un usuario puede realizar para iniciar sesión.

Para obtener instrucciones detalladas de configuración, consulte nuestra guía sobre cómo limitar los intentos de inicio de sesión en WordPress .

7. Mostrar extracto (Publicar resumen) en páginas de inicio y de archivo

Publicar extractos

Usted puede haber notado que todos los blogs populares muestran un resumen del artículo en lugar de un artículo completo en sus páginas de inicio y de archivo. Hace que esas páginas se carguen más rápido, aumenta el número de páginas vistas y evita la duplicación de contenido en todo el sitio web.

Para más información sobre este tema, consulte nuestro artículo en excerpt (summary) vs full posts in WordPress archive pages.

Muchos temas de WordPress gratuitos y premium ya utilizan extractos en páginas de inicio y de archivo. Sin embargo, si su tema no muestra extractos, entonces vea nuestra guía en how to display post excerpts in WordPress themes .

8. Agregar imagen personalizada predeterminada de Gravatar

WordPress usa Gravatar para mostrar fotos de perfil de usuario en WordPress. Si un usuario no tiene un gravatar, entonces WordPress usa una imagen por defecto que se llama «Persona Misteriosa».

Esta imagen gravatar por defecto aparecerá muchas veces en tu área de comentarios de WordPress simplemente porque muchos usuarios no tienen una imagen gravatar asociada a su dirección de correo electrónico.

Puedes reemplazar fácilmente este gravatar predeterminado por tu propia imagen de gravatar predeterminada personalizada.

Primero tendrás que subir la imagen que quieres usar como imagen gravatar predeterminada a tu biblioteca de medios de WordPress.

A continuación, debe copiar la URL del archivo de imagen.

Copy file URL

Ahora necesitas añadir el siguiente código a tu tema functions.php o un archivo add change the default gravatar in WordPress.

9. Adición de CSS personalizado a un tema de WordPress

Como propietario de un sitio de WordPress, a veces puede ser necesario añadir CSS personalizado a su sitio. CSS te permite cambiar la apariencia de cosas en tu sitio de WordPress como colores, márgenes, tamaños de fuente, etc.

La manera más fácil de añadir CSS personalizado a cualquier tema de WordPress es visitando la página Apariencia » Personalizar en su administrador de WordPress. Esto lanzará el personalizador de temas de WordPress, y verá la vista previa de su sitio web en el panel derecho.

Ahora haga clic en el menú’CSS Adicional’ en el panel izquierdo para expandirlo.

CSS adicional en el customizador del tema

Verá un cuadro de texto plano donde puede agregar su CSS personalizado. Tan pronto como añada una regla CSS válida, podrá verla aplicada en el panel de vista previa en vivo de su sitio web.

Código CSS personalizado y vista previa

No olvides hacer clic en el botón «Guardar y publicar» en la parte superior cuando hayas terminado.

Para métodos alternativos e instrucciones más detalladas, consulte nuestra guía para principiantes en cómo agregar CSS personalizado en WordPress .

10. Uso de la herramienta Inspect Element para personalizar WordPress

Añadir CSS personalizado suena genial, pero ¿cómo sabes qué clases de CSS editar? ¿Cómo se depura sin tener que escribir CSS?

Utilizando la herramienta Inspect Element, puede editar código HTML, CSS o JavaScript para cualquier página web y ver los cambios en directo (sólo en su ordenador).

Para un propietario de un sitio web de bricolaje, estas herramientas pueden ayudarle a obtener una vista previa de cómo se vería el diseño de un sitio sin tener que hacer los cambios para todos.

Simplemente apunte y haga clic con el botón derecho del ratón en cualquier elemento de una página, luego seleccione’Inspeccionar’ en el menú de su navegador.

Abrir elementos de inspección o herramientas de desarrollo en su navegador

Esto dividirá la ventana de su navegador y podrá ver el código fuente HTML y CSS de la página.

Paneles HTML y CSS en la herramienta Inspect

Cualquier cambio que haga aquí será inmediatamente visible en la página de arriba. Sin embargo, tenga en cuenta que estos cambios sólo están ocurriendo en su navegador y que usted no está editando la página.

Esto le permite averiguar qué necesita editar y cómo. Después de eso, puede seguir adelante y cambiar sus archivos de tema actuales o el código CSS personalizado.

Para más información sobre este tema, consulte nuestro artículo en bases del elemento Inspect y personalizando WordPress como usuario de bricolaje .

11. Agregar una imagen en miniatura de Facebook

Facebook puede recoger automáticamente una imagen de tus artículos cuando son compartidos por ti o por cualquier otra persona. Por lo general, elige la imagen destacada de un artículo. Sin embargo, a veces puede elegir una imagen aleatoria del artículo que puede no ser adecuada.

Si estás utilizando Yoast SEO plugin , entonces puedes seleccionar una imagen en miniatura de Facebook en Yoast SEO metabox en la pantalla de edición de mensajes.

Seleccionar una imagen en miniatura de Facebook para un artículo en Yoast SEO

También puedes seleccionar una imagen en miniatura de Facebook para tu página principal visitando SEO » Social page.

Configuración de una miniatura de Facebook para la página principal

Si usted no está utilizando Yoast SEO plugin, entonces vea nuestra guía sobre cómo fix Facebook incorrect thumbnail issue in WordPress .

12. Agregar imagen destacada o publicar una miniatura en el canal RSS

WordPress RSS feeds muestra una lista de tus artículos más recientes. Si está mostrando artículos completos en el feed, se mostrarán todas las imágenes del interior. Sin embargo, no incluye la imagen destacada o la miniatura del artículo.

Para corregir esto, puede agregar el siguiente código a su tema functions.php file or a site-specific plugin .

12345678910function rss_post_thumbnail($content) {global $post;if(has_post_thumbnail($post->ID)) {$content = ‘p>’ . get_the_post_thumbnail($post->ID) .get_the_content();}devuelve $content;}add_filter(‘the_excerpt_rss’, ‘rss_post_thumbnail’);add_filter(‘the_content_feed’, ‘rss_post_thumbnail’);

Para obtener más información, consulte nuestro tutorial sobre cómo añadir miniaturas de publicaciones a las fuentes RSS en WordPress .

13. Mostrar extractos en el canal RSS

Por defecto, WordPress muestra tu artículo completo en el feed RSS. Esto permite que los rascadores de contenido obtengan y roben automáticamente sus artículos completos. También evita que los suscriptores de su feed RSS visiten su sitio web.

Para solucionar este problema, diríjase a la página Settings » Reading y desplácese hacia abajo hasta la opción’For each article in a feed, show’. Seleccione el resumen y luego haga clic en el botón de guardar cambios.

14. Usar códigos abreviados dentro de los widgets de texto

Shortcodes le permite añadir fácilmente pequeñas funciones a WordPress posts y páginas ? Sin embargo, no funcionan en el widget de texto.

Para ejecutar códigos abreviados en los widgets de texto de la barra lateral, debe agregar este código al plugin específico de su tema functions.php file or a site-specific plugin .

1add_filter(‘widget_text’, ‘do_shortcode’);

También puede utilizar el plugin Shortcode Widget , que añade un widget de texto habilitado para códigos abreviados a su sitio WordPress.

Para obtener más información, consulte nuestra guía sobre cómo añadir códigos abreviados en los widgets de WordPress sidebar .

15. Agregar imágenes en WordPress Sidebar

WordPress no viene con una forma fácil de subir y mostrar imágenes en la barra lateral (aunque se espera que cambie pronto en una próxima versión). Por el momento, si quieres añadir una imagen, entonces necesitas añadir el código HTML para ella.

Primero, necesitas subir la imagen a tu sitio de WordPress usando el cargador de medios y copiar su URL.

A continuación, vaya a la página Apariencia » Widgets y añada un widget de texto a su barra lateral. Dentro del widget de texto necesitará añadir el HTML en el siguiente formato.

Texto alternativo

Ahora puede guardar la configuración de su widget y previsualizar su sitio web.

Para más detalles vea nuestra guía en how to add an image in WordPress sidebar widget .

16. Agregar contenido a artículos en fuentes RSS

¿Quieres manipular tus feeds RSS de WordPress añadiendo contenido a tus artículos visible sólo para tus suscriptores de feeds RSS?

Añada el siguiente código al archivo functions.php o un archivo site-specific plugin .

12345678función wpbeginner_postrss($content) {if(is_feed()){

ins.adsbygoogle { background: transparent !important; }

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *