Frijoles: un marco de tema de WordPress ligero, gratuito y liviano

Los temas hinchados son aún más comunes hoy en día, muchos desarrolladores de temas que eligen incluir una gran cantidad de funciones y, a veces, complementos adicionales en su tarea. Esto lleva a la hinchazón del tema que puede retrasar su sitio innecesariamente. Ahora, esto no significa que ninguno de estos temas no sea bueno o que no cumplan con su propio propósito, sin embargo, a veces, solo desea un tema simple para hacer el trabajo, ser fácil de personalizar y no contienen configuraciones adicionales innecesarias . . Tal marco temático que se lanzó hace solo dos meses, en agosto de 2015, es el marco temático de Beans; Un marco de WordPress fácil de usar, fácil, bien documentado, gratuito y de código abierto.
Presentación de los frijoles del marco del tema

Beans ha sido creado como un medio para proporcionar a los desarrolladores y usuarios de WordPress la oportunidad de crear sitios web rápidos y fáciles, que pueden ser tan complejos como desee, utilizando el marco frontal UIKIT. Ya sea que sea nuevo en WordPress o en un desarrollador experimentado, Beans le permite crear y cambiar el sitio de WordPress exactamente como necesita. Aunque se ve bastante simple en el front-end, como puede ver en la demostración, toda la magia está debajo del capó.

Una captura de pantalla de la demostración del marco del tema de los frijoles El tema de los frijoles está orientado hacia WordPress; Es gratuito, de código abierto, amigable con complementos y muy bien documentado. También tiene como objetivo tener actualizaciones muy estables, usar las últimas tecnologías en menos, CS3, HTML5 y JQuey, mientras que es muy flexible y extensible.
Más sobre cómo funcionan los frijoles, los frijoles del tema se ven bien en todos los dispositivos debido a la capacidad de respuesta y al uso de imágenes adaptativas. Dimite el contenido correctamente en todos los dispositivos, creando, memorizando en caché y difiere también las imágenes más adecuadas para el dispositivo utilizado. Además, Beans también es amigable con SEO, el mérito más grande para esto es porque es fácil, semánticamente codificado y es rápido. Siempre que pueda publicar contenido de buena calidad, los frijoles se encargarán del resto para mejorar su clasificación de SEO como mencioné anteriormente, Beans está construido con el frente UIKIT. De hecho, los desarrolladores detrás de los frijoles dieron un paso más para hacerlo más eficiente, lo que le permite cargar solo los componentes que necesita en la página. Esto garantiza el mantenimiento fácil de las páginas y la carga lo antes posible. Este aumento de velocidad es amado por todos los motores de búsqueda, así como a todos los usuarios. Cada línea de código utilizada en frijoles se optimiza al máximo y todas las partes del tema se cargan solo cuando es necesario. Además, Beans también tiene los activos combinados en un solo archivo, que se reduce y almacena en caché en la página, si es necesario.

