Blog

Ejemplos prácticos de cómo usar Elementos de GeneratePress Premium

Diseños en papel

GeneratePress Premium es el tema cuyas virtudes ya he expuesto con anterioridad, y que uso en este sitio y recomiendo ampliamente ya sea que te interese usar Gutenberg, o Elementor o cualquier otro uso que quieras darle, simple y sencillamente es muy versátil. En este tutorial quiero mostrarte como se usa uno de sus módulos llamado Elementos que tiene la función de gestionar varios aspectos importantes de tu sitio con WordPress que tienen que ver con personalización en general. Vale la pena mencionar que este tutorial es para GeneratePress Premium. Aquellos con un tiempo considerable con GeneratePress Premium sabrán que el módulo Elementos reemplaza a los antiguos módulos GP Hooks y Headers que ya no existen en versiones nuevas.

¿Qué es Elementos?

Elementos es un módulo de GeneratePress Premium que te permite gestionar cuatro cosas:

  • Bloques: te permite crear bloques con condiciones de como y donde mostrarlos.
  • Encabezados (headers): cualquier encabezado que quieras construir, aquí lo puedes definir.
  • Ganchos (hooks): para aumentar la funcionalidad o comportamiento de alguna parte de tu sitio, para poder meter fragmentos de código.
  • Diseño (layout): para tener control fino sobre los templates que afectan a una o más páginas de tu sitio.

Cada uno de ellos tiene propiedades que nos ayudarán a configurarlos y a determinar cuando o como se muestran.

Leer másEjemplos prácticos de cómo usar Elementos de GeneratePress Premium

WordPress básico: estructura de carpetas y archivos

Sobres ordenados por color en un anaquel como analogía de la estructura de archivos y carpetas de WordPress

Conocer la estructura de carpetas y archivos de WordPress es casi algo obligado, pues te ayuda a saber donde están muchos elementos que te harán falta si es que llegas hasta a este nivel, sea para configurar algo o hacer algo manual. WordPress viene de paquete con ciertas carpetas y archivos importantes que necesitas conocer; en el proceso también aprenderás cosas interesantes de como funciona WordPress, y que nunca están de más para salir del paso en ciertas situaciones específicas. Pues bien, empecemos: cuando descargas WordPress de wordpress.org viene en un archivo con formato ZIP o TAR que dentro tiene una estructura más o menos como la que ves en la figura 1.

En esa figura puedes ver una estructura que representa todas las carpetas y archivos de una distribución estándar de WordPress; en este caso, es la más actual al día, la de WordPress 5.6, pero hay que decir que no cambia con mucha frecuencia. En la figura 1 podrás apreciar que algunas carpetas vienen encerradas en un recuadro punteado y con fondo rojo; esas carpetas y archivos son los que juntos forman la distribución que descargas del core de WordPress, es decir, el conjunto de archivos que vienen “de fábrica” y que proveen toda la funcionalidad de nuestro CMS favorito. Ya de entrada te lo adelanto, los archivos del core NO deben ser modificados, pues con cada actualización de dicho core se sobreescriben, con lo cual perderías dichos cambios; como ya hemos visto en otro artículo, WordPress tiene su propia forma de que puedas añadir tus propios cambios sin perderlos.

Leer másWordPress básico: estructura de carpetas y archivos

Un vistazo al futuro de WordPress, la edición completa de sitio

La edición completa de sitio es, a menos que hayas estado bajo una roca, la característica hacia la que está llendo WordPress en la actualidad y en el futuro cercano; es decir, en un futuro ideal podremos editar todo nuestro sitio con nada más que WordPress, sin necesidad de constructores como Elementor o Divi, similares y/o conexos. Podremos echar guante de los bloques que trae WordPress o si queremos instalaremos más colecciones, y con todas estas herramientas construiremos nuestro sitio. Ahora bien, que quede claro desde ya: esto NO está listo (no está listo para nada), ya hablaré de esto al final, pero quiero ser enfático en que no debes usar esto en un sitio de producción. Si eres muy aventurero, te adelanto que quizás puedas usarlo en un sitio muy sencillo, algo como un blog personal – y para ser honesto, es un “quizás” como en “muy poco probable” que tengas éxito.

Todo esto de la edición completa de sitio o “full site editing” aún es un trabajo en progreso, y va iniciando; muchas piezas internas aún se van a mover, y difícilmente lo que hay ahorita sea lo mismo que habrá dentro de unos meses, es decir, es poco o nada confiable usar esto ahora. Estás advertido.

Leer másUn vistazo al futuro de WordPress, la edición completa de sitio

WordPress 5.6 “Simone”: todo lo nuevo (y peligroso)

WordPress 5.6 “Simone” sale el día de hoy y trae un sinfín de novedades, algunas buenas y algunas no tan buenas, y algunas hasta peligrosas terminan resultando; para los curiosos, el nombre de la versión viene de la cantante Nina Simone. Pero antes de iniciar revisando todo lo nuevo y más importante, valga una advertencia que será clave; si tuviste problemas con la actualización de WordPress 5.5 por aquello del JQuery Migrate, aguas con WordPress 5.6 que viene más de lo mismo y hasta recargado en esta versión. Si en aquel entonces cuando la 5.5 no hiciste nada, ahora es momento de hacerlo antes de que pases a WordPress 5.6, o de lo contrario podrías terminar con el sitio roto – de nuevo. No digas que no te lo advertí…ahora si vamos a revisar todo lo nuevo en esta actualización a WordPress 5.6.

