Em und rem – was ist der Unterschied?

Im CSS kann man die Schriftgröße in unterschiedlichen Einheiten angeben. Die bekannteste Größe sind Pixel. Aber daneben gibt es auch noch die Einheiten em und rem. Was hat es damit auf sich?

Pixel sind eine absolute Einheit. Das heißt, eine Überschrift, die die font-size 20px hat, hat immer genau diese Größe, nämlich 20 Pixel. Ganz gleich, was um sie herum passiert.
Wie groß eine Überschrift ist, die in 2.5em angegeben ist, kann man erst sagen, wenn man weiß, in welcher Umgebung sie steht. Denn die Einheit em bezieht sich auf den nächsthöheren Container.

Weiterlesen Em und rem – was ist der Unterschied?

Anleitung: Ein WordPress-Child-Theme anlegen

Dieser Artikel ist veraltet. Hier geht es zur neuen, aktualisierten Version

Ein WordPress-Theme an die eigenen Bedürfnisse anzupassen ist gar nicht so schwer. Den Löwenanteil der Anpassungen kann man über die CSS-Datei des Themes umsetzen. Bei WordPress hat diese Datei immer den Namen style.css, man findet sie auf der obersten Ebene des Theme-Ordners.

Das Stylesheet könnt Ihr einfach so bearbeiten, aber geschickter ist es, Ihr arbeitet mit einem Childtheme. Ein Childtheme ist ein kleiner Ableger des Original-Themes, das damit zum Parent (=Eltern)-Theme wird. Der Vorteil dabei: Das Eltern-Theme bleibt wie es ist und wird nicht angetastet. Wenn also mal etwas schiefgeht beim Basteln, dann ist nicht gleich das ganze Theme kaputt. Und wenn die Entwickler des Themes ein Update zur Verfügung stellen, könnt Ihr das Parent-Theme updaten, ohne dass Eure Anpassungen überschrieben werden.
Im Childtheme-Ordner liegen nur die Dateien, die tatsächlich verändert wurden. So ist es leichter, die Änderungen nachzuhalten.

Weiterlesen Anleitung: Ein WordPress-Child-Theme anlegen

Ich habe da ein Problem mit meinem WordPress-Theme…

WordPress ist auch für Einsteiger leicht zu lernen. Ein bisschen Zeit und Mühe muss man zwar aufbringen, aber man kommt relativ schnell zu ansehnlichen Ergebnissen. Auch ohne viel Coding-KnowHow. Doch manchmal liegt der Teufel im Detail.

Da hat man sich tapfer durchgekämpft, WordPress ist installiert, ein schickes Theme ist hochgeladen, aber von einem Moment auf den anderen geht es nicht mehr weiter. Wie sehr man sich auch bemüht, das Plugin, das man zuletzt geladen hat, zerschießt das Design oder es erscheinen plötzlich seltsame Fehlermeldungen. Als Anfänger ist man da schnell mit seinem Latein am Ende.

Jetzt wäre es schön, wenn man jemanden fragen könnte. Voilà, Google spuckt ruckzuck eine lange Liste mit WordPress-Dienstleistern aus. Die könnte man doch mal fragen – so teuer wird es schon nicht sein. Das Problem löst ein Profi sicher in fünf Minuten.

Weiterlesen Ich habe da ein Problem mit meinem WordPress-Theme…

Twitter und Facebook im WordPress Benutzer-Profil ergänzen

In den Profileinstellungen im Admin-Menu „Benutzer“ fehlen die üblichen Verdächtigen: Twitter und Facebook. Diese Angaben kann man relativ einfach ergänzen.

Mit diesem Code könnt Ihr neue Felder einfügen. Die Angaben kann man in dei functions.php setzen oder besser in ein kleines PlugIn, damit die Funktion auch dann erhalten bleibt, wenn ihr das Theme wechselt.

// Twitter und Facebook ergaenzen
function twitter_facebook($contactmethods) {
// Twitter dazu
$contactmethods['twitter'] = 'Twitter';
// Facebook dazu
$contactmethods['facebook'] = 'Facebook';
return $contactmethods; }
add_filter('user_contactmethods','twitter_facebook',10,1);

