Veja como é fácil widgetizar temas do WordPress

Preparar seus temas para o widget realmente não é tão difícil quanto você imagina. A widgetização de seu tema geralmente envolve preparar os itens da barra lateral para o widget. Eu vou o que exatamente é um tema pronto para widget em um artigo anterior. Se você tem um tema codificado em CSS limpo, pode levar até 5 minutos ou menos e eu mostrarei como.


  • Certificando-se de que seu tema é “compatível com widgets”
  • Criando um arquivo functions.php para registrar a barra lateral
  • Coloque sua barra lateral estática na tag condicional da barra lateral dinâmica
  • Criando várias áreas prontas para widget
  • Outras maneiras criativas de usar widgets

Comece a widgetizar seus temas e continue a ler…

A primeira coisa que você precisa fazer é garantir que sua barra lateral (ou seja o que for que você faz widget) é o que eu gosto de chamar de widget. Isso envolve a formatação do HTML de uma certa maneira. O item ideal da barra lateral em um tema WordPress pronto para widget é codificado da seguinte forma:

Categorias

Observe como esse código é muito limpo. Não há divs nem classes adicionadas ao diretório

    e
  • Tag.

    Os quatro exemplos a seguir também são widgetizáveis.

    Categorias

  • Categorias

  • Categorias

    Categorias

    Sim, há divs adicionadas nesses exemplos, mas são viáveis ​​com o sistema de widgets do WordPress. Contanto que nada entre os dois

      tags é necessário para o estilo CSS, você deve estar pronto. Com isso dito, o exemplo a seguir é não Widget amigável.

      Categorias

      Isso ocorre porque há estilos adicionados ao

        e
      • Tag. Verifique se o seu tema está codificado de uma das maneiras mais “ideais” de widget para evitar esse problema.

        Registrar as barras laterais

        O próximo passo é avaliar seu layout. Quantas áreas widgetizadas você deseja? Um não é problema. Dois ou mais também não é um problema. Você pode até formatá-los de maneiras diferentes, desde que sejam compatíveis com o widget, conforme explicado acima.

        A primeira coisa que você precisa é criar um functions.php arquivo dentro do diretório do tema. Este é um arquivo que você pode usar para modificar a funcionalidade do WordPress com código PHP, sem usar um plug-in – ou editar o código principal. Está tudo embutido em um tema específico.

        Vamos olhar para o formato de item da barra lateral ideal para o widget ideal, o primeiro exemplo nesta postagem. Para registrar uma barra lateral com essa formatação, colocaríamos o seguinte código em nosso arquivo functions.php.

        <?php
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => “

        “,
        ‘after_title’ => “

        “,
        ));
        ?>

        Parece bastante auto-explicativo, certo? O título “Categorias” foi incluído em

        e

        , portanto, colocamos esse é o valor para before_title e after_title, respectivamente. Você também pode colocar o código no outro before_widget e after_widget para incluir cada item do widget em outro código que possa ser necessário para o seu layout..

        Tags condicionais da barra lateral

        Ei, uma etiqueta condicional? Esperançosamente isso soa familiar. Usaremos algo semelhante para verificar se a barra lateral está registrada com widgets e se eles estão ativos. Na parte superior da barra lateral (ou onde você deseja que os widgets comecem a ser exibidos), coloque o seguinte código.

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ()): ?>

        O material da barra lateral fica no meio, e então …

        <?php endif; ?>

        Verifique se você tem o endif; após a declaração if if em algum momento, ou seu tema inteiro será interrompido. Se você já fez tudo certo neste momento, seu tema deve estar pronto para o widget. No entanto, ainda não terminamos …

        Várias áreas prontas para widget

        Com algumas adições e alterações em seu arquivo functions.php e mais algumas instruções if nos arquivos de tema, você pode ter quantas áreas de widget quiser, cada uma com seu próprio nome exclusivo.

        Digamos que você tenha um layout de três colunas com duas barras laterais – uma à esquerda e a outra à direita. Você deseja widgetizar ambos separadamente. Trabalharemos com a estrutura da barra lateral do primeiro exemplo para ambos. O seu arquivo functions.php ficará assim:

        <?php
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘name’ => “Barra lateral esquerda”,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => “

        “,
        ‘after_title’ => “

        “,
        ));
        if (function_exists (‘register_sidebar’))
        register_sidebar (array (
        ‘name’ => ‘Barra lateral direita’,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => “

        “,
        ‘after_title’ => “

        “,
        ));
        ?>

        Observe a nova parte do nome da matriz. Você pode nomear isso como quiser, mas tente ser descritivo. Agora, quando você acessa o arquivo sidebar.php ou onde quer que cada uma das barras laterais esteja localizada no seu tema, você usa a seguinte tag condicional – com o nome da barra lateral que você escolheu em functions.php. Além disso, verifique se este arquivo não possui espaços ou quebras de linha incorretos, pois isso pode causar o aparecimento de mensagens de aviso ao editar itens.

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Barra lateral esquerda")): ?>Padrão da barra lateral esquerda aqui…
        <?php endif; ?>

        E para a barra lateral direita…

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Barra lateral direita")): ?>Coisas padrão da barra lateral direita aqui…
        <?php endif; ?>

        Verifique se tudo está consistente em termos dos nomes que você escolheu nos dois arquivos.

        Outras coisas que você pode fazer com widgets

        Os widgets não precisam ser usados ​​para barras laterais. Eles podem ser usados ​​para outras coisas, como rodapés, ou mesmo no cabeçalho. Em teoria, você nem precisa colocar nenhum código “padrão” entre a tag condicional. Seja criativo e use sua imaginação. Use um widget no seu cabeçalho para alternar anúncios, ou tem um widget da caixa de login no rodapé ou onde você quiser – depende de você.

        Conclusão

        Espero que você tenha aprendido com este tutorial e agora saiba como widgetizar seus temas. Se você receber algum erro como “cabeçalhos já enviados …” ao editar qualquer coisa, talvez seja necessário verificar novamente o arquivo functions.php para garantir que não haja espaço abaixo do fechamento ?> tag.

        Algumas leituras adicionais estão disponíveis em Automattic e WPDesigner. Existem outras versões “abreviadas” do código que eu fiz nessas páginas.

        Sinta-se livre para comentar ou compartilhar se você gostou. Congratulo-me com todos os comentários. Certifique-se também de assinar o a alimentação se você ainda não conhece os lançamentos e tutoriais mais recentes sobre temas.

        Jeffrey Wilson Administrator
        Sorry! The Author has not filled his profile.
        follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map