PIXELTUNES » wordpress

hmmm leckere Textboxen für WordPress

Oli — Thu, 13 Oct 2011 10:30:47 +0000

Wollte ihr eure Artikel mit ein paar bunten Textboxen aufmischen und verhübschen? Hier sind ein paar Beispiele dafür. Nötig dazu ist ein kleiner Tweak in der functions.php eures WordPress Themes und ein paar Zeilen code in der style.css.
Das Ergebniss seht ihr hier drunter

Dies ist eine grüne Box!

Dies ist eine gelbe Box!

Dies ist eine blaue Box!

Dies ist eine weisse Box!

Dies ist eine dunkelgraue Box!

Dies ist eine rote Box!

Dies ist eine schwarze Box!

Update!
Hier kommt exemplarisch der Code für die css Datei:

.blue-box {
background:#C8E6E4;
border: 1px solid #9DCFCC;
color:#444;
margin: 10px 0;
padding: 20px;
overflow:hidden;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size:.9em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;

Die weiteren Farbwerte findet ihr in dieser Tabelle:

	grün	gelb	weiss	dunkelgrau	rot
background	#D5FFCA	#FFFBCC	#fff	#333	#FFD9C8
border	#BDDC7F	#E6DB55	#D7D7D7	#000	#F37C72
color	#444	#444	#444	#fff	#444

pixeltunes.de | wpBUZZ | Facebook | Twitter | Xing Profil | Euro's bloggen
Backlinkseller bietet die Möglichkeit durch verkaufte Textlinks auf der eigenen Website gutes Geld zu verdienen. Einfach unverbindlich mit dem "Verdienst-Kalkulator" die möglichen Einnahmen berechnen und regelmäßig Geld verdienen.

WordPress für Smartphones optimieren

Oli — Sat, 24 Sep 2011 09:40:13 +0000

Seit einigen Wochen nutze ich das Yoko Theme von Elmastudio und bin extrem happy über das Theme. Responsive Layout ist dabei eines der Zauberwort die mir tierisch viel Freude machen. Responsives Layout bedeutet dabei, das sich die Ansicht des Themes dem Device des Betrachters anpasst. Die Gliederung der Website sieht dadurch bei Nutzung eines Tablets anders aus als auf 17 Zoll Display – sehr geil!

: Ansicht Headlines

Ebenso wird auch eine Anzeigevariante für die Nutzer von Smartphones angeboten. Sieht gut aus, passt. Allerdings hat die Sache hierbei einen klitzekleinen Haken. Obwohl die Ansicht für die Betrachtung via Smartphone angepasst wird werden alle Daten bis auf das letzte byte bewegt. Meistens wird dies per Funknetz geschehen und da es im Moment leider keine wirkliche Datenflatrate gibt ist genau das der springende Punkt. Für mich persönlich, der ein monatliches Highspeed Volumen von 300 mb frei hat ist irgendwann Schluß im Dom. Volumen erreicht – Ende mit der fixen Surferei von unterwegs, es geht im SchneckenGPRStempo weiter.

Cool wäre es also wenn die zu bewegende Datenmenge reduziert werden würde. Die Textinhalte sollten dabei natürlich nicht beinträchtigt werden.

Lösung

Für die WordPress Nutzer gibt es dazu ein ziemlich cooles Plugin, welches alle grafischen Elemente reduziert und im Grunde nur den reinen Artikeltext und im Artikel abgelegte Bilder liefert. WPtouch heißt das gute Stück und wird im Pluginverzeichnis von WordPress angeboten (Link). Alternativ kann natürlich auch direkt aus eurer WordPress Installation heraus installiert werden. WPtouch ist verfügbar als kostenloses Plugin welches schon in dieser Edition wirklich zahlreiche Features bietet als auch in einer Pro Version* die einen deutlichen Schwerpunkt bietet wenn es um die Individualisierung des Mobilen Themes geht.

Wie geschrieben sind die Möglichkeiten wie der Content angezeigt werden soll wirklich vielfältig. Es besteht die Möglichkeit verschiedene Icons zu nutzen, Textauszüge oder die reine Headline zu zeigen. Mittels klick auf die Headline wird dann der komplette Artikel, immer noch in einer optimierten Ansicht, gezeigt. Schaut mal beim WordPress Plugin Verzeichnis rein, dort sind zahlreiche Screenshots abgebildet die verschiedene Features zeigen. Alternativ könnt ihr natürlich direkt beim Hersteller reinschauen.

Ansicht Textauszüge

test

Oli — Mon, 21 Mar 2011 18:11:58 +0000

21 sehr schicke WordPress Magazine Style Themes

Oli — Thu, 10 Feb 2011 14:27:23 +0000

Gratis WordPress Themes sind oft sehr gut. Leider hakt es manchmal an der Nachhaltigkeit des Supports und der Weiterentwicklung. Wenn dann nicht das entsprechende Know-how zur Verfügung steht kann es durchaus sein das ein engagiert betriebener Blog ins schwitzen kommt. Sei es die Integration eines Plugins oder einfach die Anpassung an eine neue WordPress Version.

Oft ist es da ratsam sich auch einmal über Premium Themes zu informieren. Aus diesem Grund zeige ich hier ein paar sehr schicke Premium Themes die über themeforest vertrieben werden. Nicht schimpfen, alle Links sind deshalb Refererlinks.

PIM Newspaper Magazine WordPress Theme

Deadline Premium News WordPress Themes

CooolZine Magazine WordPress Theme

Sparky Creative WordPress Theme

Gadgetine WordPress Theme

Castiel Magazine Style WordPress Theme

Type Stitch Magazine WordPress Theme

Magzimus Blog Magazine WordPress Theme

Brest Magazine WordPress Theme

Paper Plane WordPress Theme

PSD Planet WordPress Theme

Revolution Magazine WordPress Theme

TutsPlaza WordPress Theme

BigFeature WordPress Theme

Sofa Memento

GamePress WordPress Theme

Convergence WordPress Theme

Community Innovation WordPress Theme

Varnish WordPress Theme

Mammoth WordPress Theme

Evolutionary WordPress Theme

Security Patch: WordPress 3.0.5 ist da

Oli — Tue, 08 Feb 2011 15:25:08 +0000

Wow, die Jungs um Matt Hoffmann schmeißen vor der neuen Version 3.1 echt noch ein Security Patch raus und toppen damit die bisherige Höchstmarke an Patches. Exakt der vierte Stopfen kommt hier für das Blogsystem meines Vertrauens.

Der draufgängerische Auto-Update hat mal wieder reibungslos in allen drei Blogs (http://pixeltunes.de, http://2pixl.de und http://wpbuzz.de) geklappt.

WordPress – da weiss man was man hat

Thesis Update Tutorial bei wpbuzz.de

Oli — Tue, 01 Feb 2011 09:15:33 +0000

Ich darf mit Freude immer wieder feststellen das sich über meinen Blog pixeltunes.de einige Leute mit dem grandiosen Thesis Theme* versorgen. Die vielen Vorzüge des Theme Thesis hatten mich dazu gebracht diesem Theme quasi einen eigenen Blog zu spendieren. wpbuzz.de Noch schwer im Aufbau aber eigentlich ganz schick.

Und für diese People hier der Hinweis auf ein klasse Tutorial welches euch beim updaten eures Thesis Theme praktisch helfen und Fallstricke vermeiden soll.

So gehts: Theme Thesis 1.8 updaten

Kritische Sicherheitslücke bei WordPress beheben: v 3.0.4 installieren

Oli — Thu, 30 Dec 2010 10:13:07 +0000

Eine kritische Sicherheitslücke solltet Ihr zügig wegpatchen. Dazu ist jetzt WordPress in der Version 3.0.4 erschienen. Geändert wurden die folgenden Dateien:

readme.html
wp-admin/includes/update-core.php
wp-includes/formatting.php
wp-includes/kses.php
wp-includes/version.php

Wie schon bei den vorherigen Updates gelingt auch hier das updaten fehlerfrei über das Backend von WordPress. Eine vorherige Sicherung kann natürlich niemals schaden. Dazu bietet sich natürlich Dropbox an um von überall an die Backups zu kommen.

Dein Weblog vor robots.txt

Oli — Wed, 22 Dec 2010 14:08:46 +0000

Ich bin vor ein paar Tagen über die Website archive.org gestolpert und habe da ein paar coole, ältere Kopien meines pixeltunes weblogs anno 2006 finden können. Ach was waren das noch Zeiten als Blogs ohne robots.txt auskommen konnten.

Schaut doch einmal selber bei archive.org vorbei und postet die Links zu euren frühen Greueltaten!

SEO Tipps die nichts kosten

Oli — Wed, 21 Jul 2010 12:43:06 +0000

Schade das wir nicht 4 Hände sondern nur zwei haben! Warum 4 Hände? man könnte doppelt an der hübschen Freundin streicheln, man könnte beim Auto fahren das lenkrad fest halten und trotzdem lässig auf der Tür rhythmisch trommeln oder man könnte gleichzeitig 4 Stücke Fleisch auf dem Grill drehen. Ok, die Langarm Shirts sähen zwar scheisse aus aber mann könnte so auch gleichzeitig das Design der eigenen Website bearbeiten und gleichzeitig für das Marketing dieser in die Tasten hauen.

Da wir aber nun mal nur zwei Hände haben, und wir Männer sowieso, können wir nur eine Sache machen. Und dies ist, nachdem die Website online ist, neben der Schreiberei meitstens das rumgefummel am Seitendesign. leider wird das Marketing mal wieder links liegen gelassen. Deswegen hier ein paar Tipps die helfen sollen in Sachen SEO etwas Boden gut zumachen.

Flash?

Muß die Flash Applikation wirklich sein? Schon mal über Alternativen nachgedacht? Neben dem Defizit der Ladezeiten enthältst du den Suchmaschinen auch den Content bevor der sich mit dem Flash maskieren ließ. Denk dran, HTML 5 steht in den Startlöchern und wird sich vehement breitmachen. Dein Flash wird untergehen!
JavaScript

Verstecke Content auf deinen Seiten nicht mit irgendwelchen Zusatzprogrammen. Setz dafür Java Script ein. Dadurch bleibt der unsichtbare text im Markup deiner Seite und steht den Robots zur Verfügung.
Titelbilder

Benenne deine Bilder akkurat! Stell dir vor jemand sucht ein Kajak der Firma Lettmann. Du hast so ein gutes Stück mal abgelichtet. Welches Foto wird wohl gefunden werden:
- lettmann-kajak.jpg oder
- dmc2010_07_19.jpg
Smarte Startseite

Links zwischen den Unterseiten deines Projektes sind wichtig! Aber überfrachte deine Startseite nicht in dem du zu jeder Unterseite einen direkten Link anbietest. Sieht wahrscheinlich scheiße aus, ist blöd zu navigieren und bei den Suchmaschinen bist du schneller unten durch als dir lieb ist.
Eindeutige Links

Du willst eine Unterseite pushen und verlinkst auf diese mit mehreren Links aus ein und dem selben Artikel. Klugerweise heißen die Links alle anders. Klasse, gut gemacht. Du hast es geschafft deine Leser zu verwirren. Stell dir mal vor du klickst auf das Wort Hund und bekommst einen Hund auf einer Unterseite zu sehen. Super! Jetzt klickst du auf das Wort Tier (gleicher Artikel) und kommst auf die selbe Seite. Die selbe Seite wird auch angezeigt wenn du nun auf Vierbeiner klickst. Wat denn nu?? Den Suchmaschinen ist diese Linkverdreifachung sowieso egal. Da zählt nur der erste Link.
Sein ein Blogger

Benutze eine aktuelle Blog Software und ein SEO optimiertes Theme. Fülle alle SEO relevanten Formularfelder bei jedem Artikel aus. Hier lohnt der Fleiß. bei mir ist dadurch mein neuer Blog http://wpbuzz.de in innerhalb von Tagen auf PR 2 geschnellt.
DeepLinks!

Setze in neuen Artikeln auch Links zu älteren Beiträgen, diese bringen positive Effekte, du bekommst unter Umständen mehr Besucher zusammen und deine Besucher bleiben länger bei dir weil sie mehr zu Lesen finden. Es versteht sich von selber das die verlinkten Beiträge thematisch passen sollten.
Mache aus deiner Website eine Marke!

Versuche ein eindeutiges und klares Erscheinungsbild zu generieren, benutze den Blogtitel am besten auch als Url. Das hilft deinen Besuchern dich in den Listen der Suchmaschinen besser aufzufinden.
XML Sitemap muß sein

Mittels einer XML Sitemap hilfst du den Searchbots deine Seite zu indexieren und die Themenbereiche besser zu erfassen. Eine XML Sitemap kannst du zum beispiel via Googles Webmastertools. Eine Google lose Alternative wäre der XML Sitemap Generator.
Anker werfen

Wenn du auf deine Unterseiten verlinkst, versuche diese Links so präzise wie möglich zu gestalten. Verlinke nicht nur auf die Unterseite selber sonder suche auch die passende Textstelle und verlinke diese mittels des Anchor-Tags.

50 schnelle Blogging Tipps

Oli — Fri, 16 Jul 2010 14:20:17 +0000

Wenn ihr hier jetzt Tipps zu den optimalen Inhalten und Content sucht – Pustekuchen!! Das wird hier nicht beschrieben. Es soll um ein paar universelle Tipps gehen die Theme unabhängig sind und quasi für jeden Blog passen sollen.

Verwende eine einfache und logische Navigation. Biete diese deinen Besuchern ganz oben in deinem Blog an.
Konzentriere dein Blogdesign auf die Lesbarkeit
Schreibe so wie du bist, verstelle nicht deinen Stil. Sei ehrlich auch über dich.
Wer bist du, was magst du und warum tust du? Auch das gehört in einen Blog.
Erhöhe die Sympathie deines Blogs durch ein Foto von dir. Bitte lächeln
Wenn du deinen Blog alleine beschreibst, dann schreib nicht vom Blog Team. Mach dich nicht größer als du bist.
Schreibe argumentativ und kämpfe um das woran du glaubst.
Schreibe in einer verständlichen Sprache. Wenn man deinen Blog nur mit zur Hilfenahme eines Lexikons verstehen kann läuft da etwas falsch.
Nenne deine Quellen, verlinke auf diese und bedanke dich für deren Arbeit.
Nutze eine eindeutige Url. Verzichte auf diesen ganzen Subdomain Blödsinn.
Bitte Freunde regelmäßig deinen Blog zu begutachten. Respektiere deren Kritik und lerne daraus.
Müssen die ganzen Widgets wirklich alle befüllt sein?
Verlinke zu den Blogs die dir gefallen, dafür ist die Blogroll gedacht.
Steche in Listen hervor indem du dir ein Favicon in den Blog schraubst.
Blähe Posts nicht unnötig auf nur damit sie länger sind. Komm auf den Punkt.
Kontrolle ist wichtig. Prüfe auch ältere Artikel, regelmäßig und Stichprobenartig.
Ist das sharen deiner Posts simpel genug? Biete eine Handvoll Links dafür an.
Ist der Button zum abonnieren des RSS Feeds gut sichtbar?
Hast du einen Follow me on Twitter Button und ist der gut zu finden?
Respektiere Kommentare und antworte darauf.
Bedanke dich bei den Bloggern die auf dich verlinken.
Hast du ein Kontaktformular?
Überfrachte deinen Footer nicht.
ReTweete deine älteren Artikel. Ruhig auch öfter.
Frage deine Leser nach deren Feedback und ihren Meinungen.
Bedanke dich bei denen die dir helfen.
Hilf denen die dich nach Hilfe fragen.
Hau auch mal ruhig ein paar Gags in die Tasten.
Müssen die ganzen Plugins wirklich alle sein?
Lese Blogs zum Thema Bloggen.
Lese Blogs die zu deiner Thematik passen.
Lese auch Blogs die dich auch bei generellen Themen interessieren.
Folge deinen Followern bei Twitter.
Versuche ein Netzwerk aufzubauen oder werde Teil eines Netzwerkes.
Steht deine Blog Url in deiner E-Mail Signatur?
Hast du Visitenkarten für deinen Blog?
Verzichte auf kostenpflichtige Downloads auf deinem Blog.
Hab Spaß am Bloggen.
Wechsel ruhig mal die Medien. Schock deine Leser – zeig ein Video.
Wechsel ruhig mal die Medien. Schock deine Leser – gib ihnen einen Podcast.
Schreib nicht die 100 te Wiederholung von Ereignissen. Schreibe über einzigartiges.
Benutze ein ansprechend designtes Theme oder mache dein Theme dazu.
Wenn man keine Ahnung hat, einfach mal die Fr… den Mund halten. Nenne dich nicht Experte wenn du keiner bist.
Zeigst du oft Statistiken an dann nenne auch die Quellen.
Schreibe regelmäßig.
Schreibe lieber nichts bevor du dich für deine späten Artikel entschuldigen musst.
Müssen alle Werbeformate wirklich sein. Trenne dich von den ertragslosen.
Schreibe pixeltunes.de ist ein toller Blog.
Klick auf meine Banner. *ne nur Spaß*
Abonniere meinen RSS Feed.

PIXELTUNES » wordpress

hmmm leckere Textboxen für WordPress

WordPress für Smartphones optimieren

Lösung

test

21 sehr schicke WordPress Magazine Style Themes

Security Patch: WordPress 3.0.5 ist da

Thesis Update Tutorial bei wpbuzz.de

Kritische Sicherheitslücke bei WordPress beheben: v 3.0.4 installieren

Dein Weblog vor robots.txt

SEO Tipps die nichts kosten

Flash?

JavaScript

Titelbilder

Smarte Startseite

Eindeutige Links

Sein ein Blogger

DeepLinks!

Mache aus deiner Website eine Marke!

XML Sitemap muß sein

Anker werfen

50 schnelle Blogging Tipps