Documentación de ComusThumbz
Iniciar Sesión

Editor de archivos

Qué hace esta página

El Editor de Archivos le permite editar los archivos de su sitio web directamente desde el panel de administración -- ningún software separado necesario. Puede actualizar el contenido de la página, cambiar cómo se ve su sitio, editar traducciones, y más, todo desde su navegador. Funciona como una versión simplificada de un editor de código profesional con texto codificado por colores, múltiples archivos abiertos y una historia integrada para que puedas deshacer errores.

Advertencia: Los cambios que haces aquí van a vivir inmediatamente. No hay un paso de vista previa. Utilice siempre la historia de la versión para crear una red de seguridad antes de hacer grandes cambios.

[Screenshot: page-overview]


Cómo llegar aquí

Navigate a Panel de Admin √ Gestor de Plantillas Archivos


Comprender la página

Cuando abre el Editor de Archivos, verá tres áreas principales lado a lado.

Navegador de archivos (Left Side)

Esta es tu lista de archivos. Muestra todos los archivos y carpetas en su sitio web que puede editar, organizado en un árbol de carpetas -- como el navegador de archivos en su computadora. Haga clic en una carpeta para ampliarla y ver qué hay dentro. Haga clic en un archivo para abrirlo para editarlo.

En la parte superior del navegador de archivos usted encontrará:

  • A cuadro de búsqueda para encontrar rápidamente archivos por nombre
  • A Refresh botón para volver a cargar la lista de archivos
  • A Nuevo archivo botón para crear un nuevo archivo
  • A Nueva carpeta botón para crear una nueva carpeta

Sugerencia: Escriba parte de un nombre de archivo en el cuadro de búsqueda y la lista se estrecha al instante. Carpetas que contienen cerillas abiertas automáticamente para que pueda encontrar lo que necesita rápido.

Área de Editor (Centro)

Aquí es donde haces cambios en tus archivos. Cuando abre un archivo, su contenido aparece aquí con texto codificado por colores que facilita la lectura. Si abre más de un archivo, cada uno obtiene su propia pestaña en la parte superior -- haga clic en una pestaña para cambiar entre archivos.

Sobre el editor verá una barra de herramientas con:

  • El ruta del archivo mostrando qué archivo estás editando
  • A Encontrar botón para buscar dentro del archivo
  • A Formato botón para ordenar el código automáticamente
  • A Guardar botón para guardar los cambios

Cuando no hay archivo abierto, verás un mensaje pidiéndole que seleccione un archivo del navegador de archivo.

Panel de Historia (lado derecho)

Cada vez que guardas un archivo, aquí se almacena una instantánea. Este panel muestra la historia completa de los cambios para el archivo que está editando actualmente -- quién lo cambió, cuándo, y qué tipo de cambio se hizo. Lo más importante, puede restaurar cualquier versión anterior con un clic.

Nota: Si no necesita el panel de historia, puede cerrarlo usando el botón X en su encabezado. El área de editor se expande para llenar el espacio extra.

Tareas comunes

Cómo abrir un archivo

  1. Mira el navegador de archivos en el lado izquierdo de la página.
  2. Haga clic en los nombres de carpetas para ampliarlos y ver los archivos dentro.
  3. Haga clic en el archivo que desea editar.
  4. El archivo se abre en el área del editor con su propia pestaña.
Sugerencia: Puede tener varios archivos abiertos al mismo tiempo. Cada archivo obtiene su propia ficha. Haga clic en cualquier pestaña para cambiar a ese archivo.

Cómo editar un archivo

  1. Abre el archivo que quieres cambiar.
  2. Haga clic en el área del editor y haga sus cambios.
  3. Como escribes, un pequeño punto amarillo aparece en la ficha del archivo para avisarte que tienes cambios sin guardar.

Atajos de teclado útiles mientras se edita:

AtaqueLo que hace
Ctrl+ZDeshacer tu último cambio
Ctrl+YRehacer un cambio que deshacer
Ctrl+FBuscar dentro del archivo
Ctrl+HBuscar y reemplazar texto

