WordPressdesign: Sidebar

The following two tabs change content below.

• Bio
• Neueste Artikel

Sascha Kaufmann

Neueste Artikel von Sascha Kaufmann (alle ansehen)

• Gefunden bei YouTube: Assassins Creed Valhalla Review | Was taugt der neue Teil? | #ACValhalla #LikeAViking - 11. November 2020
• Gefunden bei YouTube: DreamDasher | sponsored by indieboost - 11. November 2020
• Gefunden bei YouTube: Assassin’s Creed Valhalla Cosplay part 1 | Teil 1 der Eivor Weste - 11. November 2020

So nachdem wir jetzt im letzten Teil der Reihe den Header und die “Navigation” gemacht haben, schauen wir uns jetzt mal die Sidebar an…

Für den erste Schritt nehm ich heute mal ganz doll an die Hand, um eine Sidebar zu erstellen wie wir sie momentan auf Randompeople haben benötigen wir nur folgende Zeilen PHP Code:

<li><h2>Kategorien</h2>
	<ul>
		<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
	</ul>
</li>
<br \><br \>
<li>
	<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<br>
<?php $args = array(
    'orderby'          => 'name',
    'order'            => 'ASC',
    'limit'            => -1,
    'category'         => "",
    'exclude_category' => "",
    'category_name'    => "",
    'hide_invisible'   => 1,
    'show_updated'     => 0,
    'echo'             => 1,
    'categorize'       => 1,
    'title_li'         => __('Bookmarks'),
    'title_before'     => '<h2>',
    'title_after'      => '</h2>',
    'category_orderby' => 'name',
    'category_order'   => 'ASC',
    'class'            => 'linkcat',
    'category_before'  => '<li id=%id class=%class>',
    'category_after'   => '</li>' );
wp_list_bookmarks( $args );
?>

Wenn ihr die einbindet seht ihr das dort noch eine PHP Fehlermeldung erscheint, keine Sorge wir haben nur auf searchform.php verwiesen was ich für meinen Teil noch gar nicht erstellt hatte… So sieht diese aus:

<h2>Suche</h2>
<div>
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Suche..." />
</form>
</div>

Und so sieht das ganze dann bisher aus:

Wie ihr seht ist die Sidebar noch ziemlich Kacke formatiert, das werde ich nach Möglichkeit alles über CSS machen… Das ist aber ne Menge Arbeit und ihr wollt bestimmt euren eigenen Style, deswegen nehme ich euch da jetzt nicht an die Hand… Ich zeig euch aber sobald ich soweit bin wie es dann bei mir aussieht 😉 Aber jetzt bin ich erst mal auf dem letzten Weihnachtsessen für dieses Jahr… Also bis denne dann 😉