Dieses Tutorial soll eine Hilfe sein, wenn man ein eigenes WordPress Template (auch Theme oder Style genannt) erstellen will. Dazu ist natürlich das Weblogsystem WordPress nötig. Außerdem sind (x)HTML, CSS und wenn möglich einige PHP Grundkenntnisse vorteilhaft.
Dateien
Folgende Dateien werden in diesem HowTo erstellt und bearbeitet:
- 404.php
- comments.php
- footer.php
- header.php
- index.php
- screenshot.png
- searchform.php
- sidebar.php
- single.php
- style.css
- *images/
- *images/logo.png
* Diese Dateien/Ordner werden nicht umbedingt benötigt.
Theme Informationen
Die ersten Informationen die im Adminpanel nebendem Screenshot angezeigt werden, sind Bestandteil der style.css.
/*
Theme Name: Mein erstes Template
Theme URI: http://webworkblog.net
Description: "Mein erstes Template" is a two column theme for WordPress 2.x.
Version: 1.0
Author: media2null
Author URI: http://webworkblog.net
License: GPL
*/
Die Option “License” ist optional und wird im ACP nicht angezeigt. Sie ist jedoch für den User ganz nützlich, ob und in welchem Umfang er das Template weiter “verbreiten” und weiter “verarbeiten” darf.
WordPress Theme Tutorial
Teil 1 - Teil 2 - Teil 3 - Teil 4 - Teil 5
Ähnliche Beiträe
#4 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo#3 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo#5 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
Ich habe mal wieder ein sehr praktisches Suchmaschinenoptimierungsplugin (SEO-Plugin) gefunden. [via Basic Thinking Blog]. Es nennt sich wpSEO und hat ähnliche Funktionen, wie das gestern vorgestellte All in One SEO Pack.
Die wichtigsten Funkionen sind das Generieren der Titel und der Meta-Tags. Eine genaue Übersicht über alle Funkionen findet sich auf der Projektseite.
Ähnliche Beiträe
WordPress SEO - Ein Plugin für alleswebworkBlog.net ist onlineSchnell-Suchplugin für den Browser
Keine Lust mehr auf eine normale Bildergalerie? Mit Lightbox 2 oder GreyBox kann man Bilder mittels JavaScript auf eine moderne Weise darstellen 
Dabei wird bei beiden Scripten das Bild im Vordergrund geöffnet, während im Hintergrund die Webseite weiterhin geöffnet bleibt.
Lightbox 2
Screenshot von der Projektseite.
Das Beispielbild wird im Vordergrund geöffnet, der Rest der Webseite wird zur gleichen Zeit “verdunkelt”. Der Einbau in die eigene Webseite ist ausführlich auf der Projektseite dokumentiert. Dabei muss man lediglich ein paar JavaScripts und ein Stylesheet einbinden. Lightbox 2 ist unter der Creative Commons Attribution 2.5 License lizensiert.
GreyBox
Screenshot von der Projektseite
Bei diesem Script wird ebenfalls das Bild im Vordergrund geöffnet, während der Hintergrund verdunkelt wird. Das Design der Darstellung ist ein kleines Bisschen anders als bei Lightbox 2. Zudem besteht die Möglichkeit neben Bildern auch ganze Webseite mittels “JavaScript-Popup” zuöffnen (dabei wird ein I-Frame benutzt.)
Dieses Script ist unter der LGPL lizensiert.
Die Scripte gibts bei den Projektseiten zum Download. Für manche Weblogsysteme gibt es zudem Plugin, wodurch der Einbau nochmal vereinfacht wird
Ähnliche Beiträe
Ubuntu Countdown :)Timtube? Das neue YouPorn?[Codeschnipsel] PHP Weiterleitung
Letzte Kommentare