Cómo salvar sus cambios

  1. Después de hacer sus ediciones, haga clic en Guardar botón en la barra de herramientas, o pulse Ctrl+S en tu teclado.
  2. Una notificación verde aparece en la esquina inferior derecha confirmando que el ahorro fue exitoso.
  3. El punto amarillo en la pestaña desaparece, lo que significa que todos los cambios se guardan.
  4. Una nueva entrada aparece en el panel de historia a la derecha.
Advertencia: Si intenta cerrar una pestaña o dejar la página con cambios sin guardar, su navegador preguntará si está seguro. Haga clic Cancelar para volver y salvar tu trabajo primero.

Cómo crear un nuevo archivo

  1. Haga clic en Nuevo archivo botón (el archivo con un signo más) en la parte superior del navegador de archivos.
  2. Se abre un cuadro de diálogo. Seleccione carpeta donde desea crear el archivo desde el desplegable.
  3. Tipo a Nombre para su archivo, incluida la extensión de archivo (por ejemplo, custom.css o about.php).
  4. Haga clic Crear archivo.
  5. El nuevo archivo aparece en el navegador de archivos y se abre automáticamente, listo para editar.
Nota: Cada carpeta sólo permite ciertos tipos de archivos. Por ejemplo, la carpeta de estilos sólo permite archivos de hoja de estilo. Los tipos permitidos se muestran en el desplegable para ayudarle a elegir la ubicación correcta.

Cómo crear una nueva carpeta

  1. Haga clic en Nueva carpeta botón (la carpeta con un signo más) en la parte superior del navegador de archivos.
  2. Seleccione carpeta donde se debe crear la nueva carpeta.
  3. Tipo a Nombre para tu nueva carpeta.
  4. Haga clic Crear carpeta.
  5. La nueva carpeta aparece en el navegador de archivos.

Cómo cambiar el nombre de un archivo o carpeta

  1. Haga clic derecho en el archivo o carpeta que desea cambiar de nombre.
  2. Seleccione Rename del menú que aparece.
  3. El nombre actual ya está lleno. Cámbialo al nuevo nombre que quieras.
  4. Haga clic Rename.
  5. El archivo o carpeta se renombra y las actualizaciones del navegador de archivos.
Sugerencia: Al renombrar un archivo, asegúrese de mantener la extensión de archivo correcta (la parte después del punto, como .php o .css). Cambiar la extensión podría causar problemas.

Cómo eliminar un archivo o carpeta

  1. Haga clic derecho en el archivo o carpeta que desea eliminar.
  2. Seleccione Suprimir del menú que aparece.
  3. Un diálogo de confirmación aparece mostrando lo que se borrará. Haga clic OK para proceder.
  4. El artículo se elimina del navegador de archivo. Si el archivo estaba abierto en una pestaña, la pestaña se cierra automáticamente.
Advertencia: Eliminar un archivo no se puede deshacer a través de la interfaz normal. Sin embargo, si el archivo fue guardado previamente a través del editor, puede ser capaz de recuperar su contenido de la historia de la versión. Para estar seguro, siempre guarde un archivo al menos una vez antes de considerar borrarlo.
Nota: Las carpetas deben estar vacías antes de eliminarlas. Eliminar todos los archivos dentro de una carpeta primero, y luego eliminar la carpeta misma.

Cómo buscar un archivo

Encontrar un archivo en el navegador de archivos:

  1. Escriba parte del nombre de archivo en el cuadro de búsqueda en la parte superior del navegador de archivos.
  2. La lista de archivos filtra al instante para mostrar sólo archivos coincidentes.
  3. Las carpetas que contienen fósforos se expanden automáticamente.
  4. Limpia el cuadro de búsqueda para ver todos los archivos de nuevo.

Encontrar texto dentro de un archivo:

  1. Abre el archivo que quieres buscar.
  2. Haga clic en Encontrar botón en la barra de herramientas, o pulse Ctrl+F.
  3. Una barra de búsqueda aparece en la parte superior del editor. Escribe lo que estás buscando.
  4. Utilice los botones de flecha para saltar entre los partidos.
  5. Prensa Escape para cerrar la barra de búsqueda.

