{"id":30152,"date":"2021-03-16T07:00:14","date_gmt":"2021-03-16T14:00:14","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=30152"},"modified":"2025-10-31T11:35:35","modified_gmt":"2025-10-31T18:35:35","slug":"como-arreglar-texto-blanco-botones-perdios-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-arreglar-texto-blanco-botones-perdios-wordpress\/","title":{"rendered":"C\u00f3mo arreglar el texto blanco y botones faltantes en el Editor Visual de WordPress (5 Pasos)"},"content":{"rendered":"\n

Imag\u00ednate esto: <\/span>inicias sesi\u00f3n en tu panel de WordPress<\/span> para escribir una nueva publicaci\u00f3n de blog. Inicias el Editor Cl\u00e1sico, solo para encontrar un problema. No hay ninguno de los botones de formato y el texto est\u00e1 en blanco y es imposible de ver. <\/span><\/p>\n\n\n\n

Encontrar este error puede ser frustrante. Incluso puede evitar que hagas tu trabajo, retrasando tus tareas potencialmente. Afortunadamente, hay varias soluciones para este problema.<\/span><\/p>\n\n\n\n

En este art\u00edculo, veremos exactamente qu\u00e9 involucra este error y luego te guiaremos en c\u00f3mo lo puedes arreglar en cinco pasos. \u00a1Comencemos! <\/span><\/p>\n\n\n\n

Una introducci\u00f3n al error de texto blanco y botones faltantes en el Editor Visual de WordPress<\/b><\/h2>\n\n\n\n

Antes de entrar en detalles sobre este error, vamos a aclarar exactamente a lo que nos referimos con \u201cEditor Visual\u201d. Esto se refiere al bonito editor de formato que usas para crear tus publicaciones o p\u00e1ginas en WordPress, ya sea el Editor Cl\u00e1sico o el nuevo <\/span>Editor en Bloque<\/span><\/a>. <\/span><\/p>\n\n\n\n

El error con el que estamos tratando en este art\u00edculo ocurre con el editor visual cuando est\u00e1s usando el <\/span>plugin Classic Editor<\/span><\/a>.<\/span><\/p>\n\n\n

\n
\"El<\/figure><\/div>\n\n\n

Los botones de formato en la parte superior de repente se desvanecen. Adicionalmente, el texto que escribes en el campo de edici\u00f3n puede aparecer con el mismo color que del fondo, haci\u00e9ndolo que no se pueda leer. <\/span><\/p>\n\n\n\n

Esto hace que usar el Editor Cl\u00e1sico sea una misi\u00f3n imposible. Si dependes de \u00e9l para crear t\u00fa <\/span>contenido de blog<\/span><\/a>, querr\u00e1s arreglar este problema tan r\u00e1pido como sea posible. Afortunadamente, este problema no es dif\u00edcil de corregir. <\/span><\/p>\n\n\n\n

Qu\u00e9 hacer antes de comenzar a solucionar el problema<\/b><\/h2>\n\n\n\n

Antes de que comiences a solucionar el problema, recomendamos que realices una copia de seguridad de tu sitio. Si est\u00e1s usando DreamHost, hacemos <\/span>este proceso<\/span><\/a> incre\u00edblemente f\u00e1cil.<\/span><\/p>\n\n\n\n

Si est\u00e1s usando un proveedor de alojamiento diferente, probablemente tambi\u00e9n ofrezca una soluci\u00f3n de copias de seguridad. Puedes consultar la documentaci\u00f3n pertinente para m\u00e1s instrucciones. Tambi\u00e9n puedes optar por usar un plugin de copias de seguridad de WordPress tal como <\/span>UpdraftPlus<\/span><\/a>.<\/span><\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Saltate el estr\u00e9s de los errores de WordPress\n <\/h2>\n \n Evita solucionar problemas t\u00fa mismo cuando adquieres DreamPress. Nuestros expertos amigables de WordPress est\u00e1n disponibles 24\/7 para ayudar a resolver problemas de sitios web \u2014 grandes o peque\u00f1os.\n <\/p>\n\n \n Ve Nuestros Planes <\/a>\n\n <\/div>\n<\/div>\n\n\n

C\u00f3mo arreglar el texto blanco y botones faltantes en el Editor Visual de WordPress Visual (En 5 pasos)<\/b><\/h2>\n\n\n\n

Este error es probablemente un problema con el cach\u00e9 de tu navegador o con el Editor Cl\u00e1sico en s\u00ed \u2014 los cuales pueden ser arreglados f\u00e1cilmente. Recomendamos seguir estos cinco pasos en orden y solo proceder al siguiente paso si a\u00fan est\u00e1s experimentando el problema. <\/span><\/p>\n\n\n\n

Paso 1: Limpia el cach\u00e9 de tu navegador<\/b><\/h3>\n\n\n\n

El primer y m\u00e1s simple m\u00e9todo que puedes intentar es limpiar el cach\u00e9 de tu navegador. Tu navegador guarda versiones de sitios web que visitas (incluyendo tu editor de WordPress) para poder cargarlas m\u00e1s r\u00e1pidamente. <\/span><\/p>\n\n\n\n

Si tu cach\u00e9 est\u00e1 corrupto o ha guardado una versi\u00f3n de una p\u00e1gina con errores, puede continuar cargando la p\u00e1gina da\u00f1ada. Limpiar el cach\u00e9 fuerza al navegador a cargar una copia fresca del editor, ojal\u00e1 resolviendo el problema. <\/span><\/p>\n\n\n\n

Para limpiar tu cach\u00e9 en Google Chrome, haz clic en el icono de men\u00fa de tres puntos en la esquina superior derecha, y luego haz clic en <\/span>configuraci\u00f3<\/b>n. Bajo la secci\u00f3n <\/span>Privacidad y Seguridad<\/b>, selecciona <\/span>Borrar Datos de Navegaci\u00f3n<\/b>.  <\/span><\/p>\n\n\n

\n
\"Opciones<\/figure><\/div>\n\n\n

En la ventana emergente, aseg\u00farate de que solo \u2018im\u00e1genes y archivos almacenados en cach\u00e9\u2019 est\u00e9 seleccionado y luego haz clic en <\/span>Borrar datos<\/b>. Si no usas Chrome o deseas una gu\u00eda m\u00e1s detallada, te puedes referir a nuestra gu\u00eda sobre <\/span>c\u00f3mo limpiar el cach\u00e9 de tu navegador<\/span><\/a>  <\/span><\/p>\n\n\n\n

Paso 2: Desactiva todos tus plugins de WordPress<\/b><\/h3>\n\n\n\n

A continuaci\u00f3n, puedes revisar si un plugin puede estar causando el problema. La mejor forma de hacer esto es desactivar todos tus plugins (excepto el Editor Cl\u00e1sico o <\/span>Classic Editor<\/span><\/i>), echa un vistazo para ver si el problema est\u00e1 resuelto y luego habil\u00edtalos de nuevo uno por uno hasta que el error regrese. <\/span><\/p>\n\n\n\n

En ese punto, habr\u00e1s aislado el plugin problem\u00e1tico. Entonces puedes revisar si hay actualizaciones disponibles, buscar alternativas o simplemente dejarlo desactivado si es un plugin del cual no dependes.<\/span><\/p>\n\n\n\n

Para desactivar tus plugins de WordPress, dir\u00edgete al panel y navega a <\/span>Plugins > Installed Plugins<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"El<\/figure><\/div>\n\n\n

Selecciona la casilla junto a todos los plugins excepto la del Editor Cl\u00e1sico. En la casilla <\/span>Bulk actions, <\/i><\/b>puedes elegir <\/span>Deactivate<\/i><\/b> o <\/span>\u2018Desactivar\u2019 <\/b>y hacer clic en <\/span>Apply. <\/i><\/b>Luego recarga el editor de WordPress y verifica que todo est\u00e9 funcionando correctamente. <\/span><\/p>\n\n\n\n

Si desactivar tus plugins resuelve el error, tu siguiente paso es aislar el plugin que lo estaba causando. Puedes revisar la lista uno por uno y hacer clic en el bot\u00f3n <\/span>Activate <\/i><\/b>bajo el nombre del plugin. Despu\u00e9s de que cada uno est\u00e9 reactivado, revisa para ver si el error ha aparecido de nuevo. De lo contrario, puedes continuar hasta encontrar el plugin problem\u00e1tico. <\/span><\/p>\n\n\n\n

\n

\n\tRelated Article<\/span>\n\t
\n\t\t
\n\t\t\t18 Tips Profesionales Para Elegir el Tema Perfecto de WordPress\n\t\t<\/div>\n\t\t\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n<\/span><\/p>\n\n\n\n

Paso 3: Reemplaza la carpeta TinyMCE<\/b><\/h3>\n\n\n\n

TinyMCE<\/span><\/a> es el nombre t\u00e9cnico del Editor Cl\u00e1sico de WordPress. Es un editor de c\u00f3digo abierto que es usado por algunas plataformas, adem\u00e1s de WordPress. <\/span><\/p>\n\n\n\n

Un problema con los archivos TinyMCE puede causar que los botones del editor desaparezcan. Para arreglar esto, puedes reemplazar la carpeta con una copia fresca. <\/span><\/p>\n\n\n\n

Primero, descarga la <\/span>versi\u00f3n de WordPress<\/span><\/a> que tu sitio est\u00e1 usando. Puedes encontrar el n\u00famero de la versi\u00f3n actual al seleccionar la esquina inferior derecha de cualquier p\u00e1gina en tu panel de WordPress. <\/span><\/p>\n\n\n

\n
\"La<\/figure><\/div>\n\n\n

Abre el archivo zip de WordPress y mueve la carpeta TinyMCE a cualquier otra ubicaci\u00f3n, como tu escritorio. Est\u00e1 ubicado en <\/span>wp-includes\/js\/tinymce.<\/span><\/i><\/p>\n\n\n\n

Finalmente, necesitar\u00e1s acceder al sistema de archivos de tu sitio WordPress y reemplazar la carpeta vieja con la nueva. Dir\u00edgete a tu cuenta DreamPress (ve el paso 1 para m\u00e1s instrucciones). Bajo la secci\u00f3n <\/span>Details, <\/i><\/b>haz clic en <\/span>Manage Files <\/i><\/b>para abrir el navegador de archivos de DreamHost.<\/span><\/p>\n\n\n

\n
\"El<\/figure><\/div>\n\n\n

Si no eres un cliente de DreamHost, tambi\u00e9n puedes acceder a tu sitio <\/span>a trav\u00e9s Secure File Transfer Protocol (SFTP)<\/span><\/a>. Navega a <\/span>wp-includes\/js <\/span><\/i>y carga la nueva copia de la carpeta TinyMCE usando el bot\u00f3n de flecha hacia arriba en la parte izquierda inferior. Entonces puedes refrescar tu panel de WordPress y revisar el editor de nuevo. <\/span><\/p>\n\n\n\n

Paso 4: Modifica el archivo <\/b>wp-config.php<\/i><\/b><\/h3>\n\n\n\n

Si las soluciones de arriba no han funcionado, puedes intentar modificar tu archivo <\/span>wp-config.php <\/span><\/i>para forzar a WordPress a cargar los scripts individualmente. Para hacerlo, comienza por abrir tu sitio WordPress en el administrador de archivos de DreamHost o a trav\u00e9s de SFTP, como mencionamos anteriormente. <\/span><\/p>\n\n\n\n

El archivo <\/span>wp-config.php <\/span><\/i>est\u00e1 ubicado en el directorio ra\u00edz de tu sitio. Simplemente a\u00f1ade la siguiente <\/span>l\u00ednea de c\u00f3digo<\/span><\/a> en la parte superior del archivo, justo despu\u00e9s de la etiqueta de apertura: <\/span><\/p>\n\n\n\n

define(\u2018CONCATENATE_SCRIPTS\u2019,false);<\/span><\/pre>\n\n\n\n
As\u00ed es como deber\u00eda verse tu c\u00f3digo:<\/span><\/p>\n\n\n
\n
\"El<\/figure><\/div>\n\n\n
Cuando hayas finalizado, guarda el archivo, refresca tu sitio y luego intenta cargar el Editor visual de nuevo. Si a\u00fan est\u00e1s viendo el mensaje de error, procede al \u00faltimo paso. <\/span><\/p>\n\n\n\n
Paso 5: Instala el plugin <\/b>Advanced Editor Tools<\/b><\/a><\/h3>\n\n\n\n
Previamente conocido como <\/span>TinyMCE Advanced, <\/span><\/i>el <\/span>plugin Advanced Editor Tools<\/span><\/a> es una versi\u00f3n del script <\/span>TinyMCE <\/span><\/i>que ofrece funcionalidades adicionales.<\/span><\/p>\n\n\n
\n
\"El<\/figure><\/div>\n\n\n
Esencialmente, te provee con un h\u00edbrido entre el editor TinyMCE y el Editor en Bloque. Tambi\u00e9n, es gratis de descargar y usar. <\/span><\/p>\n\n\n\n
Despu\u00e9s de que lo instalas y activas, puedes ubicar la configuraci\u00f3n navegando a <\/span>Settings > Advanced Editor Tools<\/i><\/b>.<\/b><\/p>\n\n\n
\n
\"La<\/figure><\/div>\n\n\n
Una vez que est\u00e9 activado y lo has configurado a tu gusto, refresca tu sitio WordPress. Ahora, cuando vas a una nueva publicaci\u00f3n o p\u00e1gina de WordPress, deber\u00edas ver que los botones anteriormente desaparecidos, aparecen en tu editor visual. <\/span><\/p>\n\n\n\n
Recursos adicionales de problemas de WordPress<\/b><\/h2>\n\n\n\n
\u00bfQuieres aprender m\u00e1s sobre arreglar <\/span>errores comunes de WordPress<\/span><\/a>? Hemos realizado varias gu\u00edas para ayudarte. <\/span><\/p>\n\n\n\n