Revisión inicial: personalice todo a través de un editor front-end

Anunciado por sus creadores como "el futuro de WordPress", Upfront es una nueva herramienta de creación de sitios web y edición de contenido que fue lanzada a principios de 2015 por WPMU DEV.

Upfront incluye una selección de temas iniciales para su sitio web de WordPress. Una vez que haya hecho una elección, puede comenzar a personalizar casi todos los elementos de su sitio web , todo a través de una interfaz visual, frontal, de arrastrar y soltar.

Upfront también reemplaza las pantallas predeterminadas del editor de páginas y publicaciones de WordPress para llevar la edición en línea de apuntar y hacer clic a WordPress. Entonces, ya sea que desee rediseñar por completo los temas de inicio para crear su propio sitio web personalizado, o si simplemente desea que agregar contenido nuevo a WordPress sea más intuitivo , Upfront podría ser la herramienta que estaba esperando.

Para saber si esta es la mejor herramienta de creación para WordPress, siga leyendo para ver nuestra revisión completa de Upfront. Alternativamente, vaya directamente a la demostración para experimentarlo usted mismo.

Revisión inicial: lo que puede hacer esta herramienta de creación de sitios

Upfront trabaja en la relación del tema padre-hijo. Esto significa que Upfront está instalado en su sitio web de WordPress como el tema principal principal, y luego puede elegir uno de los temas secundarios que se han creado para él.

Estos temas secundarios funcionan como la base de su sitio web. Al momento de escribir, solo hay tres temas secundarios para elegir : Fixer, Scribe y Spirit. Aunque, se agregarán más diseños en el futuro.

Todos se ven bien y funcionarían igual de bien como un tema independiente, sin necesidad de personalización.

Edición frontal de arrastrar y soltar

Una vez que haya elegido un tema secundario o de inicio, puede personalizarlo.

Como se mencionó, todo el trabajo de edición y diseño se lleva a cabo a través de un intuitivo editor visual de arrastrar y soltar. Esto significa que lo que ves es realmente lo que obtienes. No es necesario editar el código subyacente ni cambiar de ventana para obtener una vista previa de su trabajo.

Regiones flotantes, elementos de página ilimitados

Cuando se trata de crear diseños de página personalizados, Upfront utiliza regiones y elementos. Los elementos disponibles (16 en el momento de escribir este artículo) se pueden arrastrar y soltar en las páginas de su sitio web. No solo puede arrastrar y soltar elementos de la página, como imágenes, en su lugar, sino que también puede editar texto en línea .

Esta edición en línea se lleva a cabo simplemente haciendo doble clic en el texto y luego comenzando a escribir. También obtiene acceso a un buen conjunto de controles de formato mientras agrega y edita el texto a través del editor frontal.

Además de poder arrastrar y soltar áreas de texto e imágenes en su lugar, y luego moverlas a través de la interfaz visual, hay muchos otros elementos de página para elegir. En el momento de escribir este artículo, estos elementos de página que se pueden arrastrar incluyen : controles deslizantes, pestañas, acordeones, galerías de imágenes, videos, formularios, botones y mapas. También puede usar el elemento de código para agregar un código personalizado a su diseño.

Además, cualquiera de los widgets que están activos en su sitio web, ya sea de complementos de terceros, del núcleo de WordPress o de opciones personalizadas, puede insertarse en los diseños de su página. Esto realmente le brinda una cantidad casi ilimitada de alcance en cuanto a lo que se puede incluir en los diseños de su sitio web.

Personalización de región completa

Cada una de las regiones que componen su página y los elementos que contienen se pueden personalizar aún más. Esto incluye cambiar el tamaño; posición; tipo de fondo , incluido video, control deslizante, mapa; y otros ajustes de apariencia relacionados con el tipo de región que se está editando. Al hacer clic en el icono de edición, se muestra un panel sensible al contexto, a través del cual puede realizar sus cambios.

Todos los cambios se aplican en tiempo real . No hay necesidad de actualizar su página, gracias al efecto de vista previa en vivo de este editor frontal.

A medida que arrastra y mueve las regiones alrededor de la página, notará que flotan, en lugar de estar fijas en una cuadrícula. Esto significa que puede crear algunos diseños de flujo verdaderamente libre, en lugar de estar limitado por límites arbitrarios.

