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.
