WordPress & Webwork » wordpress-faq

WordPress: Infoboxen im Kategorie-Archiv

Vladimir — Sat, 28 Jan 2012 13:00:04 +0000

eine Frage die ich schon mehrfach bekommen habe betrifft die Infoboxen, die man sieht so bald man eine Kategorie-Übersicht aufruft. wenn man die Kategorie Amazon-Kindle aufruft bekommt man folgendes zu sehen:

Ich habe das folgendermaßen umgesetzt. Um eine bessere Übersicht zu bekommen habe ich zuerst eine neue Template-Datei mit dem Namen category.php erstellt. So bald WordPress eine Datei mit solchem Namen erkennt, wird er sie bei den Kategorie-Archiven einsetzen.

Ich persönlich finde im konkreten Fall eine neue Template-Datei übersichtlicher als mit Conditional-Tags – if(is_category()) {...} – zu arbeiten und dadurch die index.php oder die archive.php zu überladen.

Die category.php habe ich im großen und ganzen wie die index.php gelassen. Lediglich am Anfang habe ich folgenden Code eingefügt:

Die Kategorie ""

    Hier sind alle Beiträge aufgelistet, die in die Kategorie  einsortiert wurden. Die Beschreibung dieser Kategorie lautet:
    
    Du hast die Möglichkeit den RSS-Feed speziell nur für diese Kategorie zu abonnieren.

Mit single_cat_title(''); wird der Titel der aktuellen Kategorie ausgegeben. Im übrigen gibt diese Funktion auch den Titel eines Schlagwortes (Tag) aus. Mit echo category_description($cat); in der vierten Zeile, wird die Beschreibung der aktuellen Kategorie ausgegeben.

Wie man aus der ersten und der folgenden Abbildung sieht, kann man in die Kategoriebeschreibung auch Links einfügen:

In der vorletzten Zeile sieht man echo get_category_link($cat);?>feed/. Damit bekomme ich den Pfad zum Newsfeed der aktuellen Kategorie geliefert. Wie ich vor etwas mehr als zwei Wochen schrieb, könnte es sein, dass sich der Leser nur für bestimmte Themen interessiert.

Im Grunde genommen ist das relativ wenig Arbeit im Code, so das auch unerfahrenere Nutzer auf diese Lösung zurückgreifen können.

Antworten auf drei WordPress-Fragen

Vladimir — Mon, 19 Dec 2011 15:09:20 +0000

Ich habe in den letzten paar tagen einige Fragen zu WordPress bekommen, die ich hier jetzt einfach in einem Artikel beantworten möchte.

Die erste Frage betraf den RSS-Feed. Ein Leser wollte wissen, wie ich den Fußbereich des Feeds erweitert habe. Ich selber nutze das Plugin Better Feed, welches ich im Artikel mit Better Feed den Newsfeed pimpen beschrieben habe.

Die zweite Frage kam von einer Leserin. Bei ihrem kostenlosen Themes kann man auf den Seiten (Pages) keine Kommentare abgeben und sie wollte wissen, wie man das ändert. Hier für verweise ich einfach auf den Artikel Kommentare auf Seiten (Pages).

Die dritte Frage knüpfte an die vorherige. Ein leser wollte wissen, wie man es umsetzen kann das bestimmte Seiten eine Kommentarfunktion haben und andere wiederum keine und das dort auch kein Hinweis (ala Kommentare deaktiviert) erscheint. Hier für setzt man meienr Meinung nach am besten auf zwei Seiten-Templates. Wie man Seiten-Templates in WordPress realisiert habe ich auch bereits beschrieben

Ein Seiten-Template bekommt die Kommentar-Funktion und das andere Template eben nicht. Das habe ich auch im Artikel Kommentarfunktion nur auf speziellen Seiten beschrieben. Hinter her kann man dann den Seiten, dass entsprechende Template zuweisen.

WordPress: Anzahl der Artikel, Kategorien und Kommentare ausgeben lassen

Vladimir — Sun, 04 Dec 2011 17:06:20 +0000

Und wieder mal eine Frage eines Leser: wie listest du unten im Footer die Anzahl der Artikel, Kategorien und Kommentare auf?

Um die dynamische Ausgabe dieser drei Elemente zu erreichen, gibt es mehrere Möglichkeiten, meiner Meinung nach ist folgende Lösung die einfachste:

Artikel: publish; echo number_format($nr_art, '', '', '.'); ?>
Kategorien: 
Kommentare:

Zum Einsatz kommen wp_count_posts(), wp_count_terms() und get_comment_count() und die Anleitung woher ich das her habe gibt es auf WP Engineer.

Ich hatte vorher eine andere Code-Lösung im Einsatz. In der musste man noch zusätzlich die Funktionen in der functions.php definieren. Finde daher die oben vorgestellte Lösung aus diesem Grund etwas unkomplizierter, da man nur eine und nicht zwei Template-Dateien bearbeiten und warten muss.

WordPress: weiterlesen-Link auf den Anfang des Artikels

