Como criar ou personalizar o footer do noteworrthy
-
Boa tarde.
Gostaria de saber se tem algum plugin específico, ou uma forma de criar um footer com quatro widgets no rodapé.Tentei criar o código no footer e ao criar a função no function.php o site travou, estou com medo de fazer acontecer isto novamente.
Como em um dos sites uso vários elementos na slidebar, fica estranho “muito longa”.
O tema é este: http://wpthemes.co.nz/noteworthy/
O site é este: http://www.fotoesc.com.br/ e, http://julianesouzafotografia.com/julianesouza/Gostaria da ajuda se possível. obrigado.
-
Você quer adicionar 4 areas de widget no foter??? ë isso???
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…
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.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/
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
?>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
- O tópico ‘Como criar ou personalizar o footer do noteworrthy’ está fechado para novas respostas.