body {\n background: #05B0E7;\n}<\/code><\/pre>\nEso deber\u00eda hacer que el fondo sea azul, y luego puede cambiar el c\u00f3digo de color hexadecimal a cualquier color que desee. Puede usar un selector de color como este<\/a> si necesita ayuda para encontrar un c\u00f3digo hexadecimal.<\/p>\nDebido a que cada tema es diferente, no puedo prometer que el c\u00f3digo funcionar\u00e1, as\u00ed que aqu\u00ed est\u00e1 lo siguiente que recomendar\u00eda.<\/p>\n
Esto definitivamente funcionar\u00e1<\/h2>\n
Primero una pregunta:<\/p>\n
\u00bfEs esta la \u00fanica personalizaci\u00f3n que le gustar\u00eda hacer? \u00bfO tambi\u00e9n ser\u00eda bueno cambiar el tama\u00f1o de los t\u00edtulos de las publicaciones o el color del encabezado tambi\u00e9n?<\/p>\n
Si tiene un pu\u00f1ado de modificaciones que le gustar\u00eda hacer, es posible que realmente disfrute de CSS Hero.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\")
<\/a><\/p>\nCSS Hero<\/a> es la herramienta perfecta para realizar personalizaciones visuales en su sitio. Por ejemplo, puede:<\/p>\n\n- Cambiar los colores de fondo<\/li>\n
- Elija nuevas fuentes<\/li>\n
- Agregar im\u00e1genes de fondo<\/li>\n
- Ajustar el espaciado alrededor de cualquier elemento<\/li>\n<\/ul>\n
Tenemos una gu\u00eda completa sobre el uso de CSS Hero<\/a>, pero as\u00ed es exactamente c\u00f3mo puede usarla para cambiar el color de fondo.<\/p>\nC\u00f3mo cambiar tu color de fondo<\/h2>\n
CSS Hero te ofrece una nueva interfaz para editar tu sitio.<\/p>\n
En el lado derecho hay una vista previa del sitio. Haga clic en cualquier elemento de la vista previa y el lado izquierdo se llenar\u00e1 con todas las opciones de personalizaci\u00f3n disponibles.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\")
<\/a><\/p>\nCSS Hero se utiliza con el tema Shift<\/a> gratuito<\/a><\/p>\nTodo lo que tienes que hacer es hacer clic en el fondo de tu sitio y luego seleccionar la opci\u00f3n Fondo en el lado izquierdo.<\/p>\n
La selecci\u00f3n de la opci\u00f3n Fondo revela la configuraci\u00f3n de color y una serie de opciones de posici\u00f3n para las im\u00e1genes de fondo.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\")
<\/a><\/p>\nAl hacer clic en el cuadro de color transparente (a cuadros), se muestra el selector de color en el que tiene control total sobre el color que se utiliza.<\/p>\n
![\"C\u00f3mo](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\")
<\/a><\/p>\nA\u00fan m\u00e1s genial es el hecho de que el color se actualiza instant\u00e1neamente a medida que usa el selector de color.<\/p>\n
Todos los cambios que realice solo ser\u00e1n visibles para usted hasta que haga clic en el bot\u00f3n Guardar y publicar en la parte inferior. Luego, sus modificaciones se publican en vivo en el sitio para que todos las vean.<\/p>\n
Empiece a personalizar su sitio<\/h2>\n
Si sabe c\u00f3mo escribir CSS y encontrar selectores para usar<\/a>, puede realizar personalizaciones como esta con c\u00f3digo. De lo contrario, es probable que no pueda encontrar un fragmento de copiar \/ pegar en l\u00ednea porque cada tema es diferente.<\/p>\nEn estos casos, CSS Hero<\/a> es una herramienta incre\u00edble y le ahorrar\u00e1 mucho tiempo. Adem\u00e1s, es bueno saber que siempre puede realizar cambios de estilo en cualquier tema que elija en el futuro.<\/p>\nPuede hacer clic aqu\u00ed para probar CSS Hero<\/a> o visitar nuestro tutorial<\/a> para obtener m\u00e1s informaci\u00f3n sobre c\u00f3mo funciona. Tambi\u00e9n puede disfrutar de algunas de las ideas de nuestra gu\u00eda de personalizaci\u00f3n de WordPress<\/a>.<\/p>\n