Cómo Formato Código

  1. Abre el archivo que quieres arreglar.
  2. Haga clic en Formato botón en la barra de herramientas.
  3. El editor ajusta automáticamente el espaciamiento y la alineación para hacer el limpiador de códigos y más fácil de leer.
Sugerencia: Formato funciona especialmente bien para JavaScript y archivos de traducción. Es una manera rápida de limpiar código desordenado sin cambiar lo que hace el código.

Historia y Archivos de Restauración

La historia de la versión es una de las características de seguridad más importantes del Editor de Archivos. Cada vez que guarda, crea, elimina o restaura un archivo, se guarda una copia de seguridad completa del contenido del archivo.

Cómo ver la historia de un archivo

  1. Abre el archivo en el editor.
  2. Mira el Historia panel en el lado derecho de la página.
  3. Cada entrada muestra:
  • El tipo de cambio (Creado, editado, eliminado o restaurado)
  • El fecha y hora del cambio
  • Quien hizo el cambio

Cómo restaurar una versión anterior

Si hiciste un cambio que rompió algo o quieres volver a una versión anterior:

  1. Abra el archivo que desea restaurar.
  2. En el Historia panel, encuentra la versión a la que quieres volver.
  3. Haga clic en Restauración botón junto a esa versión.
  4. Confirme cuando se le solicite.
  5. El archivo se restaura a esa versión inmediatamente.
Éxito: Después de restaurar, se añade una nueva entrada a la historia que marca la restauración. Esto significa que incluso puedes deshacer una restauración si cambias de opinión -- simplemente restaurar la versión que era actual antes de que volvieses.

¿Qué archivos puedes editar?

El Editor de Archivos le da acceso a los archivos de frontend que componen su sitio web público. Estos incluyen:

Qué puedes editarLo que controla
Páginas webLas páginas principales visitan (página de inicio, páginas de vídeo, páginas de galería, etc.)
Fichas de estiloCómo se ve su sitio -- colores, fuentes, espaciado y diseño
ScriptsCaracterísticas interactivas y comportamiento en su sitio
Archivos de traducciónTodo el texto mostrado en su sitio web en cada idioma
Páginas de inicio y registroLas páginas donde los usuarios firman y crean cuentas
Páginas de configuración del usuarioPáginas donde los usuarios administran su cuenta y preferencias
Páginas de informaciónAcerca, legales y otras páginas de información
Archivo temáticoArchivos que pertenecen a sus temas instalados
Nota: Algunos archivos aparecen dimmed (grayed out) en el navegador de archivos. Estos son archivos de sistema protegidos que no pueden ser editados a través de esta herramienta. Esta es una característica de seguridad para evitar cambios accidentales en archivos críticos.

El menú de clic derecho

Haga clic derecho en cualquier archivo o carpeta en el navegador de archivos abre un menú de acción rápida:

OpciónLo que hace
AbiertoAbre el archivo para editar (sólo ficheros)
RenameCambia el nombre del archivo o carpeta
PermisosAjustes que pueden leer o escribir el archivo (avanzado - ver abajo)
SuprimirElimina el archivo o carpeta

Haga clic en cualquier lugar fuera del menú o pulse Escape para cerrarlo sin seleccionar una opción.


Permisos de archivo (Advanced)

Nota: La mayoría de los usuarios nunca necesitarán cambiar permisos de archivo. Esta característica está aquí para situaciones avanzadas donde un archivo necesita diferentes configuraciones de acceso. Si no estás seguro, deja permisos como son.

Si usted necesita cambiar permisos:

  1. Haga clic derecho en el archivo o carpeta.
  2. Seleccione Permisos.
  3. Introduzca el valor de permiso. Los valores más comunes son:
  • 644 -- Configuración estándar para archivos regulares
  • 755 -- Configuración estándar para carpetas
  1. Haga clic Aplicar.

Consejos para nuevos usuarios