Vladimir — Sun, 04 Dec 2011 13:50:30 +0000

Wenn man in WordPress ein Blog-Artikel schreibt, dann hat man die Möglichkeit diesen in einen sogenannten Anreißer (engl. Teaser) und den Rest aufzuteilen. Dort wo man diese Trennung (auch more-Tag genannt) einfügt, wird ein weiterlesen-Link eingebunden.

Wem es nicht der gefällt, dass der weiterlesen-Link nicht auf den Anfang des Artikels sondern auf den Umbruch verweist, der kann dies ganz einfach entfernen. Folgenden Code in die functions.php eintragen:

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

Quelle: offizielle WordPress-Dokumentation.

WordPress: mehrspaltiger Inhalt auf der Startseite

Vladimir — Sat, 12 Nov 2011 14:42:57 +0000

Vorhin habe ich durch Zufall folgende Frage auf t3n entdeckt:

Ich möchte gerne eine kleine Website mit WordPress bauen. Es sind einfache Seiten. Die Artikeloption brauche ich nicht. Die Unterseiten kommen immer mit einem Feld aus in dem Bild/Text steht. Und die Sidebar mit Widgets.

Auf der Startseite allerdings habe ich 3 Spalten die ich mit Text füllen will. Wie mache ich denn das in WordPress?

Also WordPress als "klassisches" CMS mit Page als Startseite und auf der Startseite ist der Inhalt im Gegensatz zum Rest des Inhaltes dreispaltig. Hier meine Antwort:

Die Startseite eindeutig adressieren

Eine Page (statische Seite) kann man unter Lesen → Startseite als Startseite bestimmen. So eine Startseite ist durch das Conditional Tag is_front_page() ansprechbar und wird auch durch die Template-Datei front-page.php bedient. Dies habe ich bereits im Artikel WordPress: die Artikelseite ansprechen erklärt.

Mehrspaltiger Inhalt

Da wir jetzt die Startseite fest im Griff haben, geht es nun darum den dreispaltigen Inhalt umzusetzen. Ich habe bereits vor einigen Wochen einen Artikel zum Thema mehrspaltiger Text geschrieben: CSS3: Mehrspaltiger Text. Dort wird nicht nur die CSS3-Lösung vorgestellt sondern es werden in den weiterführenden Links auch Wege gezeigt, wie man dies auch in WordPress umsetzen kann.

Es gibt aber noch (mindestens) zwei weitere Lösungen. Zum einen kann man in die front-page.php drei zusätzliche Widget-Bereiche anstatt den Loop einfügen. Die Widgets sind nicht nur auf die Sidebar oder den Footer beschränkt. Zu diesem Thema empfehle ich folgende drei Artikel:

Eine weitere Möglichkeit bietet das Plugin Improved Include Page. Diese Erweiterung bietet die Möglichkeit den "nackten" Inhalt einer Page in eine andere oder in eine Template-Datei einzubinden. Es ist etwas komfortabler als wenn man das ganze selber umsetzen würde: man könnte Seiten-Templates ohne Sidebar, Header und Footer erstellen und per Include in die Template-Datei einbinden oder wenn Exec-PHP aktiv ist auch in eine Seite, Artikel oder Widget einfügen.

So weit alles klar? Könnt ihr mir folgen?

WordPress: Navigation auf bestimmten Unterseiten ausblenden

Vladimir — Tue, 25 Oct 2011 17:07:07 +0000

Vorhin habe ich die Frage eines Lesers bekommen:

Ich nutze das Twenty Ten Theme und würde gerne auf einer bestimmten Page, die Navigation ausblenden. Was muss ich machen?

Bei Twenty Ten ist die Vorgehensweise einfach und es gibt mehrere Methoden.

Quick & Dirty über CSS

Bei Twenty Ten kommt body_class(); zum Einsatz so das jede Unterseite eine extra Wert für das Klassenattribut hat. Somit könnte man mit …

.page-id-xyz .menu {display: none;}

… auf der entsprechenden Unterseite das Menü einfach ausblenden. Der Wert xyz wird durch die ID der jeweiligen Seite ersetzt.

Änderungen in der header.php

Wem die Anpassung in der CSS-Datei nicht gefällt könnte den Template-Tag in einen Conditional Comment packen:

Bleibt es lediglich bei der einen Änderung kann man auch die an den originalen Template-Datei die Änderung durchführen. Möchte man auch weitere Änderungen an einem Theme durchführen, bei dem man nicht der Entwickler ist, dann wäre es überlegenswert, das man ein Child-Theme erstellt … damit nicht beim jeden Theme-Update, die Änderungen verschwinden.

WordPress: Jeopardy, WooCommerce, Kommentare deaktivieren

Vladimir — Fri, 30 Sep 2011 12:21:32 +0000

Wer sein WordPress-Wissen testen und ausbauen möchte, der sollte sich das WordPress-Jeopardy anschauen:

