Wenn du einen Webshop gestalten möchtest, sind diese vielseitigen Icons eine riesige Hilfe. So wird der Webshop übersichtlich zu navigieren, und du kannst die Besucher auf angenehme Weise über die Zahlungsmöglichkeiten des Shops informieren.

Alle Icon-Sets kannst du dir kostenlos auf der jeweiligen Webseite herunterladen. Ich hoffe dir gefällt meine Zusammenstellung :-)

Kennst du weitere schöne e-Commerce Icons, die ich in meiner Liste vergessen habe? Dann schreibe mir doch einfach einen Kommentar. Ich freue mich schon auf deine Tipps!

Ähnliche Artikel zu diesem Thema

• Mini Social Media Icon-Set kostenlos downloaden
• One World Twitter Icons – Länder Twitter Icon-Set kostenlos downloaden
• Sweet Chocolate Vektor Icon-Set kostenlos downloaden
• Fundgrube: Jede Menge kostenlose Icons
• 6 coole Twitter-Icons zum downloaden

Heute gibt’s jede Menge spannende Stein- und Mauertexturen – praktisch für grungy Webseiten-Hintergründe, Photoshop-Art oder Wallpaper. Alle Fotos kannst du dir in hoher Auflösung direkt auf dem Elmastudio Flickr-Account herunterladen. Die Bilder haben wir auf unserem Ausflug in die beeindruckende Stadt Georgetown, Malaysia gesammelt. Georgetown ist eine tolle Stadt mit unzähligen alten Gebäuden. Die perfekte Kulisse also, um wieder mal auf Texturen-Suche zu gehen. Ich hoffe dir gefallen die Ergebnisse :-)

Ich hoffe dir gefallen die Texturen, über dein Feedback würde ich mich sehr freuen :-)

Ähnliche Artikel zu diesem Thema

• 40 Stein-Texturen kostenlos downloaden
• Jede Menge Holz und Moos Texturen downloaden
• Jede Menge kostenlose e-Commerce Icon-Sets
• One World Twitter Icons – Länder Twitter Icon-Set kostenlos downloaden
• Sweet Chocolate Vektor Icon-Set kostenlos downloaden

Der Adminbereich ist die Zentrale deiner WordPress-Seite. Egal ob du WordPress als Blog- oder CMS-System nutzt, es gibt jede Menge hilfreiche Plugins, die deinem Adminbereich erst die richtige Power verleihen. Ich habe meine liebsten Admin-Plugins für dich zusammen gestellt.

1. Ozh Admin Drop Down Menu

Das Plugin fügt deinem Admin-Bereich ein praktisches DropDown-Menü hinzu.

2. Custom Admin Branding

Mit dem Custom Admin Branding-Plugin ersetzt du das WordPress-Logo auf der Login-Seite, in der Admin-Leiste und im Admin-Footer durch dein eigenes Logo.

3. BM Custom Login

Mit dem BM Custom-Login Plugin kannst du ebenfalls den Login-Bereich deiner WordPress-Seite in wenigen Schritten anpassen.

4. Role Scoper

Mit diesem praktischen Plugin kannst du den Nutzern deiner Seite verschiedene Rollen zufügen. Sehr praktisch für WordPress als CMS.

5. WordPress Code Editor

Praktischer Code-Editor für den WordPress Admin-Editor.

6. Power Code Editor

Auch mit dem Power Code Editor fällt das Editieren von Code direkt auf dem WordPress Adminmenü sehr viel leichter.

7. WP Maintenance Modus

Setzt deine Seite in den Wartungsmodus, während du bequem an der Seite arbeiten weiter arbeiten kannst.

8. Simple Tags

Tolles Plugin, mit dem du deine Tags verwalten kannst.

9. Admin Management Xtended

Für schnelles Verwalten der Seiten und Artikel (WP als CMS) in WordPress ist das Admin Management Xtended Plugin hervorragend geeignet!

Artikel und Seiten Plugins

10. Post Editor Buttons

Mit diesen Plugin kannst du dir individuelle Buttons für deinen WordPress Texteditor anlegen.

