Ein dezent eingesetzter Bilder-Slider ist ein sehr schönes Feature, besonders für eine Café- oder Restaurant-Webseite. Daher zeige ich in diesem Teil der CoffeeLove Tutorial-Serie, wie du das beliebte jQuery-Plugin »Nivo-Slider« verwendest, um einen Bilder-Slider auf der Startseite deines WordPress-Themes einzubauen.
Weiterlesen
Artikel der Kategorie ‘Tutorials’
Eine neue Webseite entsteht (Teil 10): WordPress Footer-Widgets nutzen
Im CoffeeLove-Theme werde ich keine Sidebar, wie in WordPress-Themes normalerweise üblich, benötigen. Um dennoch in den Genuss der praktischen Widget-Funktion zu kommen, möchte ich wenigstens den dreispaltigen Footer-Bereich des Themes mit Widgets umsetzen. Dafür nutze ich die im Starkers-Theme standardmäßig zur Verfügung stehenden Footer-Widget Elemente. So kann der Footer später bequem im WordPress-Adminbereich angepasst werden.
Weiterlesen
Eine neue Webseite entsteht (Teil 9): Eine individuelle Startseite in WordPress
Nachdem der Webseiten-Header fertig in WordPress programmiert ist (siehe Tutorial Teil 8), geht es auf der CoffeeLove-Startseite weiter mit einem individuellen Seiten-Template. Dabei zeige ich dir wie praktisch benutzerdefinierte Felder in WordPress sind, und wie du die neusten Blog-Artikel oder Twitter-Nachrichten auf deiner Startseite integrieren kannst.
Weiterlesen
Eine neue Webseite entsteht (Teil 8): Der WordPress-Theme Header
Im heutigen Teil der Tutorial-Serie »Eine neue Webseite entsteht «geht es los mit der HTML und CSS Programmierung in WordPress. Dabei beginne ich mit der Umsetzung des Webseiten-Headers, und der Bearbeitung der header.php und der style.css Datei des Themes. Damit du den Beschreibungen im Tutorial besser folgen kannst, habe ich die jeweiligen Dateien zum Download für dich vorbereitet. Also los geht’s, machen wir uns an die WordPress-Theme Entwicklung :-)
Weiterlesen
Eine neue Webseite entsteht (Teil 7): Die Datei-Struktur des WordPress-Themes
Endlich geht es weiter mit der Tutorial-Serie »Eine neue Webseite entsteht«. Nachdem wir im Tutorial Teil 6 WordPress und das Starkers Blank-Theme auf einem lokalen Server installiert haben, geht es heute weiter mit der Struktur der PHP-Dateien in WordPress. Dabei erstelle ich zur besseren Übersicht ein Dateien-Schema für die CoffeeLove-Webseite.
Weiterlesen
WordPress als CMS: Menüs im Admin-Bereich anlegen und verwalten
Seit der WordPress-Version 3.0 gibt es die praktische Möglichkeit individuelle Menüs direkt im Admin-Bereich anzulegen. Diese Option macht WordPress als Content Management System so viel leistungsfähiger, und auch für das eigene WordPress-Theme ist die neue Menü-Funktion sehr praktisch. Um zu zeigen, wie hilfreich die Custom Menus beim Arbeiten mit WordPress sind, habe ich die wichtigsten Tipps und Inspirationen zur Verwendung individueller WordPress-Menüs zusammen gestellt.
Weiterlesen
Eine neue Webseite entsteht (Teil 6): WordPress lokal Installation und Blank-Theme
Willst du deine Webseite in WordPress umsetzen, ist es praktisch eine WordPress-Installation auf einem lokalen Web-Server einzurichten. So kannst du auch offline arbeiten, und später deine angelegte Datenbank problemlos auf deinen online Server importieren. Eine weitere tolle Option für die Theme-Erstellung in WordPress ist es, ein sogenannten Blank-Theme als Grundlage für die Programmierung zu verwenden. So spart man sich ein wenig Zeit, und muss nicht bei jeder Webseite komplett von vorne beginnen. Denn keine Sorge, Arbeit kommt noch genug auf uns zu ;-) Also, los gehts!
Weiterlesen
Pimp Your Logo: Tipps und Tricks zum Logo-Styling in Photoshop
Das Logo ist eines der wichtigsten und ausdrucksstärksten grafischen Elemente einer Firma, eines Produkts oder auch eines Blogs. Daher ist es besonders wichtig, bei der Gestaltung eines Logos viel Liebe ins Detail zu stecken, und so das Beste aus einer Logo-Idee herauszuholen. Im Webdesign ist es manchmal auch sinnvoll, ein bestehendes Print-Logo für die Webseite noch etwas zu stylen, damit es im Header der Webseite die richtige Wirkung erzielen kann. Ich zeige dir anhand des »Adventurer« Trekking-Logos, welche Tricks du beim Logo-Styling in Photoshop anwenden kannst.
Weiterlesen
English
Deutsch