web-development-kb-pt.site

Existe a possibilidade de personalizar o tema atual adicionando barras laterais

Eu estou usando um tema WordPress que tem apenas cabeçalho e rodapé. Eu gostaria de continuar a usá-lo, alterando a largura e adicionando barras laterais.

Alguém poderia me ajudar a mudar a largura (para caber na tela) do tema. Alguém tem uma ideia sobre como adicionar barras laterais a este tema?

==========

Desculpe por não deixar claro na minha pergunta anterior. O tema que estou usando é Minicard

As linhas semelhantes a ...

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>'
    ));

já estão lá.

Este é o código que encontrei lá:

if ( function_exists('register_sidebar') ) {

    register_sidebar(array(
        'name' => __('Beneath the Card (Top)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
    register_sidebar(array(
        'name' => __('Beneath the Card (Bottom)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
}

Então eu criei o arquivo sidebar.php e adicionei o código que você deu para a barra lateral.

Mais tarde eu tentei adicionar o seguinte código:

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

para CSS.

Depois de fazer essas alterações, procurei pela barra lateral e não encontrei nenhuma outra.

sidebarthemescustomization
1
user391

Geralmente, você pode alterar a largura do arquivo style.css, que está localizado no diretório de temas (use firebug para determinar o elemento).

Para adicionar barras laterais ... use este tutorial .

1
negatif

@ user391,

Se você quiser usar widgets da barra lateral, adicione o seguinte código ao seu arquivo functions.php

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
    ));

Em seguida, você precisará determinar o ID ou classe CSS que envolve seu conteúdo principal ou suas postagens. Geralmente isso pode ser encontrado olhando para o seu arquivo index.php logo abaixo <?php get_header(); ?>

Você deve ver algo como <div id="content">, mas pode ser chamado de outra coisa. Na parte inferior da página, procure o div de fechamento, por exemplo: </div>, que geralmente está à direita antes de <?php get_footer(); ?>, alguns temas fecharão os divs de conteúdo em footer.php se esse for o caso, você precisará removê-lo do footer.php e colocá-lo corretamente antes <?php get_footer(); ?>

Em seguida, você precisa adicionar <?php get_sidebar(); ?> após o div de fechamento e antes <?php get_footer(); ?> e criar um novo arquivo de modelo chamado sidebar.php

Adicione o seguinte código ao sidebar.php

<div id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>

</div><!--/sidebar-->

Em seguida, você terá que modificar seu CSS para acomodar a barra lateral. Encontre #content ou o nome do id ou da classe que você encontrou acima e altere a largura e a esquerda e adicione a barra lateral que acabamos de criar. Por exemplo:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

Você pode ter que ajustar as larguras dependendo da largura da div do invólucro principal.

Agora você pode adicionar conteúdo à barra lateral usando os widgets no painel do WordPress.

1
Chris_O