Es gibt eine neue Shop-Lösung für WordPress mit dem Namen WooCommerce . Es ist ein Angebot von dem Themes-Anbieter WooThemes. Es handelt sich hierbei allerdings um ein Fork von Jigoshop.

Auf WordPress-Buch.de habe ich vier mögliche Lösungen vorgestellt, wie man im nachhinein bei bestehenden Artikeln die Kommentare bzw. die Kommentarfunktion deaktivieren oder ausblenden kann.

WordPress: zusätzliche Bildgrößen, Picasa Upload

Vladimir — Fri, 16 Sep 2011 11:16:10 +0000

Auf wpbeginner.com gibt es eine sehr ausführliche Beschreibung, wie man in WordPress zusätzliche Bildgrößen hinzufügt. Standardmäßig gibt es drei bzw. vier Größen: bei sehr großen Bildern drei verkleinerte Formate und das Original.

Wem das nicht ausreicht der kann zusätzliche generieren und das geht wie üblich über Code-Erweiterung oder über Plugins. Das zweite Plugin welches im besagten Artikel vorgestellt wird (Regenerate Thumbnails) und die alten Vorschaubilder in neuer Größe erstellt, habe ich im Artikel WordPress: Vorschaubilder neu erstellen vorgestellt.

Apropos Bilder. Wer direkt aus WordPress, die Bilder auf Picasa hochladen und gleichzeitig im Artikel einbinden möchte, der sollte sich das Plugin Picasa Upload näher anschauen.

WordPress: Werbung oder Hinweise themenrelevant einbinden

Vladimir — Mon, 12 Sep 2011 13:23:24 +0000

Wir sind uns hier einig, dass man Werbung und auch Hinwiese (z. B. Veranstaltungshinweise) nach Möglichkeit themenrelevant einbinden sollte, daher werde ich jetzt auf Erklärungen diesbezüglich verzichten. Kann man aber Werbung und Hinweise themenrelevant in WordPress mit Bordmitteln einbinden. Ja, das geht.

Ich habe bereits vor knapp einem Jahr im Artikel Inhalte für Artikel in bestimmten Kategorien oder Tags beschrieben, wie man einzelnen Artikeln, die sich in bestimmten Kategorien und Tags befinden extra Inhalte zufügt.

Zum Einsatz kämen folgende Code-Beispiele:

für Artikel die sich in einer oder mehreren Kategorien befinden oder:

Falls der Artikel mit einem bestimmten Tag verschlagwortet wurde. Nun könnte man hergehen und in der single.php (zuständig für Artikel-Einzelansicht) folgendes einfügen:

Dort wo jetzt im Code-Beispiel banner1 oder banner2 steht, kannst du entweder das Werbemittel oder den Platzhaltercode von zum Beispiel AdRotate einfügen:

if (function_exists('adrotate_group')) {
    echo adrotate_ad(123);
}

So könntest du ganze Bannergruppen Kategorie- bzw. Tag-basiert einbinden. Man kann das aber noch ein bisschen erweitern. Innerhalb von else {} könnnte man noch folgendes einbinden:

ID, 'werbung_artikel', true);
    if ($werbung_artikel) {
        echo $werbung_artikel;
    }
    else {
        // Ausweichlösung
    }
}
?>

Mit diesem Code in der single.php kannst du Werbemittel oder ganze Bannergruppen (per AdRotate) pro Kategorie oder Tag ausgeben lassen. Du hast aber am Ende eine zweiteilige Ausweichlösung. Zum einen kannst du Artikeln, die in die noch "nicht bedienten" Kategorien gehören ein Werbemittel per benutzerdefiniertes Feld einfügen oder auf die globale Ausweichlösung zurückgreifen.

Wenn du jetzt hergehst und im Vorfeld die if- bzw- elseif-Staments so verpackst, dass hier nachgefragt wird ob ein benutzerdefiniertes Feld werbung_artikel gesetzt wurde (Code: (!werbung_artikel)), dann hast du sogar noch mehr Kontrolle, weil dann das Werbemittel bzw. Hinweis aus dem benutzerdefinierten Feld die anderen Angaben überschreibt.

Fazit

Mit ein paar Zeilen Code in der single.php hat man eine imho gute Möglichkeit um die einzelnen Werbemittel themenrelevant einzubinden. Verbindet man diese Möglichkeit mit einem Plugin wie AdRoatate, dann kann man nicht nur einzelne sondern ganze Anzeigengruppen themenrelevant einbinden.

WordPress: letzte Artikel einer Kategorie

Vladimir — Thu, 08 Sep 2011 18:03:52 +0000

Da ich über dieses Thema schon geschrieben habe, werde ich mich daher hier kurz fassen … ok, ich versuche es. Worum geht es? Nehmen wir mal an du möchtest in deiner WordPress-Installation die xy letzten Artikel aus einer bestimmten Kategorie auflisten.

Ich habe das aktuell für meine Infoseite zu Amazon Kindle gebraucht. Dort liste ich die letzten sieben Artikel aus der entsprechenden Kategorie.