Sin embargo, para los impulsores de píxeles, Upfront incluye una cuadrícula visual opcional y práctica para ayudarlo a alinear los elementos de su página con mayor precisión.

Edición de páginas y publicaciones personalizadas en el front-end

Con Upfront, cada publicación y página de su sitio web puede tener su propio diseño y disposición personalizados . Todo lo cual se puede construir a través de la interfaz visual, frontal, de arrastrar y soltar.

Al eliminar la necesidad de crear publicaciones en el back-end de su sitio, luego alternar entre la vista previa del front-end y el editor central, para obtener el aspecto correcto, Upfront ya ha resuelto un área importante que frenaba a WordPress . Gracias a las opciones adicionales de personalización y contenido, como los widgets y los elementos, también se ha abierto un nuevo campo de posibilidades.

Si bien puede personalizar las áreas globales de encabezado y pie de página que se utilizan en todo el sitio, también puede personalizar esas áreas en una publicación y página individuales para una apariencia más personalizada para una sola página.

Otras características notables de Upfront incluyen un diseño totalmente receptivo para el creciente ejército de usuarios móviles que acceden a sitios web a través de sus teléfonos inteligentes y tabletas. Como era de esperar del equipo WPMU DEV, este tema está totalmente preparado para múltiples sitios.

Los tipos de publicaciones personalizadas también son compatibles y se pueden editar de la misma manera que el tipo de publicación de blog normal. También hay un recorrido útil, pero breve, para ayudarlo a comenzar cuando inicia la interfaz del personalizador por primera vez.

La característica clave de Upfront es que todo el trabajo y la edición de contenido se lleva a cabo a través del editor front-end. Esto es lo que los desarrolladores del proyecto esperan que lo diferencie de la competencia. Si bien algunos otros creadores de páginas de WordPress ofrecen un editor frontal para personalizar su sitio web, Upfront parece ser el único en el que toda la acción se lleva a cabo a través de la interfaz visual frontal, incluida la creación de contenido de publicación de blog.

Revisión inicial: la experiencia del usuario

Después de cargar Upfront en su sitio web y elegir uno de los temas secundarios iniciales para él, puede comenzar a trabajar en su sitio web .

Al hacer clic en el botón 'Personalizar tema usando Upfront' en la vista frontal de su sitio web, se inicia la interfaz de edición.

Hacer el recorrido opcional lo guía a través de las características principales del complemento. Alternativamente, puede saltar directamente y comenzar. Como los temas de inicio se completan con todas las funciones de un tema moderno de WordPress, puede comenzar inspeccionando y personalizando los elementos existentes.

Cambiar las imágenes por las suyas es tan fácil como hacer clic en ellas y luego arrastrar y soltar la nueva imagen en su biblioteca de medios. Sin embargo, puede eliminar todo el contenido preexistente que desee . Esto le permite ser realmente creativo con Upfront.

Cuando se trata de agregar los elementos disponibles en el diseño de su página, realmente es solo un caso de arrastrarlos y soltarlos en cualquier parte de la página. Una vez agregado a la página, cada elemento se puede personalizar a su manera. Por ejemplo, el elemento de publicaciones se puede modificar para mostrar publicaciones únicas o listas de publicaciones en su diseño.

Esto es excelente para crear una página de archivo de publicaciones personalizada o resaltar sus mejores publicaciones en la página de inicio de su sitio web. La configuración del elemento de publicación le brinda mucha flexibilidad sobre cómo se muestra ese contenido. Esto cubre no solo qué publicaciones mostrar, sino también qué partes de las publicaciones incluir. Esto cubre: la fecha de publicación, el número de comentarios, la imagen destacada y mucho más.

Además de usar Upfront para diseñar y personalizar la página de inicio de su tema de inicio, también se usa cuando se trabaja en publicaciones y páginas . Esto es genial ya que crea una interfaz perfecta y consistente para diseñar el sitio web y crear contenido.

Para cambiar a la vista de publicación y página, simplemente haga clic en el enlace Publicaciones / Página y luego seleccione qué contenido existente desea editar o cree un nuevo elemento.