Leer másWordPress 5.6 “Simone”: todo lo nuevo (y peligroso)

GeneratePress 3.0 vs Astra: ¿cuál es el tema más rápido?

Seguramente sabes que en este sitio uso y recomiendo el tema GeneratePress por encima de cualquier tema que haya ahí afuera; no sólo es por el enlace de afiliado (que lo tengo por aquí), sino porque verdaderamente creo que es el mejor tema para WordPress, con el balance perfecto de características, velocidad (creo que es el tema más rápido *útil*), usabilidad y accesibilidad que hacen mejor la experiencia de trabajar en WordPress. Habiendo dicho esto, no pude evitar extrañarme cuando ví el post del señor Fernando Tellado (conocido de todos ustedes seguramente) al respecto de que incluso GeneratePress 3.0 carga más lento que Astra, por lo que me di a la tarea de investigar por mi cuenta si GeneratePress es en realidad el tema más rápido para WordPress. Así que lee hasta el final este análisis light y ve mis conclusiones para que te documentes al respecto. Vamos a empezar:

Leer másGeneratePress 3.0 vs Astra: ¿cuál es el tema más rápido?

Como personalizar la página “Mi cuenta” de WooCommerce con Elementor

WooCommerce ya viene de fábrica con un diseño para la página de “Mi cuenta”, es decir, el escritorio al que entran los clientes para revisar todos sus datos como órdenes, direcciones, detalles de tu cuenta y otros más. Sin embargo cuando cambias de tema puede que la página Mi cuenta ya no se vea también o incluso que quede sin formato, y eso por supuesto no se ve nada profesional, ¿verdad? como ustedes saben WooCommerce usa un sistema de templates, pero esto puede ser demasiado complicado para algunos, así que en esta ocasión vamos a personalizar la página “Mi cuenta” con Elementor Pro (aunque hay una posibilidad de hacerlo con la versión gratuita, pero lo discutiremos más adelante), de modo que tengamos algo que luzca más profesional y sin tanto problema, aunque al final necesitemos meternos con algo de código, pero será mínimo.

Leer másComo personalizar la página “Mi cuenta” de WooCommerce con Elementor

Razones para hackear WordPress

“Vamos, hablan de proteger su sitio como si tuvieran información importante que quieran los hackers, a ellos no les importa tu sitio de porquería…”

Escéptico de la seguridad, en un grupo de Facebook

Algo muy parecido decía un comentarista en un grupo de Facebook bastante concurrido, en contestación a la pregunta de alguien de como elegía cada quién blindar su sitio con WordPress. Bien, tengo claro que este sitio no es de seguridad per se pero cuando se trata de WordPress se dicen muchas tonterías de muchos bandos, así que aprovecho para publicar esta nota al respecto. Así que esta persona imagina que los hackers no se fijarán en ti a menos que piensen que tienes la fórmula de la Coca-Cola o tus bitcoins en tu sitio, lo cual no podría estar más equivocado y alejado de la realidad; como algunos sabemos, las razones por las cuales te hackean un sitio muy pocas y contadas veces tiene que ver con lo que almacenas ahí, y si tienen mucho que ver con usar tus recursos como trampolín para algo más.

Leer másRazones para hackear WordPress

Cómo crear un sistema de diseño con Elementor 3

Mapa de rediseño de sitio

Elementor 3 salió no hace mucho (no sin problemas debo decir), y la gran característica que anunciaron es que por fin trae una implementación bastante usable de ajustes globales, es decir, ahora puedes definir una porción considerable de los ajustes de estilo y visuales que usas en tus diseños, de modo que no tengas que estar definiéndolos una y otra vez; si, habían algunas cosas que ayudaban, como por ejemplo definir colores y fuentes cuasi-globales (que se importan muy bien por cierto en Elementor 3), pero a fin de cuentas no había una manera unificada de definir estilos que permearan en todo el sitio. Elementor 3 por primera vez hace posible definir lo que se llama un sistema de diseño, o como yo lo veo, a su hermano menor, una guía de estilo web.

Introducción a los sistemas de diseño

Un sistema de diseño es básicamente un producto de trabajo que ayuda a generar productos coherentes, en nuestro caso, será una serie de guías que nos ayudará a producir sitios que se vean con una identidad consistente. Quizás a muchos que inician les haya pasado que ponen el color, fuente o disposición de elementos que vengan en gana; un sistema de diseño te ayudará a que esto no te pase. Un sistema de diseño está compuesto más o menos de lo siguiente:

Leer másCómo crear un sistema de diseño con Elementor 3

Hazlo con WordPress

Centro de preferencias de privacidad

      Necessary

      Advertising

      Analytics

      Other