Blog Virtualizacion Tu Blog de Virtualización en Español. Maquinas Virtuales (El Blog de Negu) en castellano. Blog informática vExpert Raul Unzue
Artículos relacionados
Volvemos a enseñaros una modificación del tema original wordpress TwentyTwelve. En esta ocasión hemos reducido el tamaño de la imagen de portada que nos quitaba espacio y hacía que la carga no esté tan optimizada como ahora.
Para desplazar la imagen, deberemos editar el fichero /wp-content/themes/twentytwelve/header.php . Como siempre realizar una copia del fichero.
Simplemente deberemos desplazar las líneas que os indicamos en el texto:
ORIGINAL
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<header id="masthead" role="banner"> <hgroup> <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2><?php bloginfo( 'description' ); ?></h2> </hgroup> <nav id="site-navigation" role="navigation"> <h3><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?> </nav><!-- #site-navigation --> <strong><?php $header_image = get_header_image();</strong> <strong> if ( ! empty( $header_image ) ) : ?></strong> <strong> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="elblogdenegu" /></a></strong> <strong> <?php endif; ?> </strong> </header><!-- #masthead --> |
LINEAS A MODIFICAR
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<header id="masthead" role="banner"> <hgroup> <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2><?php bloginfo( 'description' ); ?></h2> </hgroup> <strong><?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="elblogdenegu" /></a> <?php endif; ?> </strong> <nav id="site-navigation" role="navigation"> <h3><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?> </nav><!-- #site-navigation --> </header><!-- #masthead --> |
Os enseñamos como estaba y cómo está ahora después del cambio. Recuerdo que es un tema de optimización y no de estética:
ANTES
AHORA
Te ha gustado la entrada SGUENOS EN TWITTER O INVITANOS A UN CAFE?
Para hacer pruebas, MAMP, XAMPP …
Hola Deli,
No entiendo muy bien cual es la pregunta…
Nosotros para el laboratorio utilizamos máquinas virtuales con TurnKey. Aunque lo explicamos para MAC, puedes utilizar el appliance en un linux o windows, con vmware player, por ejemplo:
https://www.maquinasvirtuales.eu/como-montar-un-laboratorio-wordpress-en-tu-mac
Cualquier solución es válida, nosotros utilizamos ésta por nuestro trabajo.
Saludos
hola, puede alguno ayudarme con esto. quiero colocar una imagen diferente para cada pagina del sitio…
pueden pasarme algún link o bien decirme qué debo modificar….? gracias de antemano.
Hola Cali,
Lo que podrías hacer es crear una función para que la imagen vaya rotando. Que no se si es exactamente lo que buscas…
Si no te quieres complicar hay plugins que te hacen el trabajo:
http://wordpress.org/extend/plugins/header-image-slider/
Salu2
gracias por tu pronta respuesta. el slider es una buena opción….pero lo mío creo es mas sencillo…simplemente quiero que cada página (no son muchas tampoco) tenga su imagen de cabecera diferente….se me ocurre debo cambiar algo en funciones y en el header, pero no sé mucho de esto y quizás sepan de algún link en donde simplemente pueda copiar algo de código y agregarlo….gracias nuevamente. saludos
Hola de nuevo,
Prueba lo que comentan:
http://es.forums.wordpress.com/topic/puedo-cambiar-la-imagen-de-cabecera-para-las-distintas-paginas
Salu2