La publicación elegida se abre en el editor de Upfront . Esto le permite simplemente agregarle contenido o revisar su diseño. Reemplazar el torpe sistema de edición de publicaciones de WordPress de tener que cambiar de ventana para obtener una vista previa de su trabajo ofrece una actualización inmediata del software principal.

La mayor parte de lo que puede hacer a través de la pantalla de edición de publicaciones predeterminada de WordPress, como agregar una imagen destacada, editar el título de la publicación y agregar el contenido de la publicación, se puede hacer a través de la interfaz visual de Upfront.

Si desea realizar cambios en la tipografía de su sitio web , Upfront le brinda una manera fácil de hacerlo. A través del panel de configuración del tema, puede elegir un elemento de tipo, como Título 2, y luego editar la fuente utilizada. Esto luego se aplica globalmente, en todo su sitio.

Todavía puede personalizar la apariencia del texto en elementos individuales. Sin embargo, al usar la configuración del tema, puede aplicar rápidamente los cambios a todo su sitio . Lo mismo se aplica a los colores del sitio, aunque la interfaz no deja claro a qué elemento de su sitio web se aplica cada una de las configuraciones de color.

Para realizar cambios rápidos en la apariencia y el contenido de los temas iniciales, Upfront es muy fácil de aprender. Sin embargo, cuando se trata de hacer personalizaciones de mayor alcance, o de crear sus propios diseños de página desde cero, requerirá una mayor inversión de tiempo para poder manejarlo.

Esto es bastante razonable. Sobre todo teniendo en cuenta el alcance y la funcionalidad de esta herramienta. Al igual que otros temas de WordPress y complementos de este tipo, cuanto más le pongas, más obtendrás a largo plazo.

Precios

Upfront puede ser tuyo uniéndote al club de membresía WPMU DEV. Esto le da acceso a Upfront, así como a más de 350 complementos y otros temas. Las tarifas de membresía comienzan desde $ 24.50 por mes en el plan anual y suben hasta $ 99 en la opción de pago mensual.

Después de registrarse, y mientras sea miembro, tendrá acceso al foro de soporte 24/7 y a las sesiones diarias de chat en vivo. Para obtener las opciones de precios completas de Upfront, visite el sitio web de WPMU DEV.

Conclusión

WPMU DEV estuvo callado por un tiempo cuando se trataba de lanzar nuevos temas de WordPress. Con el lanzamiento de Upfront, es fácil ver por qué. Con más de dos años de desarrollo y "más de un millón de dólares gastados", Upfront es sin duda un proyecto importante para el equipo DEV de WPMU, y quizás para WordPress.

En el anuncio de Upfront, sus creadores hacen un interesante apunte sobre la competencia de esta herramienta y de WordPress en general . Si bien los servicios como Squarespace, Wix y Weebly actualmente ofrecen menos oportunidades de desarrollo y personalización a medida y expansión que WordPress, ofrecen una interfaz más fácil de usar para publicar contenido y hacer que su sitio web se vea como usted desea.

Upfront tiene como objetivo llevar este tipo de interfaz de personalización a WordPress. En general, hace un trabajo bastante bueno. Si desea que WordPress sea más fácil de usar, ya sea para usted, sus clientes o aquellos a quienes recomienda este software, Upfront es una opción disponible para usted.

Elegir Upfront implica vincularse a una solución de terceros; y si bien sería bueno que WordPress pudiera ofrecer este tipo de experiencia de edición, ya sea como parte del núcleo o mediante un complemento 'oficial', por el momento está Upfront.

Si bien los codificadores y desarrolladores que pueden diseñar sus propios temas o personalizar productos listos para usar no tendrán mucha necesidad de Upfront, cualquier otra persona que alguna vez haya querido crear sus propios diseños y diseños de página personalizados definitivamente debería tomar la demostración en línea de Upfront. para una prueba de manejo.

Todavía es pronto para Upfront , pero ha tenido un buen comienzo. A medida que aparecen más temas de inicio en línea y se introducen elementos adicionales, este editor fácil de usar realmente debería tener su propio valor.

Obtenga más información sobre Upfront o pruebe la demostración ahora

Descargo de responsabilidad: escribo publicaciones para el blog WPMU DEV, los creadores de Upfront, de forma independiente; sin embargo, las opiniones en este artículo son todas mías y no están influenciadas por esta relación en absoluto.