Suporte » Temas » adicionar a opção para trocar Cabeçalho (header) no tema

  • Resolvido Cesar A.R de Oliveira

    (@cesar-ar-de-oliveira)


    Como adicionar a opção para trocar Cabeçalho (header) no tema wordpress, sabe que nem o tema padrão do wordpress tem.

    Onde acho está informação ?

    Obrigado desde já pela ajuda de todos 😀

    Acho que achei um lugar falando sobre.

    http://wp-brasil.org/dicas-e-tutoriais/o-arquivo-functions-php-do-wordpress-3-0

    <?php
    //Cabeçalho personalizado
    //O %s é um placeholder para o URI do diretório do template do tema.
    define('HEADER_IMAGE', '%s/images/header.png'); //O cabeçalho padrão
    define('HEADER_IMAGE_WIDTH', apply_filters('', 800)); //Largura do cabeçalho
    define('HEADER_IMAGE_HEIGHT', apply_filters('', 200)); //Altura do cabeçalho
    define('NO_HEADER_TEXT', true);
    add_custom_image_header('', 'admin_header_style'); //Isto ativa Aparência > Cabeçalho
    //O código a seguir serve para adicionar estilos à página de Admin
    if(!function_exists('admin_header_style')){
    function admin_header_style() {
    ?>
    <style type="text/css">
    #headimg {
    height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
    width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
    }
    #headimg h1, #headimg #desc {
    display: none;
    }
    </style>
    
    <?php
    }
    }

    Cole este código no functions.php e vi habilitar o bagulho do cabeçalho personalizado… qualquer coisa eu posto aqui novamente

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Criador do tópico Cesar A.R de Oliveira

    (@cesar-ar-de-oliveira)

    Adicione isto ao seu header.php, para chamar a imagem .

    <div id="header_logo">
    
          <a href="<?php echo get_settings('home'); ?>" title="UpNews"><img src="<?php header_image(); ?>" width="<?php echo(constant('HEADER_IMAGE_WIDTH')); ?>" height="<?php echo(constant('HEADER_IMAGE_HEIGHT')); ?>" alt="Desenvolvido por CARO, todos os direitos reservados" width="229" height="60" border="0" /> </a>
    
          </div><!--fecha header logo  LOGOMARCA-->

    Lógico analisa o código e muda o que for necessário, ainda não ficou perfeita a coisa , pois pelo que vi aqui, eu não consigo editar a imagem ali em midia, mas acho que vou ver depois e posto aqui uma solução se eu ver isto auheuahe 😀

    Fonte = http://wp-portugal.com/2010/06/24/wordpress-3-0-novas-funcionalidades-como-usar-parte-i/

    Criador do tópico Cesar A.R de Oliveira

    (@cesar-ar-de-oliveira)

    Custom Header and Background Images from Media Library in WordPress 3.4

    http://www.inmotionhosting.com/support/website/wordpress-34/custom-header-background-images-from-media-library

    Ali fala que o esquema de pegar uma imagem que tu tenha upado para o servidor via o wordpress , é habilitado no wordpress 3.4 .

    outra coisa meu functions.php, no anterior tinha faltado fechar o bagulho com o ?>

    <?php
    //Cabeçalho personalizado
    //O %s é um placeholder para o URI do diretório do template do tema.
    define('HEADER_IMAGE', '%s/images/header.png'); //O cabeçalho padrão
    define('HEADER_IMAGE_WIDTH', apply_filters('', 229)); //Largura do cabeçalho
    define('HEADER_IMAGE_HEIGHT', apply_filters('', 60)); //Altura do cabeçalho
    define('NO_HEADER_TEXT', true);
    add_custom_image_header('', 'admin_header_style'); //Isto ativa Aparência > Cabeçalho
    //O código a seguir serve para adicionar estilos à página de Admin
    if(!function_exists('admin_header_style')){
    function admin_header_style() {
    ?>
    <style type="text/css">
    #headimg {
    height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
    width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
    }
    #headimg h1, #headimg #desc {
    display: none;
    }
    </style>
    
    <?php
    }
    }
    ?>

    Então, no Codex você encontra o Cabeçalho Personalizado, bem explicado e contém exemplo.

    Criador do tópico Cesar A.R de Oliveira

    (@cesar-ar-de-oliveira)

    Obrigado Lucas S. B. Mastella.

    Tópico resolvido, para mim 😀

    Criador do tópico Cesar A.R de Oliveira

    (@cesar-ar-de-oliveira)

    <?php
    $args = array(
    	'flex-width'    => false, //Largura do cabeçalho flexivel
    	'width'         => 350, //Largura do cabeçalho
    	'flex-height'   => false, //Altura do cabeçalho flexivel
    	'height'        => 190, //Altura do cabeçalho
    	'default-text-color'     => '', //Cor do texto no cabeçalho
    	'header-text'   => false, //Permitir texto no cabeçalho
    	'default-image' => get_template_directory_uri() . '/images/header.png', //Imagem default do cabeçalho
    );
    add_theme_support( 'custom-header', $args );
    ?>

    É este código que estou usando agora , o mesmo código bem dizer que mostram aqui http://codex.wordpress.org/Custom_Headers .

    Este código é colocado dentro do arquivo functions.php do seu tema fazendo assim habilitar o cabeçalho customizado 🙂 que fica lá em aparencia 🙂

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘adicionar a opção para trocar Cabeçalho (header) no tema’ está fechado para novas respostas.