Eine neue Website entsteht (Artikelserie)

Screendesign für eine Portfolio-Website

Screendesign für einen Blog

Screendesign für eine Auto-Website

Layout für eine Website im Technik-Look

Screendesign im Öko-Stil

Screendesign für ein Reisebüro

Ein künstlerisch-kreatives Layout

Geld-verdienen-im-Internet-Blog

Screendesign für eine Video-Download-Website

Produkt-Website im Business-Look

Ein blau-graues Business-Template

Screendesign für einen Business-Blog

Kreatives Webdesign im Papier-Look

Verträumtes Wölkchen-Layout

Screendesign für einen Foto-Blog

Screendesign für eine Portfolio-Website

Portfolio-Layout mit Texturen

Screendesign für eine Musik-Website

Hübsches Blog-Layout

WordPress aktualisieren: manuell oder automatisch?

Die neueren WordPress-Versionen verfügen über eine automatische Update-Funktion. Allerdings hat sie den Ruf, nicht immer zuverlässig zu funktionieren. Besonders bei grösseren Updates (z.B. von 2.7 auf 2.9) ist es deshalb sinnvoll, WordPress manuell zu aktualisieren. Das kann zwar etwas länger dauern, ist aber sicherer.

WordPress manuell aktualisieren: So funktionierts.

1. Alle Daten sichern

• » Erstelle ein Backup deiner WordPress-Datenbank. Am einfachsten geht das mit einem Plugin wie WordPress Database Backup.
• » Erstelle ein Backup aller WordPress-Dateien. Am besten verwendest du dafür ein FTP-Programm wie FileZilla. Lade sämtliche Dateien aus dem WordPress-Basis-Ordner und die Ordner wp-admin, wp-content und wp-includes auf deine Festplatte herunter.

2. Plugins deaktivieren

• » Logge dich in den Admin-Bereich deiner WordPress-Installation ein und deaktiviere alle Plugins.
• » Wenn du möchtest, dass deine Besucher nichts vom Update-Prozess mitbekommen, kannst du ein Plugin wie WP Maintenance Mode installieren und während der Aktualisierung aktiv lassen.
• » Verlasse den Admin-Bereich (abmelden).

3. Aktuelle WordPress-Version herunterladen

• » Falls du es nicht schon getan hast, solltest du spätestens jetzt die aktuelle WordPress-Version herunterladen und entpacken. Die neuste deutschsprachige Version findest du hier: WordPress herunterladen.

4. Alte Dateien löschen

• » Lösche den Ordner wp-admin. Am besten verwendest du dafür wieder das FTP-Programm.
• » Lösche den Ordner wp-includes.
• » Lösche alle Dateien im Basis-Ordner (wp-cron.php, wp-login.php, etc.) mit Ausnahme von wp-config.php und .htaccess. Die Datei wp-config.php enthält sämtliche Datenbank-Informationen, deshalb darfst du sie auf keinen Fall löschen.
• » Den Ordner wp-content kannst du ebenfalls unangetastet lassen.

5. Neue Dateien hochladen

• » Lade den Ordner wp-admin hoch.
• » Lade den Ordner wp-includes hoch.
• » Lade alle Dateien aus dem Basis-Ordner hoch. Achtung: Sollte die neue Version aus irgendwelchen Gründen eine config.php-Datei enthalten, lade sie bitte nicht hoch. Auch deine .htaccess-Datei solltest du nicht überschreiben.

6. Update abschliessen

• » Öffne die URL http://www.deineseite.com/blog/wp-admin/upgrade.php in deinem Browser.
• » Falls du dazu eingeladen wirst, dich einzuloggen, dann logge dich ein.
• » Möglicherweise wirst du jetzt dazu aufgefordert, deine Datenbank zu aktualisieren. Klicke auf den entsprechenden Button, um das Datenbank-Update zu genehmigen.
• » Aktiviere deine Plugins. Es kann sein, dass einige deiner Plugins mit der neuen WordPress-Version nicht mehr funktionieren. In diesem Fall solltest du die aktuellste Version des Plugins herunterladen und installieren.
• » Das wars! Das Update ist fertig.

Noch Fragen?

Ist dir noch etwas unklar oder fehlt etwas Wichtiges? Ich freue mich auf deinen Kommentar!

Business-Website

Grungy Business-Website

Fotogalerie

Portfolio-Website

Portfolio-Layout im Grunge-Stil

Einfache Portfolio-Website

Layout für eine Innenarchitektur-Website

Schickes blaues Portfolio

Einfaches Portfolio-Layout

Einfache Business-Website

Layout für ein Fotografie-Portfolio

WordPress-Theme mit dunklem Hintergrund

Kreatives Webseiten-Layout

Layout für ein Fotografie-Portfolio

Business-Website im Öko-Stil

Kreative Produkt-Website

Blog-Layout im Magazin-Stil

Kreatives WordPress-Theme

Webseite für eine Zeitschriftenfirma

Minimalistisches Portfolio-Layout

Portfolio-Website im Bokeh-Stil