11. My Category Order

Noch ein praktisches Plugin, wenn du WordPress als CMS verwendest, ist das My Category Order Plugin. Hier kannst du per Drag’n'Drop bestimmen, in welcher Reihenfolge deine Kategorien angezeigt werden sollen.

12. Page Manager

Ähnlich wie bei My Category Order kannst du mit dem Page Manager per Drag’n'Drop die Seiten deiner Webseite anordnen.

13. WordPress Page Tree

Ein weiteres Plugin um eine Übersicht über deine Seiten zu bekommen und diese anzuordnen. Besonders bei vielen Seiten mit Unterseiten geeignet!

14. Dashboard Pages

Dashboard Pages hilft, deine Seiten diekt vom Dashboard des Aminbereichs anzulegen und zu verwalten.

Statistik-Plugins

15. Google Analytics Dashboard

Mit diesem Plugin hast du alle Google Analytics Daten direkt auf dem WordPress-Dashboard sofort im Blick!

16. Wordpress Download Monitor

Das Download Monitor-Plugin verschafft dir einen Überblick über die Anzahl der Downloads auf deinem Blog.

17. Feed Stats for WordPress

Willst du nicht extra dein Feedburner-Account checken, um über deine Subscriber informiert zu sein, zeigt dir das Feed Stats-Plugin deine Feedreader-Statistik direkt in deinem WordPress-Adminmenü an.

18. 404 Notifier

Das Plugin zeigt dir alle 404-Fehler deiner Seite an. Besonders hilfreich, wenn du ein paar Seiten deiner Webseite umgezogen hast.

Sicherheits-Plugins

19. User Locker

Mit dem User Locker kannst du die Eingabe-Möglichkeiten für den Login-Bereich deiner WordPress-Seite begrenzen.

20. WordPress Backup

Ein wichtiges Plugin, mit dem du ein automatisches Backup deiner wichtigsten WordPress-Daten einrichten kannst.

Kennst du weitere Plugins, die den WordPress-Adminbereich erst so richtig in Schwung bringen? Über deine Tipps würde ich mich sehr freuen!

Ähnliche Artikel zu diesem Thema

• WordPress-Tipp: Style deine Seitennavi mit dem WP-PageNavi Plugin
• WordPress Tipp: praktische Statistik-Plugins für deinen Blog
• WordPress Tipp: Post Editor Buttons
• WordPress als CMS: 10 hilfreiche Plugins
• Bildergalerie im Buchstil mit dem FlippingBook WordPress-Plugin

Schau dir hier eine Demo des Plugins an!

Willst du eine Leseprobe oder ein Fotobuch auf deiner Webseite präsentieren ist das FlippingBook WordPress-Plugin eine tolle Option. Mit dem Plugin kannst du eine schöne Präsentation in Buchform in deine WordPress-Seite integrieren.

Die kostenlose Version des Plugins bietet eine professionelle Optik und ein spannendes Erlebnis für den Benutzer. Die Einrichtung des Plugins ist übersichtlich, und es werden etliche Einstellungsmöglichkeiten angeboten.

1. Bilder hochladen

Hast du dir das Plugin heruntergeladen (hier geht’s zum Download) und es in deinem WordPress-Adminbereich aktiviert, kannst du im FlippingBook-Menü unter Images mit dem Hochladen der Bilder beginnen. Du kannst jpg , gif oder swf-Flashdateien Dateien hochladen.

Merke dir dabei das Pixel-Format deiner vorbereiteten Bilder.

2. Buch erstellen

Unter »Create New Book« (im Menüpunkt Manage Books and Pages) kannst du jetzt eine neue Buch-Präsentation von deinen Bildern erstellen.

Dabei sind etliche Einstellungen zu beachten. Du kannst die Maße deiner Präsentations-Bühne festlegen, und die Maße für das Buch selbst. Zusätzliche Optionen sind die Zoom-Funktion, Sound, Upload des Bühnenhintergrunds, Druckfunktion der Seiten, und Einstellungen des Navigationselements.

