WPML 5.0 Beta – Una experiencia rediseñada y una traducción automática más inteligente
WPML 5.0 es la mayor actualización que hemos publicado en años.
Una de las decisiones más críticas que toma al crear sitios de WordPress es elegir un tema. Afortunadamente, hay miles de temas excelentes entre los que puede elegir. Hoy nos gustaría hablar sobre el uso de temas de inicio minimalistas, cuándo son una buena opción y por qué.
Temas de inicio todo incluido, especializados y minimalistas
El desarrollo de temas en WordPress evolucionó en varias direcciones, atrayendo a diferentes públicos y necesidades.
Los temas más populares hoy en día son los temas «multipropósito», que en realidad incluyen todo. Avada, Enfold y Divi son grandes ejemplos. Incluyen diferentes «pieles» (skins) de diseño, sus propios maquetadores visuales y un montón de funcionalidades que puede activar y desactivar desde el escritorio de administración.
Algunos sitios requieren una funcionalidad especial que es difícil de lograr con un tema multipropósito. Los sitios web de bienes raíces y directorios son buenos ejemplos. Para estos, hay docenas de temas especializados, que incluyen lo que necesitará para crear los sitios. Estos temas ofrecen una solución a medida para aplicaciones muy específicas.
Y muchos desarrolladores prefieren crearlo ellos mismos y elegir los diversos componentes que usarán para desarrollar el sitio. Para ellos, un tema de inicio minimalista funciona mejor, porque ofrece lo estrictamente necesario sin sobrecargar el sitio con elementos innecesarios.
Si bien hay lugar para cada uno de estos enfoques, voy a hablar sobre los temas minimalistas, cuándo son más útiles y cómo sacarles el máximo provecho.
¿Qué no debería tener un tema de inicio minimalista?
En realidad, es más fácil definir un tema de inicio minimalista por lo que debería evitar.
Creo que lo más importante en un tema minimalista es evitar la dependencia del proveedor (vendor lock-in). Cuando crea su sitio con un tema todo incluido, obtiene todo lo que necesita. Sin embargo, puede resultar como firmar un contrato estricto. Obtiene todo lo que necesita del tema, pero no hay vuelta atrás. Nunca. Si le encanta todo acerca del tema, es genial. Pero cuando se encuentra con problemas, tiene que aceptarlos, porque es prácticamente imposible cambiar de tema.
Un tema de inicio realmente minimalista le ofrecerá lo que necesita (de un tema), pero aun así le permitirá cambiar de tema, en caso de que alguna vez lo necesite. Por supuesto, cambiar el tema requerirá algo de trabajo, pero no será como crear todo el sitio desde cero.
Cambiar un tema en un sitio de producción nunca se hace «por deporte». Nadie cambia de tema simplemente porque esté aburrido. Es posible que necesite cambiar el tema si llega al final de su vida útil, o si demuestra tener problemas de los que no se dio cuenta cuando lo eligió. Es raro, pero cuando desarrolla docenas de sitios para clientes, estoy seguro de que se ha encontrado con esta situación.
¿Qué debería incluir un tema de inicio minimalista?
Entonces, no hay dependencia, pero ¿qué necesita proporcionar el tema de forma indispensable? Bueno, la respuesta a esto en realidad evoluciona. Hoy en día hay un cierto conjunto de requisitos y estoy seguro de que el próximo año habrá otros.
Los temas minimalistas que usamos hoy en día ofrecen:
- Opciones de diseño de página (ancho, rellenos, encuadre de contenido, etc.)
- Encabezado, pie de página y barras laterales personalizables
- Menú(s) personalizable(s)
- Controles tipográficos
En términos de funcionalidad, esto es realmente lo mínimo. Por supuesto, el tema debe ser rápido, estar escrito con código seguro, incluir los metadatos de SEO y ser compatible con los plugins populares.
Dado que estamos hablando de temas minimalistas y de no tener dependencia del proveedor, no debería haber características de creación de sitios en el tema, como maquetadores visuales integrados, formularios de contacto y otras cosas que puede obtener a través de plugins.
Temas de inicio minimalistas que debería conocer
Hay muchos más temas minimalistas excelentes de los que voy a cubrir aquí. Escribiré sobre los temas que los clientes nos han recomendado y que nosotros mismos hemos usado. De esta manera, puedo escribir desde nuestra experiencia en la creación de sitios y evitar el bombo publicitario.
 |
 |
 |
