webentwicklung-frage-antwort-db.com.de

Wie umhülle ich den Widget-Inhalt mit einem Div oder erhalte den Widget-Titel außerhalb?

Gibt es eine Möglichkeit, den Widget-Titel wie folgt außerhalb des Widget-Bereichs abzurufen:

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

an Stelle von:

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

der einzige Grund dafür ist, dass ich den Titel über dem Widget haben möchte und ein Auffüllen für alle .widget-Elemente anwenden möchte. Ich habe versucht, es mit dem Stil zu lösen, aber es brauchte einige negative Ränder für den Titel, also habe ich mich gefragt, ob wir das können Eine Seitenleiste mit einem Markup wie im ersten Beispiel erstellen?

und wenn wir das nicht können, gibt es eine möglichkeit, den inhalt ohne titel mit einem div zu umschließen? so was

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

und danke im voraus.

4
Pierre

dies ist die Lösung, um den Inhalt wie folgt nach dem Titel zu setzen

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

das wichtige Markup ist der <div class="widgetcontent>" im after_title und der schließende </div> im after_widget. Dies führt zu diesem HTML-Markup:

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

sie sollten in der Lage sein, den Code für Widgets zu verwenden, um das zu tun, was Sie tun möchten. Lesen Sie diese Seite Widgets api

Auf dieser Seite erfahren Sie, wie Sie ein Widget codieren und wie Sie mit before_widget und after_widget vor oder nach dem Widget die gewünschten Elemente einfügen können

0
Jamie