Wenn du alle Einstellungen vorgenommen hast, klickst du auf »Add Book«.

3. Buchseiten bearbeiten

Bei »Manage Books und Pages« kannst du jetzt die Seitenreihenfolge deines Buches anpassen. Dazu klickst du unterhalb deines Buches auf »Page List«. Die Seiten lassen sich bequem per Drap ‘n’ Drop verschieben.

4. Die Galerie einfügen

Um das erstellte Buch auf deiner Webseite einzufügen, schaust du wieder bei »Manage books and pages« nach der Book-ID, und fügst dann
[book id=’1′ /]
auf einer Seite oder in einem Artikel ein.

Das war’s auch schon! Dein Buch-Slider wird auf der entsprechenden Seite angezeigt. Vielleicht musst du die Einstellungen des Plugins noch ein bisschen anpassen, bis du mit der Ansicht zufrieden bist.

Wie gefällt dir das Plugin? Kennst du weitere originelle Galerie-Plugins für WordPress? Schreibe mir doch einen Kommentar, ich freue mich auf deine Nachricht!

Ähnliche Artikel zu diesem Thema

• 10 außergewöhnliche WordPress Bildergalerie-Plugins
• WordPress Tipp: den Login-Bereich individuell gestalten
• WordPress Tipp: Post Editor Buttons
• WordPress als CMS: 10 hilfreiche Plugins
• WordPress Tipp: Hol dir den Tweetmeme-Button für deinen Blog

Jippi, es ist mal wieder Twitter Freebie-Time bei Elmastudio! Diese niedlichen Twitter-Birds sind für euch aus Frankreich, Japan, den USA und Mexiko angereist, und würden sich sehr freuen, auf eurem Blog oder eurer Twitter-Seite ein neues Zuhause zu finden. Ihr könnt euch die Tweeties wie gewohnt als transparente PNGs oder Vektorgrafik hier herunterladen.

Detailansicht der Twitter-Icons

Hier geht’s zum Download

• PNG-Dateien downloaden (.zip, 340 Kb)
• EPS-Vektor Datei downloaden (.zip, 5,1 Mb)

Wir hoffen, euch gefallen die Twitter-Icons. Über einen ReTweet würden wir uns natürlich ganz besonders freuen! Und sagt uns doch Bescheid, welche Länder-Tweeties Ihr euch denn für die nächste Freebie-Serie wünscht?

Weitere Twitter Icon-Sets

Kennst du schon unsere Music, Hippie, und Beach Twitter Icons? Falls nicht, kannst du sie dir hier gerne herunterladen!

Ähnliche Artikel zu diesem Thema

• 6 coole Twitter-Icons zum downloaden
• Jede Menge kostenlose e-Commerce Icon-Sets
• Sweet Chocolate Vektor Icon-Set kostenlos downloaden
• Mini Social Media Icon-Set kostenlos downloaden
• Freebie-Time: Stylische Webdesign-Buttons kostenlos downloaden

Schau dir hier eine Demo des Sliders an!

Animierte Slider sind eine beliebte Methode, um besondere Inhalte, wie die neusten Blogartikel oder Freebies hervorzuheben. Auch die neusten Design-Projekte kann man so attraktiv in einem Portfolio präsentieren. Und mit den vielen praktischen jQuery-Plugins wird einem die Arbeit leicht gemacht. Ich zeige dir, wie du einen Slider mit jeder Menge Optionen für deine Webseite erstellen kannst.

1. Plugin herunterladen

Als erstes lädst du dir das Plugin von der Plugin-Webseite herunter. Hier siehst du schon etliche Demo-Funktionen des Plugins, z.B. Zoom, Shuffle, Fade und viele mehr.

Hast du das Plugin heruntergeladen, findest du im Ordner »jqerycyle« eine example.html Datei. Hier findest du den benötigten Code für das Plugin.

2. Javascript-Code einfügen

Als erstes fügst du den benötigten Javascript-Code im Header innerhalb deines Head-Tags oder im Footer vor den html-Tag ein.

