Aktuellen Template Stand downloaden

Was haltet Ihr von einer WordPress Screencast Serie?

Neben den Custom Post Types, also den Artikeltypen ist es weiterhin noch möglich die sogenannten Meta Boxen per Klick den Beiträgen oder Seiten hinzuzufügen. Natürlich geht das auch für seine erstellten Custom Post Types. So kann man sich mit ein paar HTML und CSS Kentnissen kinderleicht ein eigenes Portfolio erstellen und benötigt hierzu kein PHP Wissen.

Custom Post Types

• Einfach zu benutzendes Interface
• Erstelle Post Types per Klick
• Editiere die Post Types nach der Erstellung
• Automatische Template Erstellung für die Post Types
• Unterstützung der Permalink Struktueren
• Export der Post Types
• uvm

 Meta Boxen

• Einfaches Interface
• Erstelle Metaboxen per Klick
• Editiere Metaboxen nach der Erstellung
• Wähle einen Post Type für deine Metabox aus
• Füge unbegrenzte Felder der Metabox hinzu
• Drag & Drop Filter
• 8 Feld Typen
  1. Text
  2. Textarea – mit Editor
  3. Select
  4. Radio
  5. Checkbox
  6. Datepicker
  7. jQuery Slider
  8. Datei Upload
• Füge den Feldern Beschreibungen hinzu
• Automatische Shortcodes für jedes Feld
• Automatische Ausgabe aller Meta Felder
• Export aller Meta Felder

Die Taxonomies erspare ich mir an dieser Stelle einmal. Nachdem Ihr also eure Metaboxen oder Custom Post Types angelegt habt, gibt es die Möglichkeit diese zu exportieren. Das Plugin gibt automatisch den PHP Code aus, den Ihr benötigt. Dieser wird einfach in die functions.php geschrieben, um z.B die Installation des Plugins bei einem Kunden zu vermeiden.

Metadaten individuell darstellen

Natürlich ist auch das möglich. Zwar gibt das Plugin die Metadaten automatisch im jeweiligen Artikel/Seite aus, dennoch kann man die Ausgabe natürlich beeinflussen. Hierzu benötigt Ihr nur den Namen eures Meta Feldes. Danach kommt dieser kleine PHP Code in das jeweilige Template

1

echo get_post_meta($post->ID, 'ecpt_EUERFELD', true);

Mehr benötigt Ihr hierzu nicht. Neben diesem PHP Code gibt es auch einen Shortcode, den Ihr direkt in euren Artikel/Seite einfügen könntn. Hier schreibt man einfach folgenden Shortcode in seinen Artikel/Seite [ecpt_field id="EUERMETAFELD"]

Informationen

• Easy Custom Content Types Download
• Wie das Plugin funktioniert Video
• Demonstrations Video

Schlusswort

Das Plugin unterstützt noch eine vielzahl weitere Funktionen, die ich allerdings hier nicht alle auflisten möchte. Zwar kostet das Plugin 20$, Fakt ist jedoch, dass dieses Plugin extrem hilfreich ist und sich diese Investition in jedem Fall lohnt.. Sowohl für Web Designer und Web Entwickler, als auch für den Privaten Mann, der schnell und unkompliziert eine indivuelle Webseite mit WordPress gestalten möchte.

Firefox:

1

-moz-transition: box-shadow 2s;

Internet Explorer:

1

-ms-transition: box-shadow 2s;

Safari:

1

-webkit-transition: box-shadow 2s;

Opera:

1

-o-transition: box-shadow 2s;

Es ist natürlich schwer sich diese ganzen spezifische Eigenschaften zu merken. Hier schafft das Tool Prefixr abhilfe. Man muss lediglich eine Eigenschaft eingeben, Prefixr übernimmt den Rest. Das Tool erkennt die CSS Eigenschaft und gibt uns automatisch für jeden Browser die richtige Eigenschaft aus. Gebe ich also bei Prefixr -moz-transition: box-shadow 2s; ein, so erhalte ich als Ausgabe automatisch:

1
2
3
4
5

-webkit-transition: box-shadow 2s;
-moz-transition: box-shadow 2s;
-o-transition: box-shadow 2s;
-ms-transition: box-shadow 2s;
transition: box-shadow 2s;