Die Information aus dem Profil könnt Ihr im Theme aufrufen.
Für den Twitterlink geht das beispielsweise mit  the_author_meta(‚twitter‘).
Weiterlesen Twitter und Facebook im WordPress Benutzer-Profil ergänzen

WordPress und Git: Projekte auf GitHub

logo-gitEine große Stärke von Git kam bisher noch gar nicht zur Sprache: Die Möglichkeit, Projekte über GitHub zu teilen. GitHub ist eine Plattform, auf der man Projekte öffentlich zur Verfügung stellt. Die Idee dahinter ist, dass man so im Team arbeiten kann. Viele OpenSource-Projekte wohnen deshalb auf GitHub. 

Wir entwickeln Themes für Kundenprojekte, als Grundlage benutzen wir dazu das _s-Theme von Automattic. Freundlicherweise gibt’s das auf GitHub. Den Code zu kopieren ist nicht so ein großes Problem, aber wir möchten möglichst effizient damit arbeiten. Das bedeutet, wir wollen nicht nur eine Kopie haben, wir wollen auch keine Updates von Automattic verpassen. Wie geht das?

Weiterlesen WordPress und Git: Projekte auf GitHub

Git für WordPress: Arbeiten mit Branches

logo-gitEiner der großen Pluspunkte von Git ist, dass man innerhalb eines Projekts Verzweigungen anlegen kann. Ich kann also einen Teil meines WordPress-Themes „abzweigen“ und ganz entspannt darin arbeiten, ohne dass die Ausgangsversion in Gefahr ist.

Im letzten Artikel haben wir gesehen, dass Git ganz von allein einen Branch „master“ – den ersten Zweig – angelegt hat. Das können wir mit Hilfe des Befehls git status abfragen. Wir bekommen dann die Information „On branch master“. Der Branch „master“ entsteht immer automatisch sobald man Git in einem Verzeichnis initialisiert.


Dieser Artikel ist Teil einer Reihe.
Bisher sind erschienen/geplant:
1. Git für WordPress – Einstieg
2. Git für WordPress – Hilfe, Befehlszeile!
3. Git für WordPress – Die wichtigsten Kommandos
4. Git für WordPress – Arbeiten mit Branches
5. Git für WordPress – Projekte auf GitHub
6. Git für WordPress – Versionen zusammenführen
7. Git für WordPress – Tools und Tipps


Im ersten Artikel habe ich für die Entwicklung eines Sliders den Branch „slider“ angelegt (siehe Infografik erster Artikel). In diesem Zweig arbeite ich an einem Slider für die Startseite. Das Theme, das im Branch „master“ steckt, bleibt derweil unangetastet.
Achtung: Lieber einmal mehr prüfen, in welchem Branch Ihr gerade seid. Nur wenn Ihr Euch tatsächlich im richtigen Zweig befindet, könnt Ihr Eure Änderungen auch sehen. Am Anfang kann das ziemlich verwirrend sein.

Weiterlesen Git für WordPress: Arbeiten mit Branches

Git für WordPress: Die wichtigsten Kommandos

logo-gitIn diesem Artikel möchte ich Euch die Git-Kommandos vorstellen, die Ihr für die ersten Schritte mit Git braucht. Leider ist Git kein Programm, das man startet und danach passiert alles automatisch. Ihr müsst immer mitdenken. Auch wenn das am Anfang mühsam ist, es lohnt sich. Wenn man sich darauf einlässt, kann man seine Arbeitsabläufe besser strukturieren. Und selbst Monate später auf alte Versionen zurückgreifen.

Git hat noch einen großen Vorteil: Ihr könnt rumspielen und ausprobieren. Git löscht nur auf ausdrücklichen Befehl und auch dann in den seltensten Fällen so, dass man’s nicht mehr rückgängig machen könnte. Also nur Mut!

