Substitución de texto de cabecera por imagen

jaumesastre · #1 (**permalink**) 04/05/2015, 00:26

Buenos días.

En mi sitio web, http://www.betatutoriales.miwp.eu, utilizo el tema Foreverwoord, en el que he modificado a mi gusto, todo el CSS, para adecuarlo a mis necesidades.

Pero hay una cosa que no me gusta y me gustaría modificarla, el tema por defecto tiene una opción para añadir una cabecera, pero se añade justo debajo de la barra donde se añaden las secciones, no arriba, que es donde yo querría que se añadiera la cabecera y substituir el texto de BETA Tutoriales por dicha cabecera, pero no se me ocurre nada para substituir ese texto de BETA Tutoriales por la imagen, ya que el tema por defecto no lo hace asi ¿alguna idea?

Saludos!

franciscomarin · #2 (**permalink**) 04/05/2015, 02:32

Modifica el header.php del theme, localiza la llamada al título del sitio y añade la imagen que quieras con un width del 100% e incluso le podrás dar el mismo estilo que tiene la imagen de abajo del menú para que quede igual que en el demo del theme pero arriba.

jaumesastre · #3 (**permalink**) 07/05/2015, 05:07

Gracias, por falta de tiempo no he podido mirarlo hasta ahora.

Gracias.

Os mantendré informados de como me ha ido.

Jaume Sastre

jaumesastre · #4 (**permalink**) 07/05/2015, 05:30

Acabo de modificar lo que parecia ser de cabecera en el header, php y me da error 75, asi que algo he ehcho mal.

Aqui te dejo el header ORIGINAL de mi tema a ver si me puedes más o menos por donde debo tocar.

Código:

<?php
/**
 * The header template file.
 * @package ForeverWood
 * @since ForeverWood 1.0.0
*/
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<?php global $foreverwood_options_db; ?>
  <meta charset="<?php bloginfo( 'charset' ); ?>" /> 
  <meta name="viewport" content="width=device-width" />  
<?php if ( ! function_exists( '_wp_render_title_tag' ) ) { ?><title><?php wp_title( '|', true, 'right' ); ?></title><?php } ?>  
<?php if ($foreverwood_options_db['foreverwood_favicon_url'] != ''){ ?>
	<link rel="shortcut icon" href="<?php echo esc_url($foreverwood_options_db['foreverwood_favicon_url']); ?>" />
<?php } ?>
<?php wp_head(); ?>   
</head>
 
<body <?php body_class(); ?> id="wrapper">
<div id="container-boxed"> 
<div id="container-boxed-inner">
<header id="wrapper-header">  
  <div class="header-content-wrapper">
    <div class="header-content">
      <div class="title-box">
<?php if ( $foreverwood_options_db['foreverwood_logo_url'] == '' ) { ?>
        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></p>
<?php } else { ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img class="header-logo" src="<?php echo esc_url($foreverwood_options_db['foreverwood_logo_url']); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
<?php } ?>
      </div>
<?php if ( !is_page_template('template-landing-page.php') ) { ?>
<?php if ( $foreverwood_options_db['foreverwood_header_layout'] == 'Wide' ) { ?>
      <div class="menu-box">
<?php wp_nav_menu( array( 'menu_id'=>'nav', 'theme_location'=>'main-navigation' ) ); ?>
      </div>
<?php }} ?>
    </div>
  </div>
<?php if ( !is_page_template('template-landing-page.php') ) { ?>
<?php if ( $foreverwood_options_db['foreverwood_header_layout'] != 'Wide' ) { ?>
  <div class="menu-panel-wrapper">
    <div class="menu-panel">
<?php wp_nav_menu( array( 'menu_id'=>'main-nav', 'theme_location'=>'main-navigation' ) ); ?>
    </div>
  </div>
<?php }} ?>

<?php if ( is_home() || is_front_page() ) { ?>
<?php if ( get_header_image() != '' && $foreverwood_options_db['foreverwood_display_header_image'] != 'Everywhere except Homepage' ) { ?>
  <div class="header-image">
    <img class="header-img" src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>" />
    <div class="header-image-container">
    <div class="header-image-text-wrapper">
      <div class="header-image-text">
<?php if ( $foreverwood_options_db['foreverwood_header_image_headline'] != '' ) { ?>
        <p class="header-image-headline"><?php echo esc_attr($foreverwood_options_db['foreverwood_header_image_headline']); ?></p>
<?php } if ( $foreverwood_options_db['foreverwood_header_image_link_url'] != '' && $foreverwood_options_db['foreverwood_header_image_link_text'] != '' ) { ?>
        <p class="header-image-link-wrapper"><a class="header-image-link" href="<?php echo esc_url($foreverwood_options_db['foreverwood_header_image_link_url']); ?>"><?php echo esc_attr($foreverwood_options_db['foreverwood_header_image_link_text']); ?></a></p>
<?php } ?>
      </div>
    </div>
    </div>
  </div>
<?php } ?>
<?php } else { ?>
<?php if ( get_header_image() != '' && $foreverwood_options_db['foreverwood_display_header_image'] != 'Only on Homepage' ) { ?>
  <div class="header-image">
    <img class="header-img" src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>" />
  </div>
<?php }} ?>
</header> <!-- end of wrapper-header -->

A ver si llegamos a algo, por que con PHP, no me aclaro demasiado.

ArturoGallegos · #5 (**permalink**) 07/05/2015, 09:58

Esta linea me dice que el template ya soporta usar una imagen como logo

Código PHP:

Ver original<?php if ( $foreverwood_options_db['foreverwood_logo_url'] == '' ) { ?>

solo tienes que ir al area administrativa y asignarla, si no sabes donde ponte a revisar todo lo que tengas seguro que tarde o temprano lo encontraras.

jaumesastre · #6 (**permalink**) 07/05/2015, 15:23

Ya lo sé, pero el problema es que sale en la parte de abajo y no substituyendo al texto de BETA Tutoriales, aquí dejo un pantallazo.

La cabecera (linea verde) es lo que aparece debajo del menú y mi tema por defecto no substituyé el texto de BETA Tutoriales (linea amarilla) y yo lo que quiero es que esa imagen substituya al texto de BETA Tutoriales.

Espero que con el pantallazo se entienda mucho mejor.

Saludos!

jaumesastre · #7 (**permalink**) 06/08/2015, 08:03

Sigo con el problema y sigo sin encontrar solución. ¿Alguna idea?

lauser · #8 (**permalink**) 06/08/2015, 09:20

Tan solo debes modificar:

Código PHP:

Ver original<?php if ( ! function_exists( '_wp_render_title_tag' ) ) { ?><title><?php wp_title( '|', true, 'right' ); ?></title><?php } ?>

e incluir la url de tu logo.

jaumesastre · #9 (**permalink**) 06/08/2015, 14:39

¿En que parte? No sé que parte debo modificar para hacer exactamente eso, no entiendo claramente la linea-

Saludos y gracias de nuevo por tu ayuda!