Der gesamte Prozess der WordPress-Theme-Erstellung (7): Erstellen von sidebar.php

Ich habe Ihnen „Der gesamte Prozess der WordPress-Theme-Erstellung (6) vorgestellt: Footer.php erstellen“

Header.php und footer.php sind fertig, heute erstellen wir die Seitenleiste sidebar.php. Da die Seitenleiste so anpassbar ist, ist es für mich schwierig und schwierig, den Inhalt in diesem Abschnitt zu erklären, und einige Inhalte werden weggelassen!

Als gemeinsame Seitenleiste für jede Seite extrahieren wir die Seitenleiste weiterhin aus index.php und fügen sie in sidebar.php ein, genau wie wir es bei der Erstellung von header.php und footer.php getan haben. Okay, erstellen Sie jetzt eine neue Datei sidebar.php unter Ihrem Theme-Verzeichnis Aurelius, extrahieren Sie den Code aus index.php und fügen Sie ihn in sidebar.php ein:

<!-- Column 2 / Sidebar -->
<div class="grid_4">
<h3>Catagories</h3>
<ul class="sidebar">
<li><a href="">So who are we?</a></li>
<li><a href="">Philosophy</a></li>
<li><a href="">History</a></li>
<li><a href="">Jobs</a></li>
<li><a href="">Staff</a></li>
<li><a href="">Clients</a></li>
</ul>
<h3>Archives</h3>
<ul class="sidebar">
<li><a href="">January 2010</a></li>
<li><a href="">December 2009</a></li>
<li><a href="">Novemeber 2009</a></li>
<li><a href="">October 2009</a></li>
<li><a href="">September 2009</a></li>
<li><a href="">August 2009</a></li>
</ul>
</div>
<div class="hr grid_12 clearfix"> </div>

Öffnen Sie dann index.php, archive.php und page mit einem Texteditor .php und single.php, löschen Sie den obigen ähnlichen Code und ändern Sie ihn in:

<?php get_sidebar(); ?>

Okay, öffnen Sie jetzt Ihre Blog-Homepage, um zu sehen, ob das von uns erstellte Thema noch normal funktionieren kann. Derzeit ist unsere Seitenleiste noch ein statischer Code. Jeder weiß vielleicht, dass man im WordPress-Backend – Erscheinungsbild – Widgets die gewünschten Spalten in die Seitenleiste ziehen kann, aber unser Theme unterstützt diese Funktion derzeit nicht. Lassen Sie mich nun die komplette Seitenleiste zusammenstellen.

Um uns an das WordPress-Programm anzupassen, müssen wir auch einige Feinabstimmungen an sidebar.php vornehmen, das neue Stylesheet style.css herunterladen und style.css im Aurelius-Verzeichnis ersetzen.

Starten Sie die Produktion von sidebar.php. Wir werden die Seitenleiste in der Seitenleiste erstellen. Im Ausgangszustand, das heißt, wenn Sie keine Widgets in der Seitenleiste platzieren, sind die vier Spalten von oben nach unten das Kategorieverzeichnis, der neueste Artikel, die Tag-Cloud und das monatliche Artikelarchiv. Löschen Sie nun den gesamten Code in „sidebar.php“ und ändern Sie ihn in:

<!-- Column 2 / Sidebar -->
<div class="grid_4">
<?php if ( !function_exists(&#39;dynamic_sidebar&#39;) 
|| !dynamic_sidebar(&#39;First_sidebar&#39;) ) : ?>
<h3>分类目录</h3>
<ul>
<?php wp_list_categories(&#39;depth=1&title_li=&orderby=id&show_count=0&hide_empty=1&child_of=0&#39;); ?>
</ul>
<?php endif; ?>
<?php if ( !function_exists(&#39;dynamic_sidebar&#39;) 
|| !dynamic_sidebar(&#39;Second_sidebar&#39;) ) : ?>
<h3>最新文章</h3>
<ul>
<?php
$posts = get_posts(&#39;numberposts=6&orderby=post_date&#39;);
foreach($posts as $post) {
setup_postdata($post);
echo &#39;<li><a href="&#39; . get_permalink() . &#39;">&#39; . get_the_title() . &#39;</a></li>&#39;;
}
$post = $posts[0];
?>
</ul>
<?php endif; ?>
<?php if ( !function_exists(&#39;dynamic_sidebar&#39;) 
|| !dynamic_sidebar(&#39;Third_sidebar&#39;) ) : ?>
<h3>标签云</h3>
<p><?php wp_tag_cloud(&#39;smallest=8&largest=22&#39;); ?></p>
<?php endif; ?>
<?php if ( !function_exists(&#39;dynamic_sidebar&#39;) 
|| !dynamic_sidebar(&#39;Fourth_sidebar&#39;) ) : ?>
<h3>文章存档</h3>
<ul>
<?php wp_get_archives(&#39;limit=10&#39;); ?>
</ul>
<?php endif; ?>
</div>
<div class="hr grid_12 clearfix"> </div>

Klicken Sie dann hier, um „functions.php“ herunterzuladen und im Theme-Verzeichnis „Aurelius“ abzulegen. Zu diesem Zeitpunkt kann Ihre Sidebar im WordPress-Backend normal funktionieren - Widgets können jetzt normal in die Seitenleiste gezogen werden.

Okay, sidebar.php wurde erfolgreich erstellt. In diesem Abschnitt wird nicht viel über Theorie gesprochen. Der Schlüssel ist, dass ich nicht weiß, wie ich diese Dinge ausdrücken soll. Selbst wenn ich es sage, verstehen Sie es möglicherweise nicht sehr gut.

Empfohlenes Lernen: „

WordPress-Tutorial

“

Das obige ist der detaillierte Inhalt vonDer gesamte Prozess der WordPress-Theme-Erstellung (7): Erstellen von sidebar.php. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!