Los frijoles API de la API Beans se componen de varios componentes API, cada uno con su propio propósito específico. Cada componente se carga solo cuando es necesario para evitar el uso innecesario de la memoria. Esto mejora la velocidad de su sitio. El tema del niño inicial El uso de temas infantiles es excelente, ya que le permite hacer cambios en el padre sin ser destructivo, asegurándose de que cualquier cambio que realice no se pierda al actualizar el tema principal. Debido a que Beans en sí ofrece una base muy simplificada para comenzar, los desarrolladores también ofrecen un tema de inicio gratuito. Coloque donde todos los frijoles, captura de pantalla.png es solo una imagen sustituyente que se puede usar en la página de apariencia> temas, style.css contiene los elementos básicos necesarios para grabar el tema del tema, mientras que el estilo. Se agrega menos al compilador UIKIT a través del archivo Functions.php. Puede obtener más información sobre este tema de inicio en la documentación. Otros temas y sitios web para niños que usan frijoles además del tema de inicio, hay algunos más disponibles en este momento. ThingButler actualmente ofrece algunos temas secundarios diferentes para frijoles, al tiempo que ofrece algunos recursos útiles, como este video tutorial sobre cómo iniciar los frijoles y el tema de elección de niños.
Los temas infantiles de ThemeButler’s Beans también pueden navegar a través de algunos sitios web en vivo que actualmente están utilizando el tema Beans; Son Devigner y Gooth. El tema de The Child Devigner también está disponible para descargar desde ThemeButler. Integración con el marco UIKIT Como mencioné anteriormente, el marco de Beans usa el marco UIKIT. Este es un marco frontal fácil y modular para el desarrollo de interfaces web rápidas y potentes. Se compone de una colección de componentes de componentes HTML, CSS y JS que son fáciles de usar, fáciles de personalizar y extensibles. Básico o estilo, todo se hace para su marco. Tiene una amplia variedad de elementos de estilo, desde redes básicas completas hasta cosas más pequeñas, como botones e íconos, todos los cuales pueden tener un gran impacto en la apariencia general de su sitio.
La lista completa de los componentes básicos ofrecidos por UIKIT se puede encontrar aquí en su documentación. ¿Qué tan rápido es? Dado que Beans se considera rápido y fácil, realizamos algunas pruebas rápidas en su sitio demostrativo utilizando GTMetrix y Pingdom para ver cómo funciona y debe decirse que su rendimiento es realmente impresionante. Puede verificar los resultados en las capturas de pantalla a continuación.

Prueba de velocidad de gtmetrix


Prueba de velocidad de pingdom
Usando el marco de los frijoles y los temas de los niños, el uso del marco temático puede ser tan simple o complejo como desee. El proceso de instalación es simple; Simplemente cargue el archivo zip del archivo del tema del tablero y activelo. A continuación, veremos rápidamente cómo es funcionar. Primero la personalización del personalizador, tan pronto como instale y active los frijoles, puede hacer personalizaciones simples para personalizar el tema. Desde aquí puede cambiar la imagen de color y fondo, imagen de encabezado, menús, widgets, etc. También puede seleccionar el aspecto predeterminado para el tema, como se ve a continuación. El mismo aspecto se puede establecer incluso para publicaciones individuales y términos de publicación.

Las áreas de widget incluyen una sección para un menú fuera de canvas. Este menú se usa en una pantalla más pequeña y utiliza un menú que cambia que, cuando se hace clic, desactiva el sitio principal y se desliza en el menú fuera de la canvas en el lado izquierdo de la pantalla.

Cambiar un tema para niños ahora, la mejor manera de hacer algunos cambios más sustanciales es usar un tema infantil, como se mencionó anteriormente. Una vez que el tema del niño en su elección se ha instalado y activado, puede usar los fragmentos de código y la referencia de código que se encuentra en la documentación para realizar cuántos cambios desea. La mayoría de los cambios se realizarán a través del archivo Functions.php del tema, y ​​la API de Beans se realiza aquí. Le permite cambiar la apariencia del tema sin perder los cambios que realizó cuando actualiza el marco básico.
Además, puede agregar clases UIKIT en cualquier lugar de una página, y todos los códigos de marcado HTML tienen ganchos antes y después para poder agregar cualquier bloque cuando sea necesario. El uso de UIKIT también significa que los componentes se cargan en la página, reduciendo el tema hinchado y permitiendo la compilación y el almacenamiento en el caché automático de los activos de la página, lo que conduce a una carga de página más rápida. Una documentación extendida proporcionada para los frijoles es uno de los Lo mejor que he visto. Incluye todo lo que pueda necesitar, ya sea un desarrollador principiante o experimentado, mostrándole exactamente lo que necesita hacer en casi cualquier situación posible. Esta lista extendida de guías y recorridos le permite comprender completamente todos los aspectos del marco, al tiempo que le muestra lo que necesita hacer para implementar los cambios necesarios.
Fragmentos de código y código de referencia Una de las formas en que esto lo hace es a través de las secciones de código y referencia de código de la documentación. Los fragmentos de código proporcionados explican exactamente qué código es necesario para agregar, eliminar y modificar varios elementos de su tema, ya sea que simplemente elimine la etiqueta del título del encabezado o incluso forzue un cierto aspecto.