Kostenloses WordPress-Theme: TravelBlog

15. Februar 2010 . von Barbara Frolik . 18 Kommentare
WordPress-Themes

Es ist endlich so weit: In den letzten Wochen habe ich fleissig an meinem ersten kostenlosen WordPress-Theme für meine Leser gearbeitet. Ab sofort kannst du hier das WordPress-Theme «TravelBlog» gratis downloaden. Du darfst es kostenlos auf deiner Website verwenden und nach Belieben anpassen. Einzige Bedingung: Der Link zu WordWeb im Footer muss drinbleiben.

» 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.

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

WordPress-Theme installieren

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 />Ü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

WordPress-Theme installieren

Ö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

WordPress-Theme installieren

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:

<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

WordPress-Theme installieren

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:

<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

WordPress-Theme installieren

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

WordPress-Theme installieren

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">» 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!

18 Kommentare

mace sagt am 15. Februar 2010
Sehr schönes Theme. Wenn ich mal so einen Reiseblog mache werde ich es mal ausprobieren. Scheint mir sehr praktisch zu sein. Die Verknüpfung mit den verschiedensten Diensten ist echt super.
Ellen sagt am 15. Februar 2010
Wow, wirklich wunderschön, echt tolle Arbeit Barbara :-) Ein Reisetheme finde ich eine tolle Idee, vielleicht sollte ich auch einen Reiseblog starten ;-)
Sascha sagt am 15. Februar 2010
Hallo, dass Reise Theme ist Dir wirklich gelungen. Sowohl optisch gut als auch funktionell gut durchdacht. Ich starte in Kürze einen Blog über Reisen und habe gerade etwas dafür entwickeln lassen, war nicht gerade billig. Finde ich wirklich gut, dass Du sowas kostenlos anbietest.
Barbara sagt am 15. Februar 2010
Vielen lieben Dank für eure Kommentare. Ich freue mich sehr, dass mein Theme so vielen so gut gefällt :)

@Ellen: Ja, so ein Reiseblog kann sehr viel Spass machen. Ich hatte mal einen, als ich in Kanada war. Man muss dann halt einfach regelmässig Zugang zum Internet haben, was nicht immer ganz einfach ist, wenn man in der Wildnis unterwegs ist ;)

@Sascha: Ab und zu kann man ruhig auch mal etwas Kostenloses anbieten. Es steckt natürlich viel Arbeit dahinter, deshalb geht es nicht immer günstig oder kostenlos. Aber manchmal macht es einfach Spass, auf diese Weise ein bisschen zu experimentieren und das eine oder andere dazuzulernen.
Manuel sagt am 16. Februar 2010
Hallo Barbara,
Vielen Dank für dieses superschöne Theme.
Ich finde das Design echt super :)
und das Reisethema ist für mich auch sehr spannend. Mir gefällt, daß du für die Fotos soviel Platz eingerichtet hast und auch der Elch ist total cool :)
Grosses Kompliment für deine Arbeit.
Viele Grüsse
Manuel
Barbara sagt am 16. Februar 2010
@Manuel: Vielen Dank für dein Kompliment, ich werde gleich rot :) Der Elch gefällt mir auch sehr. Gefunden habe ich ihn übrigens bei Vecteezy – das Set enthält noch viele weitere Tier-Silhouetten.
Nina sagt am 17. Februar 2010
Hallo Barbara, finde das Design auch total schön! Kann ich es auch bei blogger einsetzen? Also als xml-Datei? Danke für deine Hilfe!
Barbara sagt am 17. Februar 2010
@Nina: Vielen Dank für deinen Kommentar :) Das Theme ist schon sehr stark auf WordPress ausgerichtet. Deshalb denke ich nicht, dass man es so ohne weiteres auf einer anderen Plattform verwenden kann. Wenn du es schaffst, das Theme in eine blogger-kompatible Datei umzuwandeln, darfst du es natürlich gerne versuchen.
Erdberre sagt am 21. Februar 2010
Ui, das Theme hast Du aber fein gemacht. Den Tipp hier vorbei zu schauen, habe ich von Pascal :-)

Lieben Sonntagsgruß von der Erdbeere
Barbara sagt am 22. Februar 2010
@Erdbeere: Vielen Dank für das nette Kompliment :) Wer ist eigentlich Pascal? Leider fällt mir zu dem Namen gerade niemand ein ;) Liebe Montagsgrüsse von Barbara
Pascal sagt am 24. Februar 2010
Hier, das bin ich. Hab’ dein Theme in meinem letzten Artikel erwähnt. EIn Pingback scheint wohl nicht angekommen zu sein. :D

(Hm, irgendwie wurde deine Seite gerade nicht richtig geladen. Falls der Kommentar jetzt doppelt bei dir angekommen ist -> Sorry!)
Barbara sagt am 25. Februar 2010
@Pascal: Jetzt ist alles klar ;) Vielen Dank für den Link in deinem Artikel!
Nina sagt am 25. Februar 2010
Hallo Barbara,
habe das Theme für meinen Blog benutzt und finde es toll!
http://www.einmalumdenblock.de

Bei dir werden aber die flickr-Bilder größer angezeigt, kann ich das bei mir auch ändern?

Nina
Barbara sagt am 25. Februar 2010
@Nina: Sieht toll aus. Ich bin schon ganz gespannt auf deine Berichte :)

Damit die flickr-Bilder richtig angezeigt werden, musst du die Plugin-Einstellungen ändern. Du findest sie in deinem Admin-Bereich unter «Einstellungen – flickrRSS». Bei «Item HTML» fügst du Folgendes ein:
```
<a href="%flickr_page%" title="%title%" rel="nofollow">
<img src="%image_small%" alt="%title%"/></a>
```
Also %image_square% einfach durch %image_small% ersetzen.

In diesem Artikel erfährst du mehr darüber: WordPress-Tipp: die neusten Flickr-Fotos anzeigen
fraenk sagt am 14. Mai 2010
hey,

erst einmal – super theme :)

gibt es denn auch die möglichkeit anstatt die flickr bilder in der sidebar zu haben eine nextgen gallery einzubetten?

grüße

f
Barbara Frolik sagt am 18. Mai 2010
@Fraenk: Vielen Dank für deinen Kommentar. Ja, mit etwas Anpassungsarbeit sollte es schon möglich sein, eine NextGEN Gallery einzubauen. Es gibt diverse Plugins, die du dir mal anschauen könntest.
Mona sagt am 23. Juni 2010
Schöne Arbeit. Was allerdings bei WP-Themes wirklich fehlt sind gute Templates die soeziell für Smartphones und Iphones also mobiles Internet entwickelt wurden. Ich suche und suche nach einer flexiblen Lösung und finde keine.
reisetrip24 sagt am 13. August 2010
Coole sache das gefällt mir mach so weiter bin ein großer fan von Reiseseiten