Leuchtend blaue Website mit Texturen

Kreatives Layout mit Maskottchen

Professionelles und kreatives Portfolio

Business-Website

Blog-Layout im Natur-Look

Business-Website mit Wolkenhimmel

Layout für eine Fotogalerie

Professionelles Business-Layout mit Sparschweinchen

Business-Layout

Buchtipps zum Thema Webdesign

Kennst du gute Webdesign-Tutorials, die hier fehlen? Dann hinterlasse doch bitte einen Kommentar mit dem Link zu deinem Tutorial-Tipp. Ich freue mich auf eure Kommentare :)

Layout für Business- und Finanzthemen

Natur-Layout

Handgezeichneter WordPress-Header

Raum mit Holzwänden und Sofa

Software-Layout

Illustrierte Monsterseite für Kinder

Farbiges Layout für geschäftliche Webseiten

Portfolio-Layout

Business-Layout

Software-Layout

Dunkles Layout

Layout für ein Reisebüro

Ein etwas anderes Layout

Layout für eine Template-Seite

Layout für ein Designstudio

Layout für einen Beautysalon

Layout für ein Website-Showcase

Layout für einen WordPress-Blog

Layout mit Schokoladengeschmack

Portfolio-Layout

Portfolio-Layout

Portfolio-Layout

«Web 2.0»-Layout

Business-Layout

Firefox

1. Aus dem Menu «Lesezeichen» wählst du die Option «Lesezeichen verwalten».

2. Dann öffnest du das Menu «Importieren und Backup» und wählst daraus die Option «HTML exportieren».

3. Jetzt musst du nur noch den Ordner wählen, in dem du deine Bookmark-Datei abspeichern möchtest. Speichern und fertig!

Internet Explorer 7

1. Im Internet Explorer 7 klickst du auf das gelbe Sternchen mit dem grünen Pluszeichen (Lesezeichen hinzufügen). Aus diesem Menu wählst du die Option «Importieren und Exportieren».

2. Bei der Willkommensnachricht klickst du auf «weiter». Danach wählst du die Option «Favoriten exportieren».

3. Jetzt wählst du den Quellordner, der deine Bookmarks enthält. In 99% aller Fälle musst du hier nichts verändern, sondern kannst einfach auf «weiter» klicken.

4. Im nächsten Schritt wählst du den Ordner, in dem du deinen Bookmark-Export speichern möchtest.

5. Mit «fertig stellen» bestätigen und fertig ist deine Bookmark-Datei.

» Beispiel von Emarts

Das Beste daran: Papier-Effekte sind gar nicht so schwierig zu gestalten, wie man denken könnte. WordWeb ist für dich auf die Suche gegangen und hat die besten Tutorials zu diesem Thema zusammengestellt.

Einzelne Papier-Elemente.

Scrapbooking (Skizzenbuch)

Von Elias Sarantopoulos, publiziert bei Freepsd

How To Create A Desk Environment In Photoshop From Scratch! (Schreibtisch)

Von Harley Alexander, publiziert bei Psdtuts+

Craft a Vintage Fifties Letter (Brief)

Von Rafik Massoud, publiziert bei Psdtuts+

Sketchbook Wallpaper (Skizzenbuch)

Von Vlad Gerasimov, publiziert bei eyesontutorials

A Scrap of Notebook Paper (Notizpapier)

Von PSHERO

Ripped Paper Effect (Zerrissenes Papier)

Von Richard Carpenter, HV-Designs

A taped down sheet of paper (Papier mit Klebestreifen)

Von ToxicLAB

Post it

Von Kaoz Tutorials

Ganze Papier-Layouts.

How to Create a «Worn Paper» Web Layout Using Photoshop (Altes Papier)

Von Matthew Heidenreich, publiziert bei Six Revisions

Design a realistic website layout in photoshop (Realistisches Papier-Layout)

Von Grafpedia

How to Create a Grunge Web Design in Photoshop (Grunge)

Von Alvaro Guzman, publiziert bei Psdtuts+

Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it! (Mehr Grunge)

Von Collis, publiziert bei Psdtuts+

Old Paper Layout (Altes Papier)

Von Talk Mania

Design Agency Layout (Design-Agentur, Notizbuch)

Von amtik, publiziert bei Web Design Library

Clean Grunge Blog Design (Noch mehr Grunge)

Von psdfan, publiziert bei Web Design Library

Desktop Style Web Layout (Schreibtisch)

Von Flash Game Design

Design a Unique Grungy Website Layout (Und schon wieder Grunge)

Von psdfan

Design a Cartoon Grunge Web site Layout (Kaum zu glauben)

Von Chan Kai Loon, publiziert bei Psdtuts+

Journal (Tagebuch)

Von Scott Webb, publiziert bei Tutocity.com

Ausblick: Papier-Texturen

Ein wichtiges Hilfsmittel für die Gestaltung von Papier-Designs sind Papier-Texturen. Wo man die besten Texturen herbekommt, wird das Thema eines der nächsten Artikel sein. Bis dahin viel Spass beim Ausprobieren der Tutorials!