Celik » Tutorial

Tutorial Links

Metin (backup) — Mon, 07 Sep 2009 10:03:16 +0000

Tutorials

Adobe Illustrator Tutorials by SmashingMagazine.com
Adobe Photoshop Tutorials by SmashingMagazine.com

und sonstige

Webcast Serien
screen-online.de/blog
CSS by SmashingMagazine.com
PicNik.com
CSS3.info
miniajax.com
blog.dream-coder.de
Wordpress: Google-Analytics
Google.de: visual+studio+2005+schneller+starten

Wordpress Theme Tutorial – Teil 3 – Die Bilder und das Stylesheet

Metin (admin) — Wed, 29 Jul 2009 21:40:43 +0000

Kopiere deine Webdesign-Bilder für das Theme in das Theme Ordner im einem Unterverzeichnis, wie z.B.

\YourTheme\images\*.*

Um die Merkmale für Webdesign und Schriftarten deines WordPress Themes zu editieren, werden wir dies in einem globalen StyleSheet Datei abspeichern. Dazu erstelle eine Datei mit dem Namen style.css in dem Theme Ordner und öffne es in einem Editor. Am besten wählt man hier ein Quellcode-Editor.

Nun braucht das WordPress Theme einen Namen und natürlich weitere Informationen, welche dann im Admin-Auswahlfenster für die Themes erscheinen sollen. Diese Informationen werden am Anfang des StyleSheetsdatei erwartet: Name, Url, Beschreibung, Version, Author des Themes und die URL des Author

Es müssen folgende Einträge vorhanden sein:

/*
Theme Name: My First Theme
Theme URI: http://www.mywebsite.com/myfirsttheme.html
Description: My First Theme for WordPress
Version: 1.0
Author: Your Name
Author URI: http://www.mywebsite.com/
*/

Später wird diese Datei (style.css) im Kopfbereich des HTML-Quelltextes verbunden, indem wir diese Zeile anwenden werden:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Wordpress Theme Tutorial – Teil 2 – Erstelle ein neue WordPress Theme

Metin (admin) — Wed, 27 May 2009 03:42:40 +0000

In Ihrem Datei-Browser navigieren Sie zu dem Ordner /wp-content/themes/. Das ist der Ordner, in welchem die WordPress Themes für Ihre Website gespeichert wird.

Erstellen sie nun ein neuen Ordner für Ihr WordPress Theme und wir geben den Namen “MyFirstTheme”.

Und erstellen sie diese Dateien mit leeren Inhalt:
- index.php
- style.css
- header.php
- footer.php
- search.php
- comment.php
- single.php
- page.php
- sidebar.php

Wordpress Theme Tutorial – Teil 1 – Installiere WordPress auf lokalem PC

Metin (admin) — Wed, 27 May 2009 03:39:54 +0000

Zu Beginn installiere WordPress Script. Viele Hoster bieten automatisierte Installationen für Wordpress und der hier sind ein paar Tutorials für Installation.

Einzurichten einer lokalen Installation auf Windows: http://wpcandy.com/articles/tutorials/how-to-setup-wordpress-locally-on-windows.html

Einzurichten einer lokalen Installation auf Mac Os X: http://wpcandy.com/articles/tutorials/setup-wordpress-locally-on-mac-os-x.html

Wordpress Theme Tutorial – Teil 0 – Erstellen eines Wordpress Theme

Metin (admin) — Wed, 27 May 2009 03:36:08 +0000

Heute beginnen wir mit einem Tutorial, in welchem wir ein WordPress Design (Wordpress Theme) erstellen. Die Themen werden Step by Step abhandelt:

Teil 1 – Installiere WordPress auf lokalem PC.
Teil 2 – Erstelle ein neues Wordpress Theme;
Teil 3 – Die Bilder und das Stylesheet;
Teil 4 – Erstelle den Kopfbereich;
Teil 5 – Seitentitel;
Teil 6 – Stylesheet URL;
Teil 7 – RSS URL;
Teil 8 – Seitentitel;
Teil 9 – Navigationslinks;
Teil 10 – Erstelle die Navigationsbereich;
Teil 11 – Die Suche;
Teil 12 – Platzhalter für Werbebanner;
Teil 13 – Dynamische Kategorien;
Teil 14 – Tag;
Teil 15 – Blogroll – Lesezeichen;
Teil 16 – Erstelle die Homepage;
Teil 17 – Die Schleife;
Teil 18 – Inhalt;
Teil 19 – Archive, Suche & Einzelner Artikel;
Teil 20 – Feste Seiten;
Teil 21 – 404 Seite;
Teil 22 – Fußbereich;
Teil 23 – Aktivieren des Wordpress Themes;
Teil 24 – Testen: Validieren, …;

Das eine oder andere Punkt werde ich noch dazwischen schieben.