Browse Category

wordpress

Worauf wartest Du eigentlich?

Für alle, die schon immer drüber nachgedacht haben, eigentlich auch mal zu bloggen:

Worauf wartest du?

http://lifecatcher.de/die-eigentlich-falle/

Vielleicht trifft nicht alles auf Dich zu, was dort steht, aber: Was spricht dagegen, WordPress zu lernen und einfach mal anzufangen?  Niemand erwartet den perfekten Blog mit einem Super-Design.

Ich zB schreibe im Moment hauptsächlich nur auf, wie ich meine sites programmiert habe, damit ich in einem halben Jahr auch noch weiß, was ich da eigentlich gemacht habe.

Nicht besonders originell, weil viele andere das auch machen, aber immerhin gut genug, als dass ich schon Rückfragen bekomme.

das plugin „custom header images“ nutzen

  1. Dieses snippet ersetzt den Standard-header-Image-Teil in der header.php:
<div class="headerimage">
<?php if(function_exists('chi_display_header')) { chi_display_header(); } ?>
</div>

Da jedes Theme anders programmiert ist, kann ich hier keinen generellen Tipp  geben, was man löschen muss. Prinzipiell muss der php-Teil, der das header-bild normalerweise anzeigt, gelöscht werden, und statt dessen das oben genannte snippet eingefügt werden.

2. unter wp-content einen Ordner für die header Bilder anlegen

3. unter Einstellungen die absoluten Bildpfade eintragen
3a. Einstellungen speichern 🙂 (ganz unten

Dies funktioniert nur zusammen mit dem plugin custom header images, das installiert sein muss.

4. Möchte man das header-Bild zusätzlich responsive haben, so dass es sich für Mobiltelefone oder Tablets in der Größe anpasst, so fügt man in den Einstellungen des Plugins unter „benutzerdefinierte Ausgabe“ Folgendes ein:

<div onclick="if(this.getAttribute('data-link')!='') 
window.location.href=this.getAttribute('data-link')" 
data-link="[link]" class="chi_display_header" >
<img src="[image_url]" style="width:100%;" alt="" /></div>

Screenshot:

chi

Gefunden habe ich diesen Tipp im WordPress Support.

5. Dann habe ich noch in den Einstellungen des Plugins “custom header images” (Einstellungen / Header images) ganz unten unter Benutzerdefinierte Ausgabe Folgendes eingefügt, damit die header Bilder runde Ecken (?) haben.

<div class="chi_display_header">
<img src="[image_url]" style="max-width:100%; border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);" />
</div>

Training am Sonntag

Heute war es wieder soweit: Die nächste Runde im alte Leute quälen 🙂

Diesmal habe ich wieder die geplante halbe Stunde geschafft! Mal sehen, ob ich das Minimal-Ziel halten kann …