Para darle individualidad al sitio, el webmaster crea una plantilla original, porque el diseño es la cara del sitio. Hoy en día, se pueden descargar una gran cantidad de diseños de diseño de Internet, y tendrán un aspecto muy agradable. Normalmente, las plantillas que se copiaron de la web se editan para que el sitio sea único.
Es necesario
- - Visor de imágenes;
- - FileZilla;
- - editor de texto Notepad ++.
Instrucciones
Paso 1
Utilice FileZilla para ver y editar sus archivos de plantilla. Con su ayuda, puede trabajar con archivos de configuración en línea. Como regla general, se procesan 3 archivos para cambiar el diseño del sitio: index.php, template.css y templateDetails.xml.
Paso 2
El "encabezado" del sitio es el elemento de la página que va desde la parte superior hasta el principio del contenido, de ahí el nombre. También se llama encabezado. Como regla general, solo el logotipo o cualquier otra imagen (logo.jpg) debe reemplazarse en el "encabezado" del sitio. La ubicación del logotipo del sitio está en el archivo template.css. Ábralo con Notepad ++.
Paso 3
Para buscar un valor, use la opción "Buscar elemento": presione la combinación de teclas Ctrl + F e ingrese el valor deseado en el campo vacío. Si desea cambiar el ancho o alto de la imagen en el "encabezado", ingrese la palabra encabezado en la barra de búsqueda y presione la tecla Enter.
Paso 4
Debajo de la palabra que está buscando, verá las líneas: Alto (alto) y Ancho (ancho). Cambie estos valores, luego presione Ctrl + S para guardar sus cambios. En el cuadro de diálogo de FileZilla resultante, haga clic en el botón Sí.
Paso 5
Vaya al sitio para ver los cambios. Si no está satisfecho con ellos, vuelva al archivo e ingrese los nuevos valores.
Paso 6
Para cambiar el tamaño y el nombre de la fuente en la página principal del sitio, utilice la búsqueda. Escriba el cuerpo de la palabra y presione la tecla Intro. Debajo de este operador se encuentran las líneas font-family (nombre) y font-size (tamaño o punto). Cambie sus valores, guarde sus cambios y vaya al sitio para verlos.
Paso 7
Para cambiar la forma en que se muestran los enlaces, introduzca los valores a: enlace (enlace estándar), a: visitado (enlace visitado) y a: hover (enlace activo) en el formulario de búsqueda. Presione Entrar para encontrar estos elementos en el archivo template.css.
Paso 8
Edite los parámetros de color y tamaño de fuente. Después de cambiarlos, probablemente notará que no todos los enlaces han adquirido un color o tamaño de fuente diferente. En este caso, debe buscar opciones alternativas de ubicación de enlaces. Por ejemplo, los que se han mantenido sin cambios se encuentran en el menú principal, por lo tanto, debe buscar un elemento consonante.
Paso 9
Busque la palabra "Principal" y presione Entrar. Lo más probable es que se encuentre junto al enlace de la columna izquierda y los elementos del enlace actual de la columna izquierda, cuyo valor debe cambiar. Después de editarlos, guarde el resultado y vaya a la página del sitio, todos los enlaces en la página cargada deben cambiar externamente.