<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/
cycle/jquery.cycle.all.2.74.js"></script>
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow')
	.after('<div id="nav">')
	.cycle({
		fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager:  '#nav'
	});
});
</script>

Mit diesem Code brauchst du du jQuery garnicht nicht mehr auf deinen eigenen Server hochzuladen.

3. Fotos bearbeiten

Deine Fotos für den Slider schneidest du jetzt in der gewünschten Größe in Photoshop o.ä. zu, und speicherst sie durchnummeriert am besten in einem Ordner namens »images« ab.

4. HTML-Code einfügen

Als weiteren Code-Schnipsel fügst du die Fotos (img-Tags) in einen div-Tag mit dem class-Attribut »slideshow«. Kopiere dazu folgenden Code und fügst ihn innerhalb des body-Tags auf deiner Seite ein. Achte darauf, dass du deine individuelle Breite (width) und Höhe (height) anpasst, und das richtige Zielverzeichnis für deine Image-Links wählst (bei meinem Beispiel: images/01.jpg).

<div class="slideshow">
	<img src="images/01.jpg" width="500" height="375" />
    <img src="images/02.jpg" width="500" height="375" />
    <img src="images/03.jpg" width="500" height="375" />
    <img src="images/04.jpg" width="500" height="375" />
    </div><!--end slideshow-->

Du kannst so viele Bilder einfügen, wie du magst.

5. CSS-Code einfügen

Jetzt musst du nur noch die CSS-Styles für deinen Slider anpassen. Dazu nimmst du die Styles aus der example.html, fügst sie in deine css-Datei (z.B. stlye.css) ein, und passt alle Farben, Größen und Schriften an. Im meinem Bespiel sieht der CSS-Code so aus. Gerne kannst du auch diesen kopieren, und dann deine individuellen Anpassungen starten.

.slideshow {
	width: 540px;
	height: 395px;
	margin: 30px auto;
}
.slideshow img {
	padding: 20px;
	background: #8CC1EC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav {
	margin: 5px auto;
	width: 540px;
	height: 30px;
}
#nav a {
	background: #8CC1EC;
	padding: 5px 8px 5px 8px;
	color:#fff;
	display:block;
	float:left;
	text-decoration: none;
	margin: 0 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav a.activeSlide {
	background: #000033;
}
#nav a:focus {
	outline: none;
}

Fertig ist dein animierter Slider! Natürlich gibt es jede Menge Optionen für die Animation deiner Bilder. Ich habe z.B. einen sogenannten Pager (also eine zusätzliche Navigation) eingefügt, und die »turnDown«-Animation gewählt.

Eine Auflistung mit Demo-Codes aller Slider-Varianten findest du auf der Plugin-Webseite unter dem Punkt »See More Demos and Examples«. Deine Anpassungen nimmst du dann in deinem Javascript-Code (siehe Punkt 2) vor.

Hast du noch Fragen zum jQuery Cycle Plugin, oder kennst du weitere hilfreiche Javascript-Plugins mit denen man schnell Slider bauen kann? Schreibe mir doch einen Kommentar, ich freue mich über dein Feeback!

Ähnliche Artikel zu diesem Thema

• Javascript Slider Effekte – eine kleine Übersicht
• Animierte Banner – mit dem jQuery-Plugin InnerFade
• Javascript Tab-Menüs: Coole Effekte für deine Sidebar
• Smooth Scroll – elegantes Scrollen mit Jquery
• Schatteneffekte erzeugen – mit Javascript oder CSS3

Egal ob Sushi-Shop, Fluggesellschaft oder Asia-Restaurant. Es gibt wunderschöne Logos, die von asiatischer Ästhetik und Symbolik inspiriert sind. Hier unsere Auswahl der schönsten Exemplare.
Lass dich inspirieren!

Gefallen dir die Logos? Kennst du weitere schöne Logos im Asia-Style? Schreibe mir doch einen Kommentar, ich freue mich auf deine Nachricht!

Ähnliche Artikel zu diesem Thema

• Logo-Inspiration: 35 kreative Logos mit Tieren