Suporte » Temas » Como criar ou personalizar o footer do noteworrthy

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • Você quer adicionar 4 areas de widget no foter??? ë isso???

    Criador do tópico reinaldo moraes

    (@reinaldo-moraes)

    Isto. Se puder ajudar ficarei muito agradecido.
    Obrigado desde já.

    nao sei se exite um plugin que fassa isso, voce vai precisar adicionar manualmente… amnha te envio os codigos…

    Siga esse tutorial: http://www.oficinablogger.net/como-criar-uma-area-de-widget-personalizado-no-wordpress/

    Se você que 4 áreas widget no footer, edite o footer.php adicionando as 4 sections da forma que desejar.

    O tutorial explica como adicionar uma nova área widget, é só repetir o procedimento três vezes…

    Criador do tópico reinaldo moraes

    (@reinaldo-moraes)

    Valeu pela força, Infelizmente não consegui.

    Quando adiciono o código ele aparece no cabeçalho do site na área do visitante, e tentei de várias formas o segundo código no footer mas o widget não apareceu.

    Eu sou bem leigo no assunto, mas este código foi feito no tema ‘twentyeleven’ e só diz:

    if ( function_exists(‘register_sidebar’) )
    register_sidebar( array(
    ‘name’ => __( ‘Widget Area – 1’),
    ‘id’ => ‘mycustomwidgetarea’,
    ‘description’ => __( ‘Uma área de widget adicional’, ‘twentyeleven’ ),

    Não está faltando algo? Não consigo localizar nada sobre o footer no código, só a sidebar, ou é normal, só chamar o widget no footer?

    Valeu obrigado.

    Vamos lá:

    Esse codigo no functions.php habilita uma nova widget area.

    if ( function_exists('register_sidebar') )
    register_sidebar( array(
    'name' => __( 'Widget Area - 1'),
    'id' => 'mycustomwidgetarea',
    'description' => __( 'Uma área de widget adicional', 'twentyeleven' ),
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => "</aside>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );

    E esse codigo você coloca no lugar em que quer que a widget area apareça, no caso no arquivo footer.php:

    <?php
    // Custom widget Area Start
    if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget Area - 1') ) : ?>
    <?php endif;
    // Custom widget Area End
    ?>

    agora o pulo do gato:

    No codigo da function tem a linha ‘before_widget’ => e a linha ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ =>, nessas linhas você coloca o codigo html que vem antes do lugar que quer que aparaça a widget area e o codigo html depois.

    Criador do tópico reinaldo moraes

    (@reinaldo-moraes)

    Obrigado acho que cheguei perto.

    Mas ainda fiquei meio confuso e inseguro pois a última vez que tentei fazer isto o site saiu fora do ar.

    Eu localizei o código como está abaixo no function.php do meu tema mas fiquei em dúvida.

    * Register widgetized area and update sidebar with default widgets
    */
    function noteworthy_widgets_init() {
    register_sidebar( array(
    ‘name’ => __( ‘Sidebar Right’, ‘noteworthy’ ),
    ‘id’ => ‘sidebar-1’,
    ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ => “</aside>”,
    ‘before_title’ => ‘<h2 class=”widget-title”>’,
    ‘after_title’ => ‘</h2>’,
    ) );

    No meu tema está assim, vejo que tem somente até o ‘<h2>’.

    Agora a dúvida é se eu adiciono o primeiro código no function.php, logo abaixo deste trecho, como está aqui?

    No caso ficaria assim?
    _______________________________________________________________________
    * Register widgetized area and update sidebar with default widgets
    */
    function noteworthy_widgets_init() {
    register_sidebar( array(
    ‘name’ => __( ‘Sidebar Right’, ‘noteworthy’ ),
    ‘id’ => ‘sidebar-1’,
    ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ => “</aside>”,
    ‘before_title’ => ‘<h2 class=”widget-title”>’,
    ‘after_title’ => ‘</h2>’,
    ) );
    if ( function_exists(‘register_sidebar’) )
    register_sidebar( array(
    ‘name’ => __( ‘Widget Area – 1’),
    ‘id’ => ‘mycustomwidgetarea’,
    ‘description’ => __( ‘Uma área de widget adicional’, ‘twentyeleven’ ),
    ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
    ‘after_widget’ => “</aside>”,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’,
    ) );
    ________________________________________________________________________

    E depois com este código eu crio as áreas do footer.php?

    <?php
    // Custom widget Area Start
    if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Widget Area – 1’) ) : ?>
    <?php endif;
    // Custom widget Area End
    ?>

    Desde já. Obrigado pela força.

    Exatamente isso, aqui tem outro tutorial, que explica tudo direitinho…

    http://multimediamonsters.com/2013/05/wordpress-tutorial-add-widget-area-to-template/

    Criador do tópico reinaldo moraes

    (@reinaldo-moraes)

    Valeu, agora consegui.

    A única dificuldade está sendo ao adicionar as demais áreas para o footer.php.

    O código vem assim:
    ___________________________________________________________________
    <?php
    // Custom widget Area Start
    if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Widget Area – 1’) ) : ?>
    <?php endif;
    // Custom widget Area End
    ?>
    ___________________________________________________________________

    Eu tentei repeti-lo mas apareceu somente uma área no novo widget.
    Tentei acrecentar área 2, área 3, ao repetir os códigos mas nada de conseguir as demais áreas.

    Teria que adicionar alguma modificação ao repetir o código?

    Se puder dar mas um empurrão aí agradeço.

    Desde já obrigado.

    Você tem que mudar os names e ids…

    No codigo da function:

    ‘name’ => __( ‘Colocar nome diferente das outras aresa‘),
    ‘id’ => ‘Colocar nome diferente das outras aresa, sem espaço e tudo em minuscula‘,

    No Codigo da footer:

    <?php
    // Custom widget Area Start
    if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Colocar nome igual que colocou no campo name‘) ) : ?>
    <?php endif;
    // Custom widget Area End
    ?>

    Criador do tópico reinaldo moraes

    (@reinaldo-moraes)

    Obrigado hein.
    Consegui fazer quase tudo.

    Tanto no function e fiz igual no footer,

    Ficou algo assim, no function.php;
    _______________________________________________________________
    /********************************************************************
    register sidebar widgets
    ********************************************************************/
    if ( function_exists(‘register_sidebar’) )
    register_sidebar(array(
    ‘name’ => __( ‘Widget 1’ ),
    ‘id’ => ‘1-widget-area’,
    ‘description’ => __( ‘1 area de widget’ ),
    ‘before_widget’ => ‘<li id=”%1$s” class=”%2$s”>’,
    ‘after_widget’ => ”,
    ‘before_title’ => ‘<h3>’,
    ‘after_title’ => ‘</h3>’,
    ));

    register_sidebar(array(
    ‘name’ => __( ‘Widget 2’ ),
    ‘id’ => ‘2-widget-area’,
    ‘description’ => __( ‘2 area de widget’ ),
    ‘before_widget’ => ‘<li id=”%1$s” class=”%2$s”>’,
    ‘after_widget’ => ”,
    ‘before_title’ => ‘<h3>’,
    ‘after_title’ => ‘</h3>’,
    ));

    register_sidebar(array(
    ‘name’ => __( ‘Widget 3’ ),
    ‘id’ => ‘3-widget-area’,
    ‘description’ => __( ‘3 area de widget’ ),
    ‘before_widget’ => ‘<li id=”%1$s” class=”%2$s”>’,
    ‘after_widget’ => ”,
    ‘before_title’ => ‘<h3>’,
    ‘after_title’ => ‘</h3>’,
    ));

    register_sidebar(array(
    ‘name’ => __( ‘Widget 4’ ),
    ‘id’ => ‘4-widget-area’,
    ‘description’ => __( ‘4 area de widget’ ),
    ‘before_widget’ => ‘<li id=”%1$s” class=”%2$s”>’,
    ‘after_widget’ => ”,
    ‘before_title’ => ‘<h3>’,
    ‘after_title’ => ‘</h3>’,
    ));
    ________________________________________________________________

    E no foter;
    ________________________________________________________________
    <?php if ( is_active_sidebar( ‘1-widget-area’ ) ) : ?>
    <?php dynamic_sidebar( ‘1-widget-area’ ); ?>
    <?php endif; ?>

    <?php if ( is_active_sidebar( ‘2-widget-area’ ) ) : ?>
    <?php dynamic_sidebar( ‘2-widget-area’ ); ?>
    <?php endif; ?>

    <?php if ( is_active_sidebar( ‘3-widget-area’ ) ) : ?>
    <?php dynamic_sidebar( ‘3-widget-area’ ); ?>
    <?php endif; ?>

    <?php if ( is_active_sidebar( ‘4-widget-area’ ) ) : ?>
    <?php dynamic_sidebar( ‘4-widget-area’ ); ?>
    <?php endif; ?>
    ________________________________________________________________

    Consegui criar os quatro quatro widgets, eles apareceram corretamente, porém não consegui alinhar eles lado a lado.

    Quando adiciono algo aparecem todos um embaixo do outro.

    Desta forma:http://www.fotoesc.com.br/

    Se puder dar mais uma força aí de como faço o alinhamento para eles aparecerem lado a lado.

    Obrigado pela força

    Ai é no css, coloque as regras float: left e display: block, nas divs dos widgets…

    Da uma olhada aqui: http://pt-br.html.net/tutorials/css/lesson13.php

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • O tópico ‘Como criar ou personalizar o footer do noteworrthy’ está fechado para novas respostas.