Sugerencia:
  • Guardar a menudo. Presione Ctrl+S con frecuencia mientras trabaja. Cada ahorro crea una copia de seguridad que puede restaurar más tarde.
  • Empieza pequeña. Haga un cambio a la vez, ahorre, luego revise su sitio para asegurarse de que todo se ve bien antes de hacer más cambios.
  • Usa la búsqueda. Si no está seguro de qué archivo editar, utilice el cuadro de búsqueda para encontrar archivos por nombre.
  • Compruebe su sitio después de guardar. Abra su sitio web en una nueva pestaña del navegador y refresque la página para ver sus cambios en la acción.
  • No editar archivos que no está familiarizado con. Cambiar el archivo incorrecto puede romper su sitio. Adherirse a los archivos que usted entiende, como hojas de estilo para los cambios visuales o archivos de traducción para los cambios de texto.
  • Use la historia de la versión como una red de seguridad. Antes de hacer un cambio significativo, note la versión actual en el panel de historia. Si algo sale mal, puedes restaurarlo.

Solución de problemas

Un archivo no se abrirá cuando haga clic en él

Lo que ves: Hace clic en un archivo en el navegador de archivos pero no pasa nada, o ve un mensaje de error.

Cómo arreglarlo:

  1. Revise si el archivo aparece desactivado o engrasado. Los archivos desmontados están protegidos y no pueden ser editados -- esto es normal.
  2. Los archivos muy grandes (más de 5 MB) no pueden abrirse en el editor. Si necesita editar un archivo grande, comuníquese con su desarrollador o administrador del sistema.
  3. Pruebe refrescando la página usando la Refresh botón en la parte superior del navegador de archivos, o pulse F5 para recargar toda la página.

Mis cambios no salvarán

Lo que ves: Haga clic en Guardar o pulsar Ctrl+S pero obtenga un mensaje de error en lugar de una confirmación.

Cómo arreglarlo:

  1. Compruebe si hay un banner naranja en la parte superior de la página que dice que el editor está en modo demo. En modo de demostración, todos los cambios están bloqueados. Comuníquese con su administrador para desactivar el modo de demostración.
  2. Intenta refrescar la página y hacer tus cambios de nuevo. A veces la sesión expira y una nueva carga de página fija el problema.
  3. Si el problema continúa, comuníquese con su administrador del sistema. Puede haber un problema de permiso del servidor que debe resolverse.

El área del editor está en blanco o no se cargará

Lo que ves: El área central donde editas los archivos está vacía o muestra un mensaje de carga que nunca termina.

Cómo arreglarlo:

  1. Asegúrese de utilizar un navegador actualizado (Chrome, Firefox o Edge). Los navegadores más antiguos pueden no apoyar al editor.
  2. Intente limpiar su caché del navegador y recargar la página.
  3. Si está usando una extensión del navegador que bloquea los recursos externos (como un bloqueador de anuncios o extensión de privacidad), intente desactivarlo temporalmente. El editor se basa en un recurso externo para funcionar.

El panel de historia está vacío

Lo que ves: Abres un archivo pero el panel de historia de la derecha no muestra nada.

Cómo arreglarlo:
Esto es normal para archivos que nunca han sido editados a través del Editor de Archivos antes. La historia comienza a grabar después de hacer su primer ahorro. Una vez que guarde el archivo al menos una vez, los cambios futuros aparecerán en la historia.

No puedo borrar una carpeta

Lo que ves: Intenta eliminar una carpeta pero recibe un mensaje de error.

Cómo arreglarlo:

  1. Asegúrate de que la carpeta esté completamente vacía. Usted debe eliminar todos los archivos y subcarpetas dentro de él antes de que pueda eliminar la carpeta en sí.
  2. Compruebe si hay archivos ocultos dentro de la carpeta. Si es así, comuníquese con su administrador del sistema para ayudar a eliminarlos.


PáginaCuándo utilizarlo
Plantilla de mandoPara una visión general de todas las herramientas de gestión de plantillas y acceso rápido a cada una
Theme ManagerCuando quieras cambiar entre temas completos o instalar nuevos
Style ManagerCuando desea cambiar colores, fuentes y espaciado utilizando controles simples en lugar de editar código directamente
Translation ManagerCuando desea editar el texto que aparece en su sitio en diferentes idiomas utilizando una interfaz de traducción dedicada

Esta guía forma parte de la Documentación de Admin ComusThumbz.