Como envolver o conteúdo do widget com um div ou obter o título do widget fora?

Question

Como envolver o conteúdo do widget com um div ou obter o título do widget fora?

#1 resposta do Pierre (3 votos)
#2 resposta do Jamie (0 votos)

4

Existe uma maneira de obter o título do widget fora da área do widget da seguinte forma:

<ul>
   <li>
      <h2 class="widgettitle">The title here</h2>
      <div class=""widget>
         <!-- any markup here -->
      </div>
   </li>
</ul>

em vez disso:

<ul>
   <li>
      <div class=""widget>
      <h2 class="widgettitle">The title here</h2>
         <!-- any markup here -->
      </div>
   </li>
</ul>

a única razão é que eu quero o título no topo do widget e eu quero aplicar um padding para todos os elementos .widget, eu tentei resolvê-lo com o estilo, mas precisava de algumas margens negativas no título, então eu queria saber se podemos criar uma barra lateral com uma marcação como o primeiro exemplo?

e se não podemos fazer isso, existe uma maneira de incluir o conteúdo sem o título com um div? assim

<ul>
   <li>
      <div class=""widget>
      <h2 class="widgettitle">The title here</h2>
         <div class="widgetcontent">
            <!-- any markup here -->
         </div>
      </div>
   </li>
</ul>

e obrigado antecipadamente.

theme-development sidebar register-sidebar

por Pierre 01.04.2012 / 16:25

2 respostas

0

você deve ser capaz de usar o código dos widgets para fazer o que você quer que seja feito. Leia esta página widgets api

Esta página irá mostrar-lhe como codificar um widget e como você pode colocar o que quiser antes ou depois do widget usando before_widget e after_widget

por Jamie 01.04.2012 / 17:19

Tags theme-development sidebar register-sidebar

O que é o gancho de ação para salvar o formulário de mídia na guia da galeria? Como desabilitar a notificação de atualização do plugin para um plugin específico no Multisite

score 3 · Accepted Answer

esta é a solução para embrulhar o conteúdo após o título como este

'before_widget' => '<li>',
'after_widget'  => '</div></li>',
'before_title'  => '<h2 class="widgettitle">',
'after_title'   => '</h2><div class="widgetcontent">' ); ?>

a marcação importante é o <div class="widgetcontent>" no after_title e o fechamento </div> no after_widget resultará nessa marcação html:

<ul>
   <li>
     <h2 class="widgettitle">Title</h2>
     <div class="widgetcontent">
        <!-- widget stuff-->
     </div>
   </li>
</ul>