|
|---|---|---|---|
| Hecho para maquetadores visuales | Sí | Sí | Sí |
| Diseño adaptable (responsive) | Sí | Sí | Sí |
| Control de diseño | Bueno | Muy bueno | Bueno |
| Opciones de personalización de encabezado y pie de página | Bueno | Muy bueno | Bueno |
| Opciones de configuración de menú | Básico | Muy bueno | Básico (más opciones llegarán en feb. 2018) |
| Nivel general de personalización (fuentes, colores, visibilidad de elementos, etc.) | Bueno | Excepcional | Bueno |
| Listo para comercio electrónico | Sí | Sí | Sí |
| Demos importables | Sí | Sí | Sí |
| Optimizado para SEO | Sí | Sí | Sí |
| Listo para traducción | Sí | Sí | Sí |
| Soporte RTL | Sí | Sí | Sí |
| Código de microdatos/schema.org integrado | Sí | Sí | Sí |
| Font Awesome | Sí | Sí | Sí |
| Optimizado para velocidad | Sí | Sí | Sí |
| Megamenú integrado | / | Sí | Próximamente |
Ampliación de las características de GeneratePress, OceanWP y Astra
¿Cómo se hace un tema que sea ligero y eficiente, pero que siga ofreciendo una amplia funcionalidad? La respuesta es mediante «complementos». Los complementos dedicados le permiten instalar las características que necesita para diferentes proyectos.
Veamos qué extensiones premium ofrece cada tema y cómo son útiles en la creación de sitios completos.
Complementos premium de GeneratePress
| Extensiones de GeneratePress | Características principales |
|---|---|
| Extensión de tipografía y colores | Control completo sobre las fuentes para cada parte de su sitio: el cuerpo, el encabezado, la navegación y otros. Defina y cambie los colores para (casi) todos los elementos |
| Extensión de WooCommerce | Controle la visualización de diferentes elementos: el carrito en el menú, las migas de pan, la barra lateral, las imágenes de productos, los productos relacionados y más. Modo sin distracciones para la página de finalizar compra. Cambie el aspecto de sus botones, textos, título del producto y otros elementos. |
| Extensión para desactivar elementos y derechos de autor | Puede seleccionar si desea mostrar el encabezado, la navegación principal, la imagen de la entrada, el título y el pie de página, por página. Puede elegir entre siete diseños de página diferentes. Personalice el aviso de derechos de autor del tema. |
| Extensión de secciones, fondos y espaciado | Divida la página en varias secciones y asigne un contenido y diseño diferente a cada una de ellas: característica, titulares, efecto parallax, imagen, contenido simple. Añada fondos a prácticamente cualquier parte de su sitio: encabezado, cuerpo, navegación, barra lateral, widgets y otros. |
| Extensiones de Menus+, navegación secundaria y encabezado de página | Personalice su menú en dispositivos móviles o de escritorio. Muestre fácilmente un menú secundario y elija dónde se muestra: flotante, debajo del encabezado y más. Imágenes de encabezado por página. |
| Extensión de Blog | Elija qué elementos del Blog mostrar: contenido completo o extracto, fecha, autor, categoría y otros. Personalice la etiqueta «Leer más». Personalice las imágenes del blog. Muestre las entradas más recientes más grandes que las antiguas. |
| Extensión de Hooks | Añada su propio código al sitio, sin editar ningún archivo del tema. Seleccione la sección del sitio donde se carga el código. |
Característica adicional: Los complementos premium de GeneratePress le permiten importar y exportar su configuración. Esto le permite ahorrar tiempo en sus otros proyectos que requieren la misma configuración.
Extensiones del núcleo de OceanWP
Hasta ahora, podemos contar un total de 15 extensiones del núcleo de OceanWP (7 son gratuitas y 8 son premium). Pero si lee la última entrada del blog de Nicolas, ¡parece que vienen más en camino!
Veamos a continuación cómo aprovechar al máximo las extensiones.
| Extensión de OceanWP | Características principales |
|---|---|
| Compartir productos y compartir en redes sociales | Con esta extensión puede añadir botones para compartir en redes sociales a la página de su producto individual o a su entrada. |
| Ventana modal | Fácil configuración, reduce los tiempos de carga y simplifica el diseño general. Puede usarla para un formulario, generación de clientes potenciales, alertas y otras notificaciones importantes. |
| Control deslizante de entradas | Puede crear un control deslizante para mostrar sus últimas entradas; esto generará un shortcode que puede usar en cualquier lugar de su sitio. |
| Barra lateral personalizada | Simplemente arrastre y suelte sus widgets en ella. Puede decidir exactamente en qué página la desea. |
| Importación de demos | Hay algunas demos listas para usar disponibles para cada sector: Viajes, Tienda, Yoga, Arquitecto, etc. |
| Ocean Extra | Esto es como un gestor del escritorio o un panel del tema. Puede elegir desactivar o activar cualquier sección en el Personalizador para que cargue más rápido. |
| Portafolio | Hay varias formas efectivas de presentar su trabajo y puede filtrar por autor, categorías y cualquier otra etiqueta. |
| WooPopup | La ventana emergente se muestra cuando hace clic en «añadir al carrito». Tiene control total sobre el radio, además de que puede cambiar los enlaces, los textos y personalizar los mensajes. |
| Encabezado y pie de página fijos | Fije el pie de página en la parte inferior de su pantalla y añádale textos, menús o colores. |
| Widgets de Elementor | Los equipos de OceanWP y Elementor han trabajado juntos para añadir algunos widgets nuevos a Elementor. |
| Llamada a la acción en el pie de página | Es una forma poderosa de añadir información importante sobre su empresa o botones justo antes del pie de página tradicional. |
| Ocean Hooks | Añada su propio código, contenido y shortcodes en todo el sitio, ni siquiera se necesita un tema hijo. |
Complementos premium de Astra
Astra se centra en la simplicidad. Con opciones mínimas, los usuarios obtienen el resultado deseado a través de configuraciones bien categorizadas en el personalizador. Astra Pro es un plugin todo en uno que amplía el tema y añade más características.
| Extensiones de Astra | Características principales |
|---|---|
| Encabezado transparente | Cree encabezados transparentes y haga que su sitio web destaque. |
| Tipografía | Obtenga más control sobre las fuentes y la legibilidad de su sitio web con este módulo. |
| Encabezado fijo | Haga que su encabezado sea fácilmente accesible incluso cuando los usuarios se desplazan hacia abajo. |
| Encabezados de página | Diseñe una atractiva área de título de página con migas de pan, metacampos y otras opciones geniales. |
| Pies de página avanzados | Obtenga más áreas de widgets de pie de página y diseños creativos con el módulo Advanced Footer. |
| Marca blanca | Mantenga la información en el panel de administración de WordPress simple bajo su marca. |
Configurar el sitio con un tema de inicio
Con los tres temas que presenté anteriormente, el proceso de configuración es muy similar:
- Instale el tema
- Vaya al front-end del sitio y haga clic en Personalizar
- Use el Personalizador para configurar la apariencia del sitio
Añadir funcionalidad al sitio con Toolset
Cuando basa su diseño en un tema de inicio minimalista, eso es exactamente lo que obtiene: solo la funcionalidad mínima para mostrar contenido.
Toolset puede ser su solución integral para añadir funcionalidad al sitio. Debido a que Toolset es un conjunto de plugins, funcionan en cualquier tema. Esto significa que aún puede cambiar de tema, sin tener que reconstruir todo el sitio.
Aquí hay algunas cosas que puede añadir con Toolset, sin escribir ningún código:
| Característica de Toolset | Ejemplo |
|---|---|
| Crear sus propios tipos de contenido personalizados para su sitio, como Portafolio, Proyectos, Tours, etc. |  |
| Añadir taxonomías y campos personalizados a esos tipos de contenido personalizados. |  |
| Elegir cómo mostrar esos tipos de contenido personalizados usando los diseños de arrastrar y soltar para crear una plantilla. |  |
| Crear búsquedas personalizadas basadas en sus tipos de contenido personalizados y campos. |  |
| Crear formularios para el envío desde el front-end. |  |
| Mostrar contenido en Google Maps |  |
Integración con Toolset y los beneficios para crear sitios con tipos de contenido personalizados
Astra, GeneratePress y OceanWP son temas listos para tipos de contenido personalizados. Eso significa que puede personalizar sus opciones para cada plantilla que diseñe. Esto incluye plantillas para sus tipos de contenido personalizados y páginas de archivo.
Este vídeo muestra la integración entre Toolset y el tema Astra:
Por ejemplo, puede decidir mostrar la barra lateral en sus páginas normales, pero no para sus tipos de contenido personalizados: Tour o cualquier otro creado con Toolset.
Conclusiones
Los temas minimalistas prometen permitir la creación de sitios ligeros y de alto rendimiento, que se adaptan a las necesidades de cada proyecto por separado.
Cubrimos tres temas que se ajustan muy bien a esta descripción. Todos proporcionan un gran punto de partida y ofrecen complementos que facilitan la personalización. Cada uno de estos temas tiene una excelente versión gratuita en WordPress.org y ofrece complementos de pago.
Cuando necesite crear una funcionalidad personalizada más avanzada, puede hacerlo usando su propio PHP o con los plugins de Toolset y sin programar.
Esperamos que este tutorial le resulte útil. Cuéntenos sobre su experiencia dejando sus comentarios.
