El editor de WordPress: llevar la creación de contenido al siguiente nivel

El editor de WordPress: llevar la creación de contenido al siguiente nivel

WordPress es famoso por muchas cosas, entre ellas las múltiples funciones y componentes que tiene para ofrecer. La facilidad con la que puede cambiar los temas, la gran mayoría de los complementos, una amplia base de usuarios, ¡lo que sea! Si se trata de una característica o componente relacionado con WordPress, recibe su parte de atención en la discusión. Irónicamente, uno de los componentes de WordPress de los que menos se habla es el editor visual de HTML. Esto es extraño, especialmente porque el propio WP, como CMS de un blogger, se enfoca en la creación de contenido antes que nada y para el propósito de la creación de contenido, el editor es la entidad más utilizada. En este artículo echamos un vistazo a sus aspectos positivos y negativos. También encontrarás algunas alternativas que valen la pena.

TinyMCE y WordPress: el estado actual

Si ha usado WordPress durante algún tiempo, probablemente conozca el editor visual/HTML: la forma en que se ve y funciona y más. Por defecto, WP hace uso de TinyMCE como su editor. El editor es simple, absolutamente fácil de usar y no necesita ser un experto para usarlo. En resumen: sirve bien a sus usuarios. Sin embargo, un buen segmento de la base de usuarios de WordPress a menudo se ve descontento con el editor. quejas comunes? Bueno, para empezar, no puedes incrustar tablas fácilmente. En el futuro, el editor tampoco muestra mucho amor cuando se trata de etiquetas

y
. Además, el modo de pantalla completa no te hará llorar de alegría. En otras palabras, las razones para estar descontento con el editor visual de WordPress son muchas. Los usuarios avanzados a menudo encuentran que TinyMCE es demasiado básico para su causa. Como resultado, a veces, se necesitan medidas especiales para llevar el editor de WP al siguiente nivel de genialidad.

Llevando al editor al siguiente nivel

1. Atajos de teclado

Los atajos de teclado contribuyen en gran medida a ahorrar tiempo y mejorar la productividad, independientemente de la plataforma que esté utilizando. Ya sea que se trate de navegación web, procesamiento de textos o, en este caso, el editor de WP, los atajos de teclado pueden ser muy útiles una vez que se familiarice con ellos. El editor de WordPress tiene su parte de atajos para hacerte la vida más fácil. Por ejemplo, eche un vistazo a la lista que figura a continuación:

Puedes echar un vistazo a la lista completa de atajos de teclado compatibles aquí.

2. El fregadero de la cocina

En caso de que aún no lo sepa, la barra de herramientas del editor en WordPress tiene un suplemento de poder (uhm… más o menos). Una vez que haga clic en el botón en el extremo derecho de la barra de herramientas superior del editor, se le presentará una segunda línea de botones, también conocida como Fregadero de cocina.

Kitchen Sink ofrece algunos botones útiles para formatear, como estilo de texto, color de fuente, subrayado, alineación, deshacer, rehacer y otros botones útiles.

3. Algunos botones adicionales

Sin embargo, independientemente del fregadero de la cocina, a menudo, la lista actual de botones simplemente no resulta lo suficientemente útil para aprovechar al máximo el editor. En este caso, podemos usar ciertos ajustes de código para agregar botones adicionales a las barras de herramientas. ¡Qué botones adicionales, podrías preguntar! Aquí está la lista completa: justificar la izquierda, justificar el centro, justificar el derecho, justificar completo, imagen, limpiar, ayuda, código, hora, eliminar formato, seleccionar formato, seleccionar fuente, seleccionar tamaño de fuente, seleccionar estilo, sub, cenar, color de fondo, color de fondo, mapa del encanto, ayuda visual, ancla, documento nuevo y separador. Además, hay botones que están presentes por defecto, como audaz y subrayar.

Básicamente, debe comenzar copiando el siguiente código, luego colocarlo dentro de su functions.php, que reside en el directorio del tema:

función enable_more_buttons(€botones)

{

€botones[ ] = ‘seleccionar fuente’;

devolver €botones;

}

add_filter(«mce_buttons», «enable_more_buttons»);

El código anterior agregará el botón ‘fontselect’ a la primera barra de herramientas. Si desea agregar un botón a la segunda (o tercera barra de herramientas), pase el gancho de filtro como «mce_buttons_2» o «mce_buttons_3», y así sucesivamente.

4. Escritura sin distracciones

