Monolit

Review de FoundationPress

FoundationPress es un tema inicial para WordPress basado en el Framework Foundation for Sites 6 de Zurb, que es uno de los frameworks responsivos más avanzados del mundo. Su propósito principal es servir como una caja de herramientas pequeña y útil que contiene lo esencial para construir cualquier diseño de manera eficiente y efectiva.

Requisitos

Para utilizar FoundationPress, necesitarás tener instalado Node.js en tu máquina. Es importante asegurarte de tener instalada una versión que sea compatible, que esté entre v4.x.x y v6.11.x. Si utilizas una versión más reciente de Node.js, podrías encontrar problemas durante la instalación.

FoundationPress utiliza Sass, que es una extensión de CSS que te permite escribir estilos de manera más efectiva y organizada. La compilación de Sass se hace utilizando libsass, que requiere tener GCC instalado en tu máquina. Los usuarios de Windows pueden instalar GCC a través de MinGW, mientras que los usuarios de Mac pueden hacerlo a través de Xcode Command-line Tools.

Si nunca has trabajado con un flujo de trabajo basado en Sass, no te preocupes. FoundationPress ofrece recursos y tutoriales para ayudarte a familiarizarte con esta tecnología.

Inicio rápido

1. Clona el repositorio e instálalo con npm:

$ cd carpeta-de-mi-wordpress/wp-content/themes/
$ git clone https://github.com/olefredrik/FoundationPress.git
$ cd FoundationPress
$ npm install

2. Configuración del archivo YAML de configuración

FoundationPress incluye un archivo de configuración llamado config-default.yml. Este archivo contiene la configuración por defecto y se utiliza como base para configurar tu propio proyecto. Puedes hacer una copia de este archivo y renombrarlo como config.yml para realizar tus propios ajustes de configuración.

El archivo config.yml es ignorado por git, lo que te permite mantener una configuración personalizada sin afectar al repositorio principal. Esto es especialmente útil si tienes diferentes entornos de desarrollo.

El archivo de configuración te permite personalizar aspectos como la dirección URL del servidor de desarrollo local y la activación de Browsersync para una experiencia de desarrollo más fluida y eficiente. Sigue las instrucciones dentro del archivo config-default.yml y realiza los ajustes necesarios para adaptarlo a tus necesidades.

Compilar assets para producción

Una vez que hayas realizado todos los cambios y ajustes necesarios en tu proyecto FoundationPress, estás listo para compilar los assets para producción. La compilación de los assets incluye la minificación del CSS y JS para mejorar el rendimiento y la optimización de tu sitio web.

Para compilar los assets en la carpeta /dist, ejecuta el siguiente comando:

$ npm run build

Este comando generará los archivos minificados en la carpeta /dist de tu proyecto. Estos archivos son los que debes utilizar en tu sitio web en producción. Recuerda que puedes crear una copia de seguridad de los archivos originales en caso de que necesites realizar futuras modificaciones.

Estructura del proyecto

En la carpeta /src se encuentran los archivos de trabajo para todos tus assets. Esta carpeta es donde debes realizar la mayor parte de tus modificaciones y personalizaciones en tu proyecto FoundationPress.

La carpeta /page-templates contiene los templates de página que puedes utilizar en tu sitio web. Estos templates te permiten cambiar el diseño y la estructura de las páginas de tu sitio de forma más flexible y personalizada.

Además, FoundationPress ofrece una serie de carpetas y archivos predefinidos para organizar y gestionar tus assets de manera eficiente. Por ejemplo, la carpeta /assets/css contiene los archivos Sass que definen los estilos y la apariencia de tu sitio web, mientras que la carpeta /assets/js contiene los archivos JavaScript correspondientes.

Es importante tener en cuenta que la carpeta /dist es generada automáticamente cada vez que compilas tus assets utilizando el comando npm run build. Esta carpeta contiene los archivos minificados y listos para ser utilizados en tu sitio web en producción. No debes realizar modificaciones directamente en la carpeta /dist, ya que los cambios se sobrescribirían en la próxima compilación de assets.

Desarrollo local

FoundationPress se puede utilizar con diferentes configuraciones para el desarrollo local de WordPress. Algunas de las configuraciones recomendadas incluyen el uso de MAMP (para macOS), WAMP (para Windows), LAMP (para Linux), Local (para macOS/Windows), VVV (Vagrant Box) y Trellis. Cada una de estas configuraciones proporciona un entorno de desarrollo local para que puedas trabajar en tu proyecto FoundationPress de manera eficiente y segura.

Es importante seleccionar una configuración que se adapte a tus necesidades y a tu entorno de desarrollo. FoundationPress es compatible con todas estas configuraciones y ofrece documentación y recursos adicionales para cada una de ellas. Puedes encontrar más información y guías detalladas en la documentación oficial de FoundationPress.

Recursos adicionales

BeyondPress ofrece una amplia gama de recursos adicionales que pueden ser útiles para el desarrollo y la personalización de tu proyecto FoundationPress. Estos recursos incluyen documentación, tutoriales, kits de interfaz de usuario y mucho más. A continuación, compartimos algunos de estos recursos:

– [Documentation Zurb Foundation Docs WordPress Codex](https://codex.wordpress.org/)

– [Foundation UI Kit for Adobe XD](https://github.com/zurb/foundation-prototype-adobe-xd)

– [Foundation UI Kit for Axure RP](https://github.com/zurb/foundation-prototype-axure)

– [Foundation UI Kit for Photoshop](https://github.com/zurb/foundation-prototype-photoshop)

– [Foundation 6 Shortcodes for Visual Composer](https://github.com/RyanDMeeks/Foundation-6-Shortcodes-For-Visual-Composer)

– [Tutorials FoundationPress for beginners](https://olefredrik.com/foundationpress-for-beginners/)

– [Responsive images in WordPress with Interchange](https://olefredrik.com/responsive-images-in-wordpress-with-interchange/)

– [Learn to use the _settings file to change almost every aspect of a Foundation site](https://olefredrik.com/using-the-settings-file-to-change-every-aspect-of-a-foundation-site/)

– [Other lessons from Zurb University](http://zurb.com/university/)

No dudes en explorar estos recursos para obtener más información y aprovechar al máximo tu proyecto FoundationPress.

Contribución

FoundationPress es un proyecto de código abierto y las contribuciones de la comunidad son altamente apreciadas. Puedes participar en el proyecto de diversas formas, como estrellando el repositorio en GitHub, respondiendo preguntas en los problemas de GitHub, informando cualquier error que encuentres o compartiendo tu experiencia utilizando FoundationPress en tus redes sociales y blogs.

Además, FoundationPress acepta Pull Requests con mejoras y correcciones. Si tienes alguna solución o mejora que deseas compartir, asegúrate de seguir las pautas de contribución y de verificar que todos los controles de construcción de Travis-CI hayan pasado antes de enviar tu Pull Request. Contribuir al proyecto es una excelente manera de ayudar a la comunidad y de mejorar la calidad del tema para todos los usuarios de FoundationPress.

¡Disfruta explorando y construyendo proyectos increíbles con FoundationPress!