Mit Prefixr kann man sich also eine Menge Zeit mit der suche nach den richtigen Eigenschaften ersparen. Probiert es doch mal aus!

Links

• Prefixr von Jeffrey Way

Mit Zen Coding können wir ähnlich wie mit CSS Selektoren arbeiten. Wir stylen jedoch keine Elemente, sondern generieren den Code. Möchte man als Beispiel eine Unsortierte Liste verschachtelt in DIV Containern schreiben, nutzt man bei Zen Coding folgenden Shortcut

1

div#page>div.logo+ul#navigation>li*5>a

Diese Zeile wird per Shortcut von Zen Coding automatisch als HTML Block ausgegeben.

1
2
3
4
5
6
7
8
9
10

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

Möchten wir zum Beispiel vier DIV Container erstellen mit einer vortlaufenden Klasse schreiben wir folgendes:

1

div.item$*3

Als HTML Ausgabe bekommen wir folgenden HTML Block. Das Dollar Zeichen gibt hier immer die fortlaufende Zahl an.

1
2
3

<div class="item1"></div>
<div class="item2"></div>
<div class="item3"></div>

Das gleiche Prinzip können wir natürlich auch mit ID`s machen oder einer größeren Zahl. Als Beispiel:

1

div#i$-test.class$$$*5

Die HTML Ausgabe wäre dann:

1
2
3
4
5

<div id="i1-test" class="class111"></div>
<div id="i2-test" class="class222"></div>
<div id="i3-test" class="class333"></div>
<div id="i4-test" class="class444"></div>
<div id="i5-test" class="class555"></div>

Man kann sich also so eine Menge Zeit mit dem schreiben von HTML ersparen. Es bedarf zwar ein wenig Zeit, bis man all bzw. seine favorisierten Shortcuts auswendig kann, doch versteht man erst einmal das Prinzip, geht das schreiben von HTML Code sehr viel schneller.
Zen Coding ist derzeit für viele verschiedenen Editoren verfügbar, so zum Beispiel für Adobe`s Dreamweaver, oder den kostenlosen Windows Editor Notepad++.

Demo

• Demo ( Benötigt Javascript )

Zen Coding

• Zen Coding HTML Selektoren
• Cheat Sheet downloaden
• Video Tutorial von Sergey Chikuyonok

Downloads

• Notepad++
• Dreamweaver
• Coda ( Wird genutzt von MAC )
• Weitere Editoren …

Derzeitiges Template downloaden

• InFocus Download

Nach reiflicher Überlegung, wie man die Seite attraktiver gestalten könnte, ist es mir in den Sinn gekommen die Seite weitaus Community lastiger zu gestalten. Das heisst auch in erster Linie natürlich ein neues Layout, sowie ein neues Content Managment System. Hier werde ich auf Joomla in der aktuellen Version zurück greifen.
Ein wichtiger Bestandteil wird das Forum sein. In der Vergangenheit kamen immer wieder Support Anfragen per Email oder in den Kommentaren. Leider habe ich natürlich nicht die Zeit, jedes Problem einzeln anzugehen. Daher denke ich, dass ein Forum wo User anderen Usern weiterhelfen ein wichtiger Bestandteil einer solchen Community ist.

Desweiteren wird es natürlich auch mehr kostenlose Templates geben, nicht nur für Joomla, sondern auch für WordPress. Außerdem spiele ich ja schon länger mit dem Gedanken Premium Templates einzuführen, die ähnlich wie andere Template Provider etwas kosten werden.

Was haltet Ihr davon? Ist euch ein “reiner” Blog lieber? Oder wollt Ihr mehr News & Tutorials über verschiedenste Themen des Webs haben? Sagt mir eure Meinung!

Da ich in eng mit einem talentierten Zeichner zusammen arbeiten werde, wird es einige coole Shirts in Zukunft geben. Seit gespannt :)

Hier einmal ein Foto eines “real” Shirts von Netzgeek

Silence – I kill u

Welches der vorhandenen PSD Layouts wollt Ihr als Joomla Template haben?

Schreibt einfach euren Favoriten in die Kommentare, dass Layout mit den meisten Stimmen werde ich dann nächste Woche umsetzen. Klingt cool oder? :)

Awake

InFocus

Redux