Der passende Template-Tag der üblicherweise die letzten Artikel auflistet (wp_get_archives('type=postbypost')) listet aber Artikel aus allen Kategorien auf. Um die letzten Artikel aus einer Kategorie aufzulisten gibt es aber mehrere Ansätze.

Lösung Nr. 1: Feed der Kategorie

Für jede Kategorie in WordPress wird auch ein Feed generiert. Der Feed der Kategorie-WordPress in diesem Blog ist www.perun.net/kategorie/wordpress/feed/. Also einfach der Kategorie-URL ein feed/ hinzufügen.

RSS-Widget in der Sidebar

Nun könnte man einfach hergehen und ein Feed-Widget einbinden und dort als Quelle die Feed-URL der entsprechenden Kategorie einbinden, siehe den Artikel Neueste Artikel bzw. Loop in der Sidebar.

Hinweis:
WordPress 3.3 für Autoren & Redakteure
Der schnelle und unkomplizierte Einstieg auf 45 DIN-A4-Seiten

Lösung Nr. 2: die Code-Variante

An der Stelle im Template, an dem du diesen Code einfügst:


have_posts()) : $recent->the_post();?>

werden die letzten fünf Artikel der Kategorie mit der ID 123 ausgegeben. Möchtest du diesen Code innerhalb eines Artikels oder einer Seiten einfügen, dann musst ein PHP-Plugin installieren, zum Beispiel Exec-PHP.

Lösung Nr. 2.1: eigene Funktion

Ist dir der obere Code zu klobig innerhalb des Templates oder des Beitrages, so kannst du auch eine eigene Funktion erstellen. Einfach folgendes in die functions.php einfügen:


    
    have_posts()) : $recent->the_post();?>

Danach musst du im Template oder im Beitrag (PHP-Plugin nicht vergessen) lediglich einfügen.

Lösung Nr. 3: Plugins

Wem das alles zu unkomfortabel ist, der kann hierbei auf Plugins zurückgreifen. Zum einen wäre dies Category Posts Widget und zum anderen wäre dies Latest Posts by Category Archive.

Ich persönlich finde es allerdings schade, dass für so etwas keine offizielle Funktion bzw. Template-Tag existiert.

WordPress: Suchfunktion von Google einbauen

Vladimir — Sun, 28 Aug 2011 16:14:04 +0000

Und wieder mal reagiere ich auf eine Leser-Frage und diese bezieht sich auf die Suchfunktion hier auf perun.net.

WordPress bietet eine Suchfunktion. Sie erledigt ihre Arbeit die Ergebnisse sind OK … das war's dann aber auch. Ich habe irgendwann aufgehört zu zählen, wie oft ich über die interne Suchfunktion hier auf perun.net etwas gesucht und es erst gefunden habe als ich den Umweg über Google genommen habe.

Daher habe ich vor ein paar Monaten, die benutzerdefinierte Suche von Google eingebaut. Immerhin hat WordPress.org selbst diesen Schritt vor ein paar Wochen gemacht. Somit befinde ich mich in guter Gesellschaft.

Der Einbau

Ich habe die Suchfunktion bzw. den Code direkt von AdSense übernommen, weil ich dort eh ein Account habe. Nach dem ich Einstellungen getätigt habe – welche URL wird durchsucht, Zeichensatz, Layout, auf welcher URL werden die Ergebnisse ausgegeben etc. – bekam ich am Ende zwei Code-Fragmente zur Ansicht.

Den ersten Code-Fragment:

… bindet man an der Stelle ein, wo das Suchformular bzw. der Suchschlitz erscheinen soll. Alternativ kannst du diesen Code auch in der Fußzeile (Footer) unterbringen und per absoluter Positionierung im Kopfbereich ausgeben lassen … aber das nur am Rande.

Anschließend erstellst du ein Seiten-Template. Wie man ein Page- bzw. Seiten-Template erstellt habe ich auf WordPress-Buch.de beschrieben. Diesem Template solltest du am besten die Sidebar wegnehmen, damit die Ausgabe der Suchergebnisse auch ordentlich Platz bekommt. In meisten Fällen reicht es wenn du die vorhandene page.php als suche.php abspeicherst und dort und den Loop entfernst.

Oder du nimmst eine leere php-Datei und fügst folgenden Code ein:



    
        Suchergebnisse

und speicherst das ganze als suche.php ab. Anschließend erstellst du in WordPress eine leere Page, die lediglich eine Überschrift beinhaltet. Achte bitte darauf, dass die URL dieser Seite mit der URL übereinstimmt, die du Google als Container für die Ergebnisse mitgeteilt hast.

Anschließend spendierst du dieser leeren Seite noch das Template Suchen und veröffentlichst das ganze.

Das ist alles. Dein Blog verfügt nun über eine ausgewachsene Suchfunktion. Klar, ein paar Euro kommen durch die Einblendung der Anzeigen schon zu Stande. Aber alleine deswegen würde ich die Suchfunktion von Google nicht einbauen. Vorrangig sind die Argumente, dass Google halt viel bessere Ergebnisse liefert und das die allermeisten Leute mit der Suchfunktion vertraut sind.

