Modificación del color de WordPress Tema

Cuando por fin encontrar el diseño perfecto de WordPress, usted no debe dejar que el esquema de color equivocado le impida recogerlo. En tanto que los colores se definen en la hoja de estilo de disposiciones, en lugar de en los elementos gráficos, usted será capaz de cambiar el esquema de color de su diseño. Para cambiar la hoja de estilo, que tendrá que tener un conocimiento básico de CSS y sentirse cómodo modificar un documento de vital importancia el diseño.

Instrucciones

1 Determine lo que los colores que desea utilizar; copiar o escribir el código hexadecimal de seis dígitos asociado con cada color. Cada color tiene un código compuesto de seis letras y / o números; blanco #FFFFFF utiliza mientras utiliza negro # 000000. Hay muchos sitios web dedicados a diferentes colores y combinaciones, tales como los amantes del color o YaflaColor.

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

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

4 Copiar y pegar todo el contenido original de un documento de hoja de estilo por defecto. Usted puede hacer esto haciendo clic en cualquier parte del editor de WordPress y pulsando la tecla "Ctrl" y "A" en su teclado y pulsando la tecla "Ctrl" y "C" Abra un documento de texto vacío, pegar el contenido de la hoja de estilo actual y guardar esta copia en el ordenador. Esta copia será muy útil si se rompe 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 de "cuerpo". Se parece a "BODY {" con una serie de atributos por debajo de ella, seguido de un "}" signo. La sección de "cuerpo" es donde puede cambiar no sólo el fondo de la imagen, sino también el color del texto.

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

7 Cambiar el "# 000000" a cualquier color que desea utilizar para el nuevo fondo. Para cambiar el color del texto, busque la etiqueta "color", con el formato "color: # 000000;" y cambiar el código hexadecimal para el color del texto preferido. Para cambiar colores de los enlaces, encontrar las etiquetas que comienzan con "a:" como "a: link {}", "a: visited {}", "a: hover {}" y "a: active {}" y el cambio el código hexadecimal.

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

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

Consejos y advertencias

• Asegúrese de que los colores que seleccione para su página web son complementarias y no forzar los ojos de sus visitantes.
• CSS y HTML son los huesos de su sitio web; un único símbolo que falta o fuera de lugar puede romper todo su trazado. Tenga cuidado al editar sólo aquellas partes de su sitio web que se sienta cómodo cambiante.
• Todos los desarrolladores plantilla de WordPress hace su CSS sólo un poco diferente; mientras que la sintaxis de CSS es universal, que puede tener un formato ligeramente diferente para su diseño particular.