Mucho se ha dicho sobre el Editor sin distracciones (DFE) en WordPress. No hace mucho tiempo, recuerdo que uno de mis colegas me preguntaba repetidamente por qué prefería Habari por administrar mi blog (aunque este ya no es el caso). Una de las razones principales por las que elegí Habari como un CMS de blogs fue su editor: ¡absolutamente libre de distracciones, mínimo y ágil! Cuando WP salió con su DFE, no hace falta decir que estaba listo para volver. Si bien el DFE ya es bastante funcional, puede modificarlo aún más agregando estos líneas de código al archivo functions.php:

add_action(‘after_setup_theme’, ‘wptuts_theme_setup’);

función wptuts_theme_setup()

{

set_user_setting(‘dfw_width’, 1000);

add_editor_style( array ( ‘css/mi-primer-estilo.css’, ‘css/mi-segundo-estilo.css’ ) );

}

Básicamente, el código anterior ajusta el ancho y el formato del DFE. 1000 se convierte en el ancho (puede modificarlo según sus requisitos), mientras que la variable add_editor_style contiene una matriz que apunta a la hoja de estilo de su tema. Esto garantiza que DFE actúe como una vista previa en tiempo real de la publicación tal como aparecería en su blog, lo que elimina la necesidad de obtener una vista previa por separado de una publicación una vez que la haya actualizado.

Más allá de TinyMCE

Bueno, entonces dominaste TinyMCE en su implementación actual de WP y te gustaría hacer algo más con él, ¿verdad? ¡Como siempre, tenéis el repositorio de plugins a vuestro servicio!

1. Rebaja de WP

El mes pasado, Dieter y yo discutimos la posibilidad de usar Markdown en el editor de WP. WP-Marketdown es uno de esos complementos que le permite usar la sintaxis de Markdown al editar publicaciones y páginas en WP.

La idea clave aquí es convertir la sintaxis de Markdown en HTML antes de guardar la publicación (y cuando vuelve a abrir la publicación para editarla, el complemento procesa el HTML nuevamente en Markdown). Incluso puede emplear el complemento en los foros de bbPress, si así lo desea. ¿Por qué debería querer esto?, te preguntarás. La razón es simple. Markdown es mucho más legible que HTML, cuando se trata de tareas como revisión o edición en general en un equipo de más de una persona.

2. Editor de CK

¿Realmente insatisfecho con TinyMCE? Si es así, este complemento podría ser apto para ti. Reemplaza el editor predeterminado de WordPress con CKEditor que es, bueno, otro editor WYSIWYG. El editor se integra bien con las funciones de WP, como los botones multimedia, y puede cumplir su propósito si está buscando un editor WYSIWYG sensato.

Puede ver una demostración funcional del complemento aquí.

3. Último TinyMCE

Último TinyMCE le permite hacer más con su editor WP actual: agrega una gran cantidad de botones nuevos al editor, lo que le permite cambiar la fuente, el color de la fuente y el estilo del texto, sin siquiera tener que tocar HTML o CSS. Puedes revisar este video si desea obtener más información al respecto.

El complemento viene con sus propios códigos cortos y ayuda contextual, y también tiene un Versión Pro. Sin embargo, si conoce WordPress, puede usar el truco de los botones adicionales que mencioné anteriormente para obtener virtualmente la mayoría de las funciones que ofrece la versión gratuita de este complemento.

4. TinyMCE avanzado

TinyMCE Avanzado agrega ciertas mejoras a TinyMCE, como Buscar y reemplazar, Tablas, Menús contextuales, Fecha y hora, Caracteres visuales, así como Extras XHTML.

Si desea hacer más con TinyMCE pero no tiene el tiempo necesario para modificar y jugar con el código, TinyMCE Advanced puede cumplir su propósito.

5. HTML sin procesar

¿Está cansado de funciones como apóstrofes tipográficos, emoticonos de imágenes, comillas tipográficas y párrafos automáticos? Si es así, HTML sin formato ¡podría ser el complemento ideal para ti!

Una vez que active el complemento, cualquier parte del texto que incluya dentro [raw] y [/raw] Las etiquetas evitarán que WordPress haga su magia automáticamente (como convertir nuevas líneas en párrafos HTML). Sin embargo, tenga cuidado, la versión gratuita solo funcionará con el editor HTML. Si desea utilizar el complemento con el editor visual, hay un actualización profesional.

Conclusión

Como plataforma que fomenta la creación de contenido, el editor es una de las partes más vitales de WordPress como software. ¿Qué piensas sobre estos ajustes y complementos? ¿Tienes alguna idea propia? ¡Compártelas con nosotros en los comentarios a continuación!

(dpe)

#editor #WordPress #llevar #creación #contenido #siguiente #nivel

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.