WordPress: eckige Klammern bzw. Shortcodes in Code-Beispielen

Vladimir — Tue, 23 Aug 2011 12:50:21 +0000

Wenn man in WordPress Codebeispiele von Shortcodes eintippt, zum Beispiel [gallery] dann muss man die eckigen Klammern entschärfen und zwar [ durch [ und ] durch ], weil sonst der Code bzw. der Shortcode ausgeführt wird.

Es gibt eine viel einfachere Möglichkeit und zwar der Einsatz von doppelten Klammern. Aus der Code-Eingabe [[gallery]] wird [gallery] bei der Ausgabe. Der Einsatz von doppelten Klammern "unterdrückt" die Ausführung des Codes.

Gefunden bei viper007bond.com.

WordPress: Ausgabe des Feeds verzögern

Vladimir — Sat, 20 Aug 2011 12:47:51 +0000

Wer kennt das nicht, man schreibt und veröffentlicht einen Artikel und erkennt dann fünf-zehn Minuten später im Feed oder in Twitter, dass die Überschrift unglücklich formuliert wurde oder das sie Buchstabendreher beinhaltet.

Die Überschrift kann man noch zu Not ändern, aber die URL bzw. die Titelform bleibt, weil wenn man die ändert laufen alle Besucher, die über Feed, Twitter & Co. kommen und die noch noch die alte Version sehen, ins Leere.

Um die sofortige Ausgabe des Artikel im Feed zu unterdrücken gibt es mehrere Möglichkeiten. Zum einen wäre dies das Plugin Feed Delay, was ich momentan auch hier einsetze. Die Alternative wäre die Erweiterung Feed Pauser und die dritte Möglichkeit wäre eine eigene Funktion.

Bei Feed Delay kann man unter Einstellungen → Feed Delay einstellen um wie viele Minuten, Stunden, Tage, Wochen und Monate die Ausgabe des Newsfeeds verzögert werden soll. Ich habe fürs erste fünf Minuten eingestellt. Das ist die globale Einstellung und sie gilt für alle Artikel.

Bei den einzelnen Artikel kann man auch einstellen, dass der jeweilige Artikel gar nicht im Newsfeed erscheint.

WordPress: die Artikelseite ansprechen

Vladimir — Sat, 13 Aug 2011 15:48:16 +0000

Ich habe schon in zwei Artikeln das Thema WordPress-Startseite, die jeweiligen Template-Dateien und die passenden Conditional-Tags besprochen:

WordPress und die Startseite – index.php, home.php und front-page.php
WordPress: bin ich auf der Startseite? – is_home() vs. is_front_page()

Man kann in WordPress unter Einstellungen → Lesen → Startseite eine statische Seite als Startseite und eine leere statische Seite als "Container" für die Auflistung der letzten Blogartikel bestimmen.

Die so bestimmte Startseite kann man nicht mehr mit is_home() ansprechen sondern mit dem Conditional Tag is_front_page(). Und für diese Startseite ist nicht mehr die spezielle Template-Datei home.php sondern die front-page.php zuständig.

Aber die neue Artikelseite ist jetzt dagegen – und das war die Frage eines Lesers – über is_home() ansprechbar und für sie ist auch keine page.php oder andere Seiten-Templates zuständig sondern die home.php bzw. die index.php.

WordPress: Quicktags in den Kommentaren

Vladimir — Sat, 06 Aug 2011 13:43:38 +0000

Quicktags sind in WordPress die Buttons im HTML-Editor mit deren Hilfe man einfacher verlinkt, Bilder einfügt, Zitate auszeichnet und einiges mehr. Diese Editor-Buttons kann man auch im Formular für die Kommentare einbinden um den Kommentatoren das Verfassen der Texte zu erleichtern. Gestern bekam ich über die Twitter die Frage, wie ich das hier auf perun.net löse.

Bis heute habe ich ein altes Plugin benutzt, was nicht mehr gepflegt wird. Nun war es an der Zeit sich auf die Recherche zu begeben und so entdeckte ich Comment Form Quicktags.

Kommentar-Quicktags anpassen

Die WordPress-Erweiterung verfügt über Einstellungen in denen man (siehe zweite Abbildung) Buttons löschen, bearbeiten und neue erstellen kann. Das hat mir bei dem alten Plugin gefehlt. Das alles musste man vorher in der Plugin-Datei machen.

Wen es stört, dass das Plugin im Kopfbereich eine zusätzliche CSS-Datei einbindet, der trägt einfach folgendes vor dem schließenden ?> in die functions.php ein:

if (!is_admin()) {wp_deregister_style("cfq");}

Vorteil ist das man sich einen zusätzlichen http-Aufruf spart. Je weniger Aufrufe um so performanter ist die Seite. Allerdings ist dadurch die CSS-Datei auch in den Einstellungen des Plugins im Backend nicht verfügbar. Daher sollte man den Code in die functions.php eintragen, nach dem man die Einstellungen vorgenommen hat.

