» Schaf-Brushes hier herunterladen

» 20 Farbkleckse hier herunterladen

Jetzt bist du dran!

Wie gefallen dir die Farbkleckse? Hast du eine Idee für ein weiteres Pinsel-Set, das du hier in Zukunft gerne herunterladen möchtest? Ich freue mich auf deinen Kommentar?

» Vorschau
» Download

Features

Das WordPress-Theme «TravelBlog» enthält die folgenden Templates und Module.

• » Blog als Startseite
• » Header mit anpassbarer Diashow (Easy Slider)
• » Archive: Kategorien und Tags
• » Sidebar-Module: Letzte Flickr-Fotos, beliebteste Artikel, neuste Artikel, Tag-Wolke
• » Nicht optimiert für den Internet Explorer 6

So installierst du das WordPress-Theme

Das WordPress-Theme «TravelBlog» kannst du ganz einfach installieren. Folge einfach diesen Schritten:

1. Plugins herunterladen und aktivieren

Damit das WordPress-Theme richtig funktioniert, musst du zuerst die folgenden Plugins installieren.

• flickrRSS
• WP-PostViews

Lade die Plugins einfach herunter, entzippe sie und lade sie in den Plugin-Ordner deiner WordPress-Installation. Über die WordPress-Benutzeroberfläche kannst du die Plugins anschliessend aktivieren und nach deinen Bedürfnissen einstellen.

2. WordPress-Theme herunterladen und anpassen

Das WordPress-Theme kannst du hier herunterladen:

» WordPress-Theme «TravelBlog» downloaden

Bevor du das Theme hochladen kannst, musst du es für deine persönlichen Bedürfnisse einrichten.

Hauptnavigation einrichten

Erstelle über die WordPress-Benutzeroberfläche die Seite «Reisende». Öffne danach die header.php des Themes in einem HTML-Editor und suche die folgenden Code-Zeilen:

1
2

<li id="navi-gallery"><a href="deine-flickr-url">Galerie</a><br />Fotos</li>
<li id="navi-travellers"><a href="deine-reisende-seite">Reisende</a><br />&Uuml;ber uns</li>

Ersetze «deine-flickr-url» mit der Adresse deiner Flickr-Fotogalerie.

Ersetze «deine-reisende-seite» mit der Seite, die du gerade erstellt hast.

Kategoriennavigation einrichten

Öffne wieder deine WordPress-Benutzeroberfläche und richte einige Kategorien ein. Du kannst z.B. eine Kategorie für jeden Kontinent erstellen oder dir eigene Kategorien überlegen. Wichtig ist einfach, dass sie auf einer Zeile Platz haben. Das ist es auch schon. Das Theme übernimmt deine Kategorien ganz automatisch.

Links zu Twitter, Facebook und zur Kontaktseite einbauen

Erstelle über die WordPress-Benutzeroberfläche eine Seite «Kontakt». Dort kannst du deine Kontaktangaben veröffentlichen und später auch ein Kontaktformular hinzufügen (z.B. Contact Form 7), wenn du willst.

Öffne jetzt wieder die header.php des Themes und suche die folgenden Code-Zeilen:

1
2
3
4

<p><span id="contact">Kontaktiere uns:</span> 
<a id="icon-email" href="deine-kontakt-seite">E-Mail</a> 
<a id="icon-twitter" href="http://twitter.com/deine-twitter-id">Twitter</a> 
<a id="icon-facebook" href="dein-facebook-profil">Facebook</a></p>

Ersetze «deine-kontakt-seite» mit der Seite, die du gerade erstellt hast.

Ersetze «deine-twitter-id» mit deiner Twitter-ID.

Ersetze «dein-facebook-profil» mit der URL deines Facebook-Profils.

Diashow anpassen

Erstelle zuerst einige Bilder, die du in deine Diashow einbauen möchtest. Schneide die Bilder auf die Grösse 930px x 386px zu. Den weissen Rahmen musst du nicht berücksichtigen, den fügt das Theme automatisch hinzu. Speichere die Bilder im «images»-Ordner des Themes ab.

Öffne die header.php des Themes und suche die folgende Code-Zeilen:

1
2

<script type="text/javascript" src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/jquery/jquery.js"></script>
<script type="text/javascript" src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/jquery/jquery.innerfade.js"></script>