Im Folgenden wird Befehlszeilen-Syntax zu sehen sein. Auch wenn Euch diese Welt fremd ist und Ihr Euch später dafür entscheidet, ein visuelles Tool zu benutzen – es ist wichtig, sich mit dem vertraut zu machen, was da passiert. Und das geht am Anschaulichsten über den Befehlszeilen-Code.


Dieser Artikel ist Teil einer Reihe.
Bisher sind erschienen/geplant:
1. Git für WordPress – Einstieg
2. Git für WordPress – Hilfe, Befehlszeile!
3. Git für WordPress – Die wichtigsten Kommandos
4. Git für WordPress – Arbeiten mit Branches
5. Git für WordPress – Projekte auf GitHub
6. Git für WordPress – Versionen zusammenführen
7. Git für WordPress – Tools und Tipps


Weiterlesen Git für WordPress: Die wichtigsten Kommandos

Git für WordPress: Hilfe, Befehlszeile!

logo-gitIm ersten Artikel dieser Reihe habe ich die „Denkweise“ von Git beschrieben. Heute geht es um die Befehlszeile – beziehungsweise darum, was die Arbeit damit so schwierig macht. Meiner Erfahrung nach existieren große Berührungsängste gegenüber dem Thema. Ich möchte in diesem Text ein bisschen beleuchten, wo die Ursachen für diese Ängste liegen.  

Je nach Betriebssystem heißt das Programm für die Eingabe von Befehlen im Textmodus Terminal, Konsole oder Command Line.

Die Kommandozeile … ist ein Eingabebereich (interface) für die Steuerung einer Software, der typischerweise (aber nicht zwingend) im Textmodus abläuft.

sagt Wikipedia dazu. Dieser Textmodus hat es in sich.
Weiterlesen Git für WordPress: Hilfe, Befehlszeile!

Git für WordPress – Einstieg

logo-gitIm Laufe der nächsten Wochen möchten wir eine Reihe von Artikeln zum Thema Git veröffentlichen. Wie „tickt“ Git? Unser Eindruck ist, dass vor allem der erste Einstieg vielen schwer fällt. Eine zusätzliche Hürde stellt das verwirrende Vokabular dar. Heute daher erst einmal der Versuch einer Einführung, ganz ohne Befehlszeilen-Chinesisch.

Was ist Git?

Laut Wikipedia ist Git

eine freie Software zur verteilten Versionsverwaltung von Dateien.

Im Klartext: Mit Git kann ich sowohl die Versionen tausender Dateien eines Software-Projekts verwalten, als auch die Versionen meiner letzten Keynote-Präsentation. „Verteilt“ ist in diesem Fall eine etwas verwirrende Übersetzung von „distributed“. Ich entscheide mich lieber für „dezentralisiert“.


Dieser Artikel ist Teil einer Reihe.
Bisher ist geplant:
1. Git für WordPress – Einstieg
2. Git für WordPress – Hilfe, Befehlszeile!
3. Git für WordPress – Die wichtigsten Git-Kommandos
4. Git für WordPress – Arbeiten mit Branches
5. Git für WordPress – Projekte auf GitHub
6. Git für WordPress – Versionen zusammenführen
7. Git für WordPress – Tools und Tipps


Weiterlesen Git für WordPress – Einstieg

Wohin mit dem Code – PlugIn oder functions.php?

Jeder, der eine Webseite mit WordPress betreibt kennt das: Irgendeine Funktion fehlt mal wieder im Theme. Also macht man sich im Web auf die Suche. Nach ein paar Klicks findet man die Lösung in Form eines Codeschnipsels: „Just paste this in your functions.php and you are done.“ Kopieren, einfügen, Problem gelöst.

Alternativ kann man sich im Plugin Directory von wordpress.org umschauen. Hier gibt es Plugins für alle Lebenslagen, es gibt praktisch nichts, was es nicht gibt.

Aber wie macht man’s eigentlich richtig? Die functions.php mit vielen schicken Codeschnipsel anreichern oder doch lieber ein Plugin installieren?
Weiterlesen Wohin mit dem Code – PlugIn oder functions.php?