Si has leido el post crea un logo on line de forma sencilla, el siguiente paso puede ser este:crea una responsive header image con tu logo (cabecera responsive).
Estos son los pasos:
Paso 1. Sube la imagen que has creado en la carpeta de imágenes de tu tema WP. En mi caso lo he hecho con FileBrowser. La ruta sería: Escritorio-Filebrowser-WPContent-Themes-“tu tema”-Images. Cuando llegues aqui dale a añadir. Escoge archivo en lugar de carpeta. Le das a examinar, lo buscas y lo añades. Es importante que recuerdes el nombre que le has daso al archivo porque ahora tendrás que utilizarlo.
Paso 2. Dado que vamos a insertar una imagen que ocupe toda la cabecera no vamos a hacer uso de una parte de código en el archivo functions.php . No vamos a quitar ese código (remove) sino unicamente “comment it out” o dejarlo sin efecto. Para ello dentro de archivo functions.php (Ruta:Filebrower-WPContent-Themes-busca tu tema-functions.php- en lugar de abrir el archivo dale a “Edit”) buscaremos la referencia al header, que en mi tema aparece de la siguiente forma:
/** Add support for custom header */add_theme_support( 'genesis-custom-header', array( 'width' => 1140, 'height' => 100) );/** Add support for custom header *//*add_theme_support( 'genesis-custom-header', array(
'width' => 1140, 'height' => 100) );*/#header {
background-position: top center!important;
margin: 0 auto;
/*min-height: 60px;*/
overflow: hidden;
width: 1140px;
}
Paso 6. De nuevo vamos al editor CSS del tema hijo y justo debao del apartado destinado al #header viene el /* Image Header – Partial Width. Aqui al igual que antes vamos a hacer comment it out en una parte del código. Con el punto 5 y el 6 lo que conseguimos es que la imagen del header se adapte a cualquier dispositivo que vea nuestra web (responsive). Aqui viene el código y en rojo lo que tenéis que añadir.
.header-image #title,
.header-image #title a {
/*display: block;*/
float: left;
/*height: 100px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 400px;*/
}
¡ Hola, TE INVITO A SUSCRIBIRTE AL BLOG !
Así recibirás algunas de las nuevas entradas, que siempre las creo pensando en todo aquello que tiene valor para quien está creando su proyecto o quiere darle un impulso. Tratamos la información que nos facilitas con el fin de enviarte publicidad relacionada con nuestros productos por mail e invitarte a eventos organizados por la empresa. Los datos proporcionados se conservarán mientras no solicites el cese de la actividad. Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. Tienes derecho a obtener confirmación sobre si en SILVIA CARAVANTES CANTERO estamos tratando tus datos personales, por tanto tienes derecho a acceder a tus datos personales, rectificar los datos inexactos o solicitar su supresión cuando los datos ya no sean necesarios para los fines que fueron recogidos. Ten en cuenta que al suscribirte aceptas nuestra política de privacidad.
Puedes dejar aqui tu comentario. Gracias