Ersetze «www.deinedomain.ch» mit der URL deines WordPress-Blogs.

Suche jetzt die folgenden Code-Zeilen etwas weiter unten in der header.php:

1
2
3
4
5
6

<ul id="slideshow">					
<li><a href=""><img src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/images/slideshow-01.jpg" alt="Slideshow" /></a></li>
<li><a href=""><img src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/images/slideshow-02.jpg" alt="Slideshow" /></a></li>	
<li><a href=""><img src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/images/slideshow-03.jpg" alt="Slideshow" /></a></li>
<li><a href=""><img src="http://www.deinedomain.ch/wp-content/themes/TravelBlog/images/slideshow-04.jpg" alt="Slideshow" /></a></li>	
</ul>

Ersetze wieder «www.deinedomain.ch» mit der URL deines WordPress-Blogs. Die Bildnamen «slideshow-01.jpg» etc. ersetzt du mit den Namen der Bilder, die du vorhin im «images»-Ordner abgespeichert hast. Falls du mehr als vier Bilder verwenden willst, füge einfach eine weitere Zeile hinzu.

Den Footer anpassen

Jetzt kannst du die Copyright-Zeile im Footer an deine Bedürfnisse anpassen. Öffne dazu die Datei footer.php in einem HTML-Editor und ändere den Text nach Belieben. Wenn du willst, kannst du hier beispielsweise auch einen Link zu deinem Impressum hinzufügen.

Die Flickr-Box in der Sidebar anpassen

Zum Schluss musst du noch den Link zu deiner Flickr-Galerie in die Sidebar einfügen. Öffne dazu die Dateien «sidebar.php», «sidebar-single.php» und «sidebar-page.php» in deinem HTML-Editor und suche die folgende Zeile:

1

<p><strong><a href="deine-flickr-url">&raquo; Mehr Flickr-Fotos</a></strong></p>

Ersetze «deine-flickr-url» mit der URL deiner Flickr-Seite.

3. Theme hochladen und aktivieren

Sobald du alle nötigen Anpassungen erledigt hast, kannst du das Theme hochladen (/wp-content/themes/) und über die WordPress-Benutzeroberfläche aktivieren.

Das wars!

Hast du weitere Fragen zur Installation, hast du einen Fehler entdeckt oder möchtest du mir sonst etwas mitteilen? Hinterlasse einfach einen Kommentar, und ich werde so schnell wie möglich darauf antworten. Ich wünsche dir viel Spass mit dem WordPress-Theme!

Tausende kostenlose Icons zum Downloaden

IconsPedia

Iconfinder

100+ kostenlose Twitter-Icon-Sets

600+ Social-Media-Icons

205 kreative RSS Feed Icons

60 kostenlose Icon-Sets von Vectortuts+

Icon-Sets von garcya.us

12 einfache Icon-Sets bei webdesigndev.com

RSS-Icons bei chethStudios

Free Icons Download

Kostenlose Icon-Sammlungen bei Speckyboy

Kostenlose Icon-Sammlungen bei pixey.de

iconshock.com

33 Web Icons Sets

Kostenlose Icon-Sets bei instantShift

29 Icon-Sets bei Onextrapixel

Top 40 kostenlose Icon-Ressourcen bei Speckyboy

1000 kostenlose Icons bei FatCow

50 Icon-Sets bei Smashing Magazine

Noch mehr Icon-Sets bei Smashing Magazine

40 kostenlose Icon-Sets bei Six Revisions

40+ Icon-Sets bei Six Revisions

Jetzt bist du dran!

Kennst du empfehlenswerte Icon-Sammlungen, die hier fehlen? Jetzt schon vielen Dank für deinen Kommentar!

Holz-Textur 01

Holz-Textur 02

Holz-Textur 03

Holz-Textur 04

Holz-Textur 05

Holz-Textur 06

Holz-Textur 07

Holz-Textur 08

Holz-Textur 09

Holz-Textur 10

Holz-Textur 11

Holz-Textur 12

Holz-Textur 13

Holz-Textur 14

Holz-Textur 15

Hier gehts zum Download.

Klicke einfach auf die Vorschaubilder, um die Texturen herunterzuladen. Das ganze Set kannst du ausserdem bei Flickr als Album anschauen:
» Ganzes Holz-Texturen Album bei Flickr