Anschließend muss man in der eigenen CSS-Datei noch die CSS-Regeln für die Buttons einfügen. Glücklicherweise war der Selektor aus der alten Erweiterung identisch mit dem Selektor im neuen Plugin: #ed_toolbar.

Und so sehen bei mir die CSS-Regeln aus:

#commentform input  {-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
                     border: 1px solid #BBC0A2; padding: 3px; background: #fff; color: #333; font: 1em verdana, sans-serif;}
#ed_toolbar input   {margin-right: 1px;}
#ed_link            {text-decoration: underline !important; color: #00f !important;}
#ed_del             {text-decoration: line-through !important;}
#ed_em              {font-style: italic !important;}
#ed_strong          {font-weight: bold !important;}

Die erste Zeile ist zuständig für die abgerundeten Ecken. Die letzten vier CSS-Regeln, dienen dazu die visuelle Erscheinung der jeweiligen Text-Auszeichnung zu simulieren, damit auch weniger erfahrene Kommentatoren wissen wofür die einzelnen Buttons gut sind.

WordPress: Inhalts- bzw. Werbeblöcke selbst gemacht

Vladimir — Thu, 28 Jul 2011 11:36:20 +0000

Ich habe gestern auf Twitter die Frage bekommen, wie ich hier auf perun.net die Hinweis- bzw. die Werbeblöcke realisiert habe. Es geht um die folgenden Blöcke:

Diese Blöcke erscheinen auf allen Übersichtsseiten bzw. auf allen Archivseiten (Kategorien, Zeit-Archive, Tag-Archive etc.) und zwar nach den ersten drei Artikeln und manchmal auch mitten im Artikel.

Die Lösung basiert auf zwei Komponenten. Zum einen kommt ein Code-Fragment zum Zuge, den ich bereits im Artikel WordPress: Anzeigen nach dem ersten und zweiten Artikel beschrieben habe und auf der WordPress-Erweiterung AdRotate, die ich auch schon vorgestellt habe: Mit AdRotate Werbeflächen verwalten.

Anpassung im Theme

Als erstes muss den Loop der Template-Dateien, die für die Übersichten zuständig sind, erweitern. In einem einfachen WordPress-Theme wäre dies nur die index.php in den umfangreicheren Themes wären dies noch die archives.php, category.php, tag.php etc.

$ad = 0; ?>

$ad++; ?>



if (($ad < 4) and function_exists('adrotate_group')) {echo adrotate_group(99);} ?>



    Tut mir leid, es wurde kein passender Beitrag gefunden.

Ich habe die relevanten Stellen hervorgehoben. Vor dem Anfang des Loops setzt man den wert der Variable auf Null, direkt nach dem Anfang des Loops fängt man mit der Zählung an und nach jedem Durchlauf erhöht sich die Zahl um eins. Solange die Zahl kleiner vier bleibt wird der Block unter dem Artikel angezeigt.

In meinem Beispiel ist der Shortcode von AdRotate eingebunden. Man könnte natürlich hier auch irgendetwas anderes einbinden: einen Hinweis, AdSende-Code etc.

AdRotate: Anzeigen erstellen und in Gruppen sortieren

In AdRotate habe ich dann eine Gruppe erstellt und dieser Gruppe habe ich dann die thematisch passenden Anzeigen/Hinweise zugeordnet, die ich im Schritt vorher erstellt habe. In AdRotate kann man in den Anzeigen HTML, CSS und Javascript einbinden. Somit hat man hier eine große Auswahl an Möglichkeiten.

Durch die Einbindung von AdRotate bin ich in der Lage die gleichen Hinweise/Anzeigen nicht nur nach den ersten drei Artikeln in der Übersicht anzuzeigen, sondern sie auch mitten im Artikel einzubinden. Ich muss dafür im Artikel nur folgenden Shortcode einfügen:

[adrotate group="99"]

Ich könnte das ganze noch weiter ausbauen in dem ich mehrere thematische AdRotate-Gruppen (WordPress, Kindle etc.) erstelle und dort die passenden Anzeigen unterbringe. Im nächsten Schritt würde ich dann bestimmten Kategorien je eine Template-Datei zuweisen (z. B. category-wordpress.php) und in diesen Kategorie-Templates dann die passenden AdRotate-Gruppe einbinden. Die gleichen AdRotate-Gruppen könnte ich auch weiterhin, mit dem passenden Shortcode, direkt in die thematisch passenden Artikel einbinden.

So könnte man das System beliebig erweitern. Und wie gesagt, das ganze muss man jetzt nicht nur für Werbung einsetzen. Man kann mit diesem System prima auf Events oder sonstige Aktivitäten hinweisen.

WordPress: Schrift im HTML-Editor ändern

Vladimir — Sun, 24 Jul 2011 15:50:58 +0000

In WordPress 3.2 wurde die Schrift geändert: Arial/Helvetica waren ab da Standardschrift im Backend. Dies ist nicht bei allen Nutzern auf Sympathien gestoßen und so wurde mit dem Update auf 3.2.1 in dem Admin-CSS lediglich die generische Schriftfamilie sans-serif angegeben.

Trotz des Updates auf die neue WordPress-Version sind aber die Schriften Consolas (Windows) bzw. Monaco (Mac) in der HTML-Ansicht bzw. dem HTML-Editor geblieben. Bei den beiden Schriften handelt es sich um nichtproportionale (monospace) Schriften.

Solche Schriften – ich persönlich bevorzuge Courier New – eignen sich hervorragend in einem richtigen Code-Editor. Aber die HTML-Ansicht in WordPress nutze ich auch um "normalen" Text einzufügen und dafür sind meiner Meinung nach die nichtproportionalen Schriften nicht wirklich geeignet.

Die functions.php

Wer dies ändern möchte, dem stehen zwei Lösungswege zur Verfügung. Zum einen kann man folgendes in die functions.php seines WordPress-Themes einfügen:

Ich habe extra für weniger erfahrene Nutzer durch die Beiden PHP-Kommentare gekennzeichnet, wie man das Code-Fragment in die schon bestehende functions.php einfügt. Die CSS-Regel deckt sowohl die HTML-Ansicht im "normalen" Modus (#editorcontainer #content) wie auch im Vollbildmodus (#wp_mce_fullscreen). Ob jetzt unbedingt Verdana und auch noch mit 13 Pixel zum Einsatz kommen sollte, soll jeder für sich selbst entscheiden. Nach dem Schrägstrich ist der Wert für die Zeilenhöhe (line-height).

Den Code habe ich auf devpress.com gefunden.

Hinweis:
WordPress 3.3 für Autoren & Redakteure
Der schnelle und unkomplizierte Einstieg auf 45 DIN-A4-Seiten

Lösung im Browser: Stylish für Firefox

Wer aber seine WordPress-Installation möglich schlank halten möchte und/oder mehrere Projekte auf Basis von WordPress hat, für den könnte es interessanter sein eine browserbasierte Lösung in Betracht zu ziehen, da man diese nur einmal vornehmen muss. Eine solche Lösung bietet das Firefox-Addon Stylish welches ich bereits im Artikel WordPress 3.2: Arial im Backend ersetzen vorgestellt habe.

Einfach in Stylish eine neuen Stil erstellen und zum Beispiel folgende CSS-Regel eingeben:

#editorcontainer #content, #wp_mce_fullscreen {font: 13px/1.45 verdana, sans-serif !important;}

Wichtig ist das man hier !important hinzufügt, da du nicht eine Regel ersetzt, wie im ersten Beispiel, sondern eine aktive CSS-Regel überschreibst.

WordPress: Benutzerdefinierte Felder außerhalb des Loops

Vladimir — Thu, 21 Jul 2011 11:25:17 +0000

Die benutzerdefinierten Felder (engl. Custom Fields) sind eine sehr nützliche Funktion innerhalb von WordPress. Leider funktionieren die standardmäßig nur innerhalb des Loops.

Möchte man die benutzerdefinierten Felder aber auch außerhalb des Loops, zum Beispiel in der Seitenleiste, im Kopfbereich oder in der Fußzeile einbinden, dann muss man entweder auf Plugins zurückgreifen – Get Custom Field Values wäre so eine Erweiterung – oder man bindet den folgenden Code ein:

post->ID;
echo get_post_meta($postid, 'Name des Feldes', true);
wp_reset_query();
?>

da wo man den Wert des benutzerdefinierten Feldes ausgegeben haben möchte. Gefunden habe ich den Code u.a.hier und auch hier

WordPress: Permalink-Struktur und Performance

Vladimir — Fri, 24 Jun 2011 12:44:45 +0000

Das eine falsche Permalink-Struktur eine WordPress-Installation gehörig ausbremsen kann ist nichts neues. Ich habe vor knapp 1,5 Jahren einen Artikel zum Thema Permalinkstruktur verfasst: Die richtige Permalinkstruktur.

Schon damals und eigentlich einige Zeit vorher (siehe hier und hier) war klar, dass man die Permalinkstruktur einer WordPress-Installation nicht mit einer "Textkomponente" wie z. B. Kategorie-, Tag- oder Artikel-Namen anfangen sollte.

Die offizielle Dokumentation sagt folgendes dazu:

For performance reasons, it is not a good idea to start your permalink structure with the category, tag, author, or postname fields. The reason is that these are text fields, and using them at the beginning of your permalink structure it takes more time for WordPress to distinguish your Post URLs [...]

Besser ist es, wenn die Permalinkstruktur mit einer "nummerischen Komponente" wie z. B. Beitrag-ID, Jahr etc. anfängt, hier noch einmal die offizielle Dokumentation:

So, it is best to have at least two path segments in your post's permalink structure such as /%year%/%postname%/ or even /posts/%postname%/. (Some people recommend /%post_id%/%postname%/ which works for performance reasons but others recommend against it because it is unfriendly to users in the many contexts in which users interact with URLs.)

OK und warum wärme ich dieses alte Thema noch einmal auf? Weil man aktuell auf So really, don’t use just /%postname%/ as your permalink structure ein besonders krasses Beispiel aufgezeigt wird, wie die Permalinkstruktur die Performance heftig ausbremsen kann.

WordPress: Sicherheitswarnung, sichereres Login und Auflistung von Kategorien ohne Verlinkung

Vladimir — Fri, 24 Jun 2011 07:57:31 +0000

Auch wenn die Meldung in den letzten tagen durch Twitter, Facebook und diverse Weblogs gegangen ist, schadet es nie solche Hinweise mehrfach zu erwähnen. Worum geht es?

Das WordPress-Team hat bei drei Plugins – AddThis, WPtouch, and W3 Total Cache – Manipulationen entdeckt, die nicht von den Autoren stammen. Es wurden Backdors in den Erweiterungen platziert. Das Team hat sich deswegen entschlossen, die Passwörter der Nutzer von WordPress.org (Forum, Trac etc.) zurückzusetzen. Das gleiche hat man auch für bbPress.org und BuddyPress.org gemacht.

Daher muss man sich beim nächsten Besuch dort ein neues Passwort holen und am besten, wenn man die besagten Plugins nutzt, die selbigen Updaten.

Das WordPress-Login durch Google Authenticator zusätzlich absichern

Auf Beef Up WordPress Security with Multifactor Authentication from Google wird erklärt, wie man mit Hilfe des Plugins Google Authenticator den Login-Bereich zusätzlich absichert:

The Google Authenticator plugin for WordPress gives you multifactor authentication using the Google Authenticator app for Android/iPhone/Blackberry.

Kategorien ohne Verlinkung auflisten

Mit Hilfe von the_category() kann man die Kategorien des jeweiligen Artikels auflisten. Standardmäßig sind diese Kategorien verlinkt. Wer das nicht möchte, der kann auf folgenden Code zurückgreifen:

function no_links($thelist) {
  return preg_replace('#([^<]*)#i', '$1', $thelist);
}
add_filter( 'the_category', 'no_links' );
// Der Loop
remove_filter( 'the_category', 'no_links' );

Gefunden auf elektroelch.net.

WordPress & Webwork » wordpress-faq

WordPress: Infoboxen im Kategorie-Archiv

Die Kategorie ""

Verwandte Beiträge:

Antworten auf drei WordPress-Fragen

Verwandte Beiträge:

WordPress: Anzahl der Artikel, Kategorien und Kommentare ausgeben lassen

Verwandte Beiträge:

WordPress: weiterlesen-Link auf den Anfang des Artikels

Verwandte Beiträge:

WordPress: mehrspaltiger Inhalt auf der Startseite

Die Startseite eindeutig adressieren

Mehrspaltiger Inhalt

Verwandte Beiträge:

WordPress: Navigation auf bestimmten Unterseiten ausblenden

Quick & Dirty über CSS

Änderungen in der header.php

Verwandte Beiträge:

WordPress: Jeopardy, WooCommerce, Kommentare deaktivieren

Verwandte Beiträge:

WordPress: zusätzliche Bildgrößen, Picasa Upload

Verwandte Beiträge:

WordPress: Werbung oder Hinweise themenrelevant einbinden

Fazit

Verwandte Beiträge:

WordPress: letzte Artikel einer Kategorie

Lösung Nr. 1: Feed der Kategorie

Lösung Nr. 2: die Code-Variante

Lösung Nr. 2.1: eigene Funktion

Lösung Nr. 3: Plugins

Verwandte Beiträge:

WordPress: Suchfunktion von Google einbauen

Der Einbau

Suchergebnisse

Verwandte Beiträge:

WordPress: eckige Klammern bzw. Shortcodes in Code-Beispielen

Verwandte Beiträge:

WordPress: Ausgabe des Feeds verzögern

Verwandte Beiträge:

WordPress: die Artikelseite ansprechen

Verwandte Beiträge:

WordPress: Quicktags in den Kommentaren

Verwandte Beiträge:

WordPress: Inhalts- bzw. Werbeblöcke selbst gemacht

Anpassung im Theme

AdRotate: Anzeigen erstellen und in Gruppen sortieren

Verwandte Beiträge:

WordPress: Schrift im HTML-Editor ändern

Die functions.php

Lösung im Browser: Stylish für Firefox

Verwandte Beiträge:

WordPress: Benutzerdefinierte Felder außerhalb des Loops

Verwandte Beiträge:

WordPress: Permalink-Struktur und Performance

Verwandte Beiträge:

WordPress: Sicherheitswarnung, sichereres Login und Auflistung von Kategorien ohne Verlinkung

Das WordPress-Login durch Google Authenticator zusätzlich absichern

Kategorien ohne Verlinkung auflisten

Verwandte Beiträge: