La gente genial que construye WordPress siempre está trabajando en nuevas características. Estas características futuras se empaquetan primero como complementos para que puedan desarrollarlas fuera del núcleo de WordPress. Una de las características interesantes en el horizonte para WordPress es el Editor Front-end.
Para darle una idea de lo que está por venir, en este artículo pruebo el editor frontal. Creé páginas y publicaciones tanto en WordPress 4.1 como en 4.0.1. Mostraré algunos de los problemas que tuve, lo que me gusta y lo que me gustaría ver agregado.
Primero, respondamos la pregunta: ¿por qué necesitamos el editor frontal en primer lugar? Esa pregunta se responde mejor mirando el editor visual actual.
El método actual para crear una publicación o una página es seleccionar Nuevo en la parte superior de la pantalla y luego elegir Publicación o Página. Esto lo lleva al editor visual donde puede crear el contenido de su corazón.
Hay algunos problemas con esto. Para uno tienes que salir de tu pantalla actual y cargar otra pantalla. Por otro lado, el editor visual no se parece a su sitio web. El contenido dentro del editor visual puede considerarse WYSIWYG (lo que ves es lo que obtienes), pero aún no puedes ver cómo se verá realmente en tu sitio web, dentro del marco de tu tema.
Para ver cómo se verá realmente, debe presionar Vista previa, que abre otra página donde puede ver cómo se ve en su sitio real. Luego, debe realizar los ajustes a ciegas en el back-end y luego obtener una vista previa nuevamente hasta que se vea como lo desea.
Nada de esto es difícil de hacer, pero puede llevar mucho tiempo. Si tiene que hacer esto mucho, puede llevar mucho tiempo. Sin embargo, la gente de WordPress está trabajando arduamente para encontrar una solución a esto: el editor front-end.
Editor frontal de WordPress
El editor de front-end le permite crear sus páginas desde el front-end de su sitio. Ya no tiene que navegar hasta el back-end, crear una página que no está seguro de cómo se verá en su sitio, obtener una vista previa antes de publicar y luego publicar. Ahora puede crear la página directamente en el frente de su sitio para que vea exactamente cómo se ve en su sitio a medida que avanza.
Después de la instalación, no hay instrucciones sobre cómo usarlo. Además, mi pantalla no mostraba las características que aparecen en la imagen de la pantalla de descarga. Aquí hay un vistazo a cómo lo usé y lo que encontré.
Tomando el editor front-end de WordPress para una prueba de manejo
Instalé el complemento en un sitio de prueba con WordPress 4.1 y Divi , y WordPress 4.0.1 con varios otros temas.
Crear una nueva página
Normalmente, hacer clic en Nuevo lo llevará al editor visual. El editor de front-end lo deja en la página de inicio y le brinda campos para el título y el contenido, para que pueda crear la página en el front-end en lugar de en el back-end. Acabo de escribir un título para la página donde dice Título.
Debajo del título te mostrará el enlace permanente. Puedo hacer clic en él si quiero y hacer cualquier cambio directamente en la pantalla.
Agregar contenido
Al hacer clic en Agregar un bloque, aparecen varias cosas que puedo colocar en la pantalla. Ellos son:
- Imagen
- Galería
- Audio
- Lista de reproducción de audio
- Video
- Lista de reproducción de vídeo
- Linea horizontal
- Leer más
- Salto de página
Si no quiero colocar ningún bloque, puedo empezar a escribir. Después de escribir lo que quiero, puedo escribir en el área debajo del inicio de mi texto y aparece la opción para agregar un bloque.
Dar formato al texto
Podría editar mi texto como quisiera haciendo doble clic en las palabras. Mis opciones para editar fueron:
- Atrevido
- Cursiva
- tachado
- Enlace
- Cita
- H2
- H3
No vi las opciones de párrafo, dirección, pre o encabezado 1. Dado que esto todavía está en desarrollo, asumo que muchas cosas han cambiado desde que tomaron la captura de pantalla para la página del complemento.
Agregar medios
Al hacer clic en cualquiera de las opciones de medios, se abre la biblioteca de medios donde puede elegir de su biblioteca o cargar en la biblioteca. Esta es la pantalla Insertar medios normal , por lo que todas las características que espera están aquí: Crear galería, Establecer imagen destacada, Insertar desde URL, Cargar archivos, Biblioteca de medios, Detalles de archivos adjuntos y Configuración de visualización de archivos adjuntos.
Para los medios, subí algunas fotos que tomé con mi celular. Tuve algunos problemas para que mis medios aparecieran donde podía seleccionarlos después de cargarlos si elegía Image . Elegir Galería funcionó perfectamente.
Cargué imágenes en otro sitio de prueba que usaba WordPress 4.0.1 y no tuve problemas con las imágenes. Puede hacer clic en las imágenes para establecer la alineación o hacer clic en el lápiz para ir a la pantalla de edición. La pantalla de edición aparecerá como una superposición sobre la página.
Actualizar la galería es simple. Simplemente haga clic en la galería y seleccione el botón de edición. Esto lo lleva de vuelta a la pantalla Editar galería donde puede cargar nuevas imágenes.
Agregar un bloque
Quería agregar un bloque después de la galería. Hice clic debajo de la galería, pero no apareció la opción para agregar un bloque. Regresé al primer bloque y coloqué el cursor al final de la última oración y presioné enter varias veces. Esto movió la galería hacia abajo y creó tres áreas más a las que podía agregar contenido.
Agregué nuevo contenido en uno de los bloques. Luego corté la galería y la pegué en uno de los bloques sobre el contenido. Básicamente, esto hizo lo que quería lograr, pero quería poder hacer clic debajo de la galería y comenzar a escribir.
Después de unos minutos de jugar con él, descubrí el problema. El área Agregar un bloque aparece cuando presiona la tecla Intro. Coloqué mi cursor al final de la galería y ¡bum! Podría agregar un bloque después de la galería.
Sugerencia: si desea agregar un bloque y la opción no aparece, coloque el cursor después del último elemento antes del área en la que desea que aparezca y presione Intro.
Puedes volver atrás y borrar cualquiera de los bloques que quieras. Si tiene contenido, puede cortarlo y pegarlo en otro lugar o simplemente eliminarlo. Para los bloques de contenido vacíos, simplemente puede eliminarlos. Si elige dejar bloques de contenido vacíos, dejarán espacios en blanco dentro de su contenido, como si presionara Intro en el editor visual.
Editar en Administrador
Seleccionar Editar en Admin lo lleva al editor visual en el back-end. Puedes editar como cualquier publicación. Seleccioné el botón Agregar medios y pude agregar imágenes normalmente. Entonces, el problema que tuve en el front-end al agregar imágenes no sucedió en el back-end.
Tendrá que ir al back-end para realizar ajustes en los atributos de la página y realizar los cambios de SEO que desee realizar. Todo lo demás se puede ajustar desde el front-end.
Guardar o publicar
Al desplazarse hacia la parte inferior o superior de la pantalla, aparece una pestaña en la parte inferior de la pantalla. Desde aquí puede guardar como borrador, pendiente de revisión o publicar la página. Cualquiera que elija, permanecerá en la pantalla en la que se encuentra actualmente y podrá continuar con sus ediciones. En otras palabras, permaneces en el modo de edición. Presiona Editar página en la parte superior de la pantalla y estarás en el modo de vista normal. Seleccione Editar página de nuevo para volver al modo de edición.
Crear una nueva publicación
Crear una publicación funciona igual que crear una página, pero con la adición de categorías. Puede elegir entre las categorías que ya tiene o puede crear nuevas categorías y colocarlas en una categoría principal.
Todo lo demás que puede hacer con las páginas está disponible para las publicaciones, como agregar y editar medios, agregar y editar texto, cambiar el título de la publicación, cambiar el enlace permanente de la publicación y cambiar el autor de la publicación.
Puede abrir la ventana emergente de selección de categoría haciendo clic en el nombre de la categoría debajo del título de la publicación o haciendo clic en el símbolo de categoría en la barra en la parte inferior de la pantalla.
Debe ir al back-end para agregar etiquetas, manejar ajustes de SEO o realizar ajustes en la fecha y hora de publicación. Al igual que las páginas, puede realizar los cambios que desee en el back-end porque funciona como una publicación normal.
Cambiar del back-end al front-end
Si selecciona agregar una nueva publicación o página mientras está en el back-end, será llevado al editor visual en el back-end. Si en algún momento desea cambiar del back-end al front-end, seleccione el botón Vista previa. Te llevará al front-end, pero no estás en el modo de edición. Simplemente seleccione Editar publicación en la parte superior de la pantalla e inmediatamente se le colocará en el modo de edición y podrá continuar con sus ediciones en el front-end.
Este método funciona, pero se abre en una nueva ventana y debe seleccionar para cambiar al modo de edición. Me gustaría ver un botón agregado que haría el cambio instantáneamente en la misma ventana y lo colocaría en el modo de edición.
Lo que depara el futuro
¿Qué podría significar esto para el futuro de WordPress? Por un lado, tendremos verdadero WYSIWYG dentro del tema de nuestros sitios web de WordPress. Veríamos cómo se vería la publicación o la página a medida que la desarrollamos porque la estamos creando directamente en la página de inicio. Usted crea el título de su publicación o página en su tema donde sus lectores realmente lo ven. Esto le mostrará cómo encaja y se ve en su pantalla (por supuesto, será diferente para muchos lectores, pero aun así), puede ver cómo se ven sus imágenes y texto sin tener que presionar la vista previa y mirarlo en otra ventana. Por lo general, acelerará el proceso de publicación.
Puedo ver a dónde van con esto y me gusta. Este tipo de funciones han estado disponibles para otras plataformas (como Weebly ), y ha habido algunos complementos (aunque costosos) que logran esto para WordPress. Pero pronto será una función integrada gratuita para que todos la usen.
Por ahora esto está funcionando en forma de complemento. Eventualmente, se integrará en WordPress como una función central.
Terminando
Todavía están trabajando en los errores. Por ejemplo, hay algunos problemas con las imágenes en WordPress 4.1. Por lo tanto, puede pasar un poco de tiempo antes de que veamos el editor frontal integrado en el núcleo de WordPress. Cuando se implemente, creo que será una adición bienvenida al conjunto de funciones de WordPress. La publicación será más rápida y fluida, y WordPress tendrá un verdadero editor WYSIWYG para la interfaz.
¿Has probado el plugin del Editor Front-end de WordPress? ¿Fue tu experiencia como la mía? ¡Me gustaría escuchar sus pensamientos en los comentarios a continuación!
Imagen en miniatura del artículo por astudio / shutterstock.com