Latest News
- Contao wenn die Lightbox am unteren Rand hängt
- Woopra jetzt auch für iPad und iPhone
- Hover bei Cufon geht nicht… gibts nicht!
- Contao – Page not found auf einem 1und1 Hosting
- 15 professionelle und sehr günstige WordPress Templates
- Längere Akkulaufzeit mit dem Samsung Galaxy S2
- Geschwindigkeit messen mit Google Analytics
- Cufon Schrift in die eigene Webseite einbinden
- Magento 1.6.0.0 mit Market Ready Germany Problem
- Magento Image / Jpg Komprimierung ändern
Categories
- Allerlei
- Computer
- Contao
- Filmtipps
- Firefox Plugins
- Gelungene Linkbaits
- google phone
- Handyzeugs
- Html / Css
- Magento
- Onlinemarketing
- Seo
- Socialmedia
- Softwaretipps
- Usability
- Webdesign Allerlei
- Webdesign Tools
- Webdesigner Essen
- Wordpress Plugins
- Wordpress Stuff
- Wordpress Templates
- Wordpress Tutorials
- Xt:Commerce
Links und Empfehlungen
WordPress Templates anhand einer Html Datei entwerfen
Posted by admin
Um ein eigenes WordPress Template zu entwickeln, bedarf es schon etwas Einarbeitungszeit. Kostenlose WordPress Templates gibt es wie Sand am Meer. Wer aber dennoch sein eigenes Template entwickeln möchte, aber keine Lust hat, sich lange in die Materie einzuarbeiten, der lese hier weiter…
Die Leute von www.wpthemerkit.com haben sich etwas einfaches, aber dennoch sehr geniales ausgedacht. Sie stellen auf Ihrer Seite ein Downloadpack mit 6 verschiedenen WordPress Blanks bereit. Die verschiedenen Grundgerüste, sowie die Css Klassen der 6 verschiedenen WordPress Blanks, sind in einer beiligenden Pdf-Datei, grafisch und ausfürlich dokumentiert.
Diese 6 WordPress Blanks Vorlagen, kann man entweder direkt auf dem Server, oder auf der lokalen Entwicklungsumgebung bearbeiten. Bis auf die nette und gut dokumentierte WordPress Blanks Zusammenstellung, ist das aber noch nichts besonderes.
WordPress Vorlagen in einer Html Datei Bearbieten
Die grafische Formatierung wird, wie sich das für modernes Webdesign gehört, ausnahmslos in der Css Datei vorgenommen. Zu jeder der 6 unterschiedlichen WordPress Blanks, gibt es einen Ordner, der eine Html-Datei, eine Css-Datei und einen Imageordner enthält. In der Html Datei sind die index.php, die single.php, die comments.php und die page.php vereint. Man hat also alle 4 wichtigen Dateien, zusammengefasst in einer Html Datei vorliegen. Nun öffnet man die Html und die Css Datei in einem Editor seiner Wahl. Durch das ändern der Formatierungen der Css Datei, kann man sofort die Ergebnisse in der Html Datei begutachten. Das geniale dabei ist, das man alle 4 wichtigen Blogdateien auf einen Blick hat, ohne das immer zwischen den einzelnen Seiten (single.php, comments.php…) hin und her schalten muss.
Hochladen, Css Datei ersetzen, fertig
Ist die grafische Anpassung der Html Datei abgeschlossen, lädt man einfach das Pendant (den Ordner mit den WordPress Template Dateien) der Html Datei mit dem gleichen Buchstaben auf den Server hoch und aktiviert diese im WordPress Backend. Jetzt muss nur noch die eben bearbeitete Css Datei mit der bereits Online gestellten ersetzt werden, fertig.
Wysiwyg
Wer dem Html und Css nicht mächtig ist, kann die Formatierungen auch in der Wysiwyg Ansicht in Dreamweaver bearbeiten. Natürlich muss man in Dreamweaver in den Einstellungen vorher den Css Modus aktivieren.
Video Tutorial
Ich gebe zu, es mir mit der Erklärung dieser Vorgehensweise etwas schwer getan zu haben. Aber die Entwickler haben praktischerweise ein englisches Videotutorial auf deren Seiten zur Verfügung gestellt, indem alles nochmal ausfürlich erklärt wird.
Das ganze bald in Deutsch
Lothar Baier hat angekündigt, demnächst eine deutsche Übersetzung des Wp-Themer Kits auf seinem Blog zu veröffentlichen.
Leave a Reply