ubiquitour.com

Cambiar el Color del tema de WordPress

Cuando finalmente encuentras el perfecto diseño de WordPress, no debería dejar el esquema de color mal le impida recogerlo. Siempre y cuando los colores se definen en la hoja de estilos de diseños, como en elementos gráficos, usted será capaz de cambiar el esquema de colores de tu diseño. Para cambiar la hoja de estilo, necesita tener una comprensión básica de CSS y se sienten cómodos modificar un documento de diseño vital.

Instrucciones

1 Determinar qué colores desea utilizar; Copie o escriba el código hexadecimal de seis dígitos asociado a cada color. Cada color tiene un código de seis letras y números; blanco utiliza #FFFFFF mientras que utiliza negro #000000. Hay muchos sitios web dedicados a colores y combinaciones, como los amantes del color o YaflaColor.

2 Abra el dashboard de WordPress y vaya a "Apariencia" y luego "Editor." Esto te mostrará la lista de todas las plantillas y páginas relevantes a su sitio Web.

3 Seleccione "Hoja de estilos (style.css)" debajo del subtítulo "Estilos". Dependiendo de tu plantilla la hoja de estilo puede tener un nombre diferente, pero siempre tendrá un tipo de archivo "CSS".

4 Copiar y pegar todo el contenido sin cambios del documento de hoja de estilo predeterminada. Usted puede hacer esto haciendo clic en cualquier lugar en el editor de WordPress y pulsando la "tecla Ctrl" y "A" de su teclado y pulsando la "tecla Ctrl" y "C." Abrir un documento de texto vacío, pegar el contenido de la hoja de estilo actual y guardar esta copia en el equipo. Esta copia va a venir bien si romper la hoja de estilo y necesita volver a la configuración predeterminada.

5 Volver a la pantalla del editor de WordPress y buscar la hoja de estilo para la etiqueta "BODY". Se verá como "cuerpo {" con una serie de atributos que le siguen, seguido por un "}" signo. La sección de "Cuerpo" es donde cambias el fondo de la imagen, sino también el color del texto.

6 Busque el atributo "background" en la sección de "cuerpo". Si el fondo es sólo un color, se formateará "fondo: #000000;".

7 Cambiar la "#000000" a cualquier color que desea utilizar para el nuevo fondo. Para cambiar el color del texto, busque la etiqueta de "color", con formato "color: #000000;" y cambiar el código hexadecimal para el color del texto recomendado:. Para cambiar colores de link, encuentra las etiquetas que comienzan con "a:" como "una: link {}," "un: visitó {}," "un: hover {}" y "un: {activa}" y cambiar el código hexadecimal.

8 Encontrar el resto de los elementos que desea modificar. Cómo se clasifican estos elementos varía drásticamente entre diseñadores Web; un diseñador puede utilizar IDs para definir elementos (tales como "#header {}") mientras que el otro sólo puede referirse a elementos genéricos como "tabla {}". Cualquier elemento con el código hexadecimal de color puede ser cambiado; la mejor manera de aprender es experimentar con cautela.

9 Guarde el trabajo con frecuencia usando el botón de "Actualizar archivo" debajo del editor de texto en WordPress.

Consejos y advertencias

  • Asegúrese de que los colores que usted seleccione para su sitio web son complementarios y no serán esfuerzo ojos de sus visitantes.
  • CSS y HTML son los huesos de su sitio web; una sola falta o símbolo mal puede romper todo su diseño. Tenga cuidado de sólo modificar los bits de tu web se sienta cómodo cambio.
  • Cada desarrollador de WordPress plantilla hace su CSS un poco diferente; mientras que la sintaxis de CSS es universal, puede formatear ligeramente diferente por su diseño particular.