Roman Harcke » WordPress http://romanharcke.de WordPress, Fotografie und natürlich Themen meines Studiums Thu, 26 Aug 2010 09:37:53 +0000 en hourly 1 WordPress Loop – Er stellt sich ausführlich vor! http://romanharcke.de/wordpress-loop-er-stellt-sich-ausfuhrlich-vor/ http://romanharcke.de/wordpress-loop-er-stellt-sich-ausfuhrlich-vor/#comments Thu, 29 Jul 2010 12:54:07 +0000 Roman http://romanharcke.de/wordpress-loop-er-stellt-sich-ausfuhrlich-vor/ :
  1. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  2. 20 WordPress Hacks
  3. WordPress – Kommentarform nach oben schieben
]]> Wenn man eines in WordPress verstehen MUSS – dann ist es der WordPress Loop!
Da ich ebenfalls immer wieder Probleme mit der Verständlichkeit dieses essentiellen Codeabschnitts hatte, nehme ich mir jetzt die Zeit und werde meine Notizen gleich hier veröffentlichen ;)

In seiner eigentlichen, gekürzten Form sieht der WordPress Loop folgendermaßen aus:

 <?php
// The Loop
if (have_posts()) : while (have_posts()) : the_post();
...
endwhile; else:
...
endif;
?>

Eigentlich setzt sich der Grundbaustein des WordPress Loops aus einigen wenigen Befehlen zusammen.

Ein “while” Loop ist standard in etlichen Programmiersprachen, ebenso auch in PHP.

Was macht dieser WordPress Loop eigentlich?

  1. Der Loop überprüft ob es einige Artikel (have_posts()) gibt, die er anzeigen kann.
    -> “if” Abfrage
  2. Falls das zutrifft, startet der Loop.
  3. Die Funktion “the_post()” wird gestartet und setzt somit die Voraussetzung für weitere Funktionen im Grund-Loop.
    Sobald die Funktion “the_post()” die spezifizierten Wiederholungen durchlaufen hat, wird “have_posts()” beendet und der Loop stoppt.

So, der Grundbaustein eines jeden WordPress Loops ist somit erklärt, vielleicht aber noch nicht ganz verstanden.
Deshalb werde ich den WordPress Loop in einem Beispiel näher erklären, ich hoffe es wird verständlicher! ;)

Code-Safari im WordPress Loop

Hier der Code des Beispiels:

 <?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink(); ?>"
rel="bookmark" title="Permanent Link to <?php the_title_
attribute(); ?>"><?php the_title(); ?></a></h2>
<?php echo get_post_meta($post->ID, 'PostThumb',
true); ?>
<p class="meta">
<span>Posted on</span> <?php the_time('F jS,
Y'); ?> <span>by</span> <?php the_author(); ?>
</p>
<?php the_content('Read Full Article'); ?>
<p><?php the_tags('Tags: ', ', ', '<br />'); ?>
Posted in <?php the_category(', '); ?>
<?php comments_popup_link('No Comments;',
'1 Comment', '% Comments'); ?></p>
</div>
<?php endwhile; ?>
<?php next_posts_link('Older Entries'); ?>
<?php previous_posts_link('Newer Entries'); ?>
<?php else : ?>
<h2>Nothing Found</h2>
<?php endif; ?>

Was denkt sich der Loop eigentlich??

1.

<?php if (have_posts()) : ?>

Gibt es überhaupt Artikel die ich anzeigen kann? Naja, sonst ist der restliche Code schließlich überflüssig…

2.

<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">

Dann beginne ich mal den Loop, ABER nur so oft wie du mir vorgegeben hast!

Die Anzahl der darzustellenden Artikel könnt ihr im Dashboard unter “Einstellungen -> Lesen” festlegen.

3.

<h2><a href="<?php the_permalink(); ?>"
rel="bookmark" title="Permanent Link to <?php the_title_
attribute(); ?>"><?php the_title(); ?></a></h2>

Oh, ich darf endlich etwas auf der Seite anzeigen – und zwar den Titel des Artikels, sogar in der 2. Überschrift und mit Hyperlink.

4.

<?php echo get_post_meta($post->ID, 'PostThumb',
true); ?>


Aha, ein Custom Field! Der Nutzer hat mir durch “PostThumb” mitgeteilt (Eingabe zB beim Erstellen des Atikels im Dashboard), dass er ein Vorschaubild zu dem Artikel anzeigen möchte – Klar mach ich.


5.

<p class="meta">
<span>Posted on</span> <?php the_time('F jS,
Y'); ?> <span>by</span> <?php the_author(); ?>
</p>

Jetzt werde ich die “Meta-Daten” zu dem Artikel anzeigen, das sind der aktuelle Monat, der aktuelle Tag und das aktuelle Jahr. Außerdem schreibe ich den Namen des Autors (“the_author()”)unter den Titel.

6.

<?php the_content('Read Full Article'); ?>

Endlich darf ich den ganzen Artikel anzeigen :)

7.

<p><?php the_tags('Tags: ', ', ', '<br />'); ?>
Posted in <?php the_category(', '); ?>
<?php comments_popup_link('No Comments;',
'1 Comment', '% Comments'); ?></p></div>

Achja, noch mehr Meta-Daten zu dem Artikel. Hier werde ich die vergebenen Tags, die Kategorie und die Anzahl der Kommentare anzeigen, sogar mit einem Link zu dem Kommentarbereich. Außerdem schließe ich das letzte DIV, der Artikelbereich ist somit wieder geschlossen.

8.

<?php endwhile; ?>

Hiermit beende ich diesen Durchlauf. Da zB fünf Artikel auf der Seite angezeigt werden sollen, mache ich diesen Durchlauf noch weitere vier Mal und habe die vorgeschriebenen Loops somit abgeschlossen.

9.

<?php next_posts_link('Older Entries'); ?>
<?php previous_posts_link('Newer Entries'); ?>

Falls es noch weitere als diese fünf Artikel gibt, werde ich Links zu den älteren bzw neueren Artikeln erstellen.

10.

<?php else : ?>

Waah – es gibt keine Artikel mehr??

11.

</p>
<h2>Nothing Found</h2>

Na dann gebe ich das mal bekannt – “Keine Artikel gefunden!”

12.

<?php endif; ?>

Juhuu, endlich FERTIG!!

Lange kann der WordPress Loop aber nicht entspannen, euer Theme ist mit vielen Loops vollgestopft! Hoffe ich konnte euch den Loop anschaulich erklären und ihr hattet Spaß bei dieser kleinen Lehrstunde ;)

Related to :

  1. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  2. 20 WordPress Hacks
  3. WordPress – Kommentarform nach oben schieben

]]> http://romanharcke.de/wordpress-loop-er-stellt-sich-ausfuhrlich-vor/feed/ 3 WordPress – Kommentarform nach oben schieben http://romanharcke.de/wordpress-kommentarform-nach-oben/ http://romanharcke.de/wordpress-kommentarform-nach-oben/#comments Wed, 28 Jul 2010 16:32:07 +0000 Roman http://romanharcke.de/?p=2998 :
  1. WP – Kommentar Statistik aus Dashboard auf Seite anzeigen
  2. Quick Edit Button für WordPress Artikel
  3. WordPress Loop – Er stellt sich ausführlich vor!
]]> post thumbnail

Schon oft habe ich bemerkt, dass man bei vielen Kommentaren zu einem Artikel einiges nach unten scrollen muss, bis man die Kommentarbox findet – um ebenfalls seinen Senf dazu zugeben.
Das finde ich eigentlich schade, ich möchte ja meistens nicht die ganzen Kommentare lesen, sondern vielleicht nur einen Hinweis geben, oder den Verfasser loben ;)

Deshalb hab ich meine Kommentarform einfach nach oben geschoben, direkt unter den Artikel, um euch allen das ewige Scrollen abzunehmen. Möchte man dennoch die Kommentare lesen, kann man das ja immernoch tun.

Ich finde die Lösung wunderbar, bin gespannt was ihr zu der Überlegung sagt.

Und damit ihr das gegebenenfalls auf eurem Blog nachbasteln könnt, werde ich die Vorgehensweise nun genauer beschreiben.

Kommentarform unter den Artikel verschieben

Um die Kommentarform zu verschieben, öffnet ihr eure single.php Datei und sucht nach folgendem Codeabschnitt:

<?php comments_template(); ?>
           
            <div class="box">
                <h2>Comment on this Article:</h2>
                <div class="block widget_block">
                    <?php include (TEMPLATEPATH . '/comments-form.php'); ?>
                </div>
            </div>       

Der Abschnitt ist natürlich nicht bei jeden Theme gleich, sollte aber ähnlich sein, da WordPress ja immer die selben Abfragen benutzt, findet ihr den relevanten Abschnitt sicherlich.

Meistens ist das Kommentarfeld in ein DIV verpackt, schneidet einfach das ganze DIV samt Kommentarform aus und platziert es über:

<?php comments_template(); ?>

Der letzte Code (comments_template) ruft eure Kommentare ab und listet sie auf.

Nun sollte der Codeabschnitt so aussehen:

            <div class="box">
                <h2>Comment on this Article:</h2>
                <div class="block widget_block">
                    <?php include (TEMPLATEPATH . '/comments-form.php'); ?>
                </div>
            </div>

<?php comments_template(); ?>

Nun die Datei abspeichern und einen Artikel in eurem Blog aufrufen. Die Kommentarform sollte nun über den Kommentaren zu finden sein, also direkt unter dem Artikel.

Um den Besuchern trotzdem einen Hinweis auf eine bestehende Diskussion zu geben, habe ich die Anzahl der vorhandenen Kommentare gleich über der Kommentarform angezeigt, somit sind sie eventuell motiviert ebenfalls einige der Kommentare zu lesen, oder auch zu kommentieren.

Anzahl der Kommentare zu einem Artikel ausgeben

<?php comments_number('kein Kommentar bis jetzt', '1 Kommentar', '% Kommentare'); ?>

Der obrige Codeschnippsel listet die Anzahl der Kommentare auf und wurde von mir etwas optimiert ;)

Zur Übersicht und Verständlichkeit werde ich euch meinen Code einfach hier einfügen, dann könnt ihr die Auswirkungen besser überblicken.

Mein Code als Beispiel:

<div class="box">
        <h1>Speakers Corner - <em>{<?php comments_number('kein Kommentar bis jetzt', '1 Kommentar', '% Kommentare'); ?>}</em></h1><br /><h2> <br />Schreib was du denkst!</h2>
        <div class="block widget_block">
          <?php include (TEMPLATEPATH . '/comments-form.php'); ?>
        </div>
      </div>
      <?php comments_template(); ?>

Wünsche euch viel Spaß am Basteln und hoffe dass euch die Änderung gefällt ;)

Related to :

  1. WP – Kommentar Statistik aus Dashboard auf Seite anzeigen
  2. Quick Edit Button für WordPress Artikel
  3. WordPress Loop – Er stellt sich ausführlich vor!

]]> http://romanharcke.de/wordpress-kommentarform-nach-oben/feed/ 3 Interessante WordPress Funktionen für die functions.php http://romanharcke.de/interessante-wordpress-funktionen-fur-die-functions-php/ http://romanharcke.de/interessante-wordpress-funktionen-fur-die-functions-php/#comments Mon, 05 Jul 2010 13:41:23 +0000 Roman http://romanharcke.de/interessante-wordpress-funktionen-fur-die-functions-php/ :
  1. DoFollow in WordPress ohne Plugin
  2. WordPress – Länge des Auszugs ändern
  3. WordPress – Eigene Login Seite gestalten
]]> In diesem Artikel werde ich einige WordPress Funktionen erläutern, die euch und eurer Webseite helfen das Bloggen etwas zu erleichtern.

Alle hier aufgeführten Code Schnipsel werden in die functions.php Datei eingefügt. In euren WordPress Theme Ordner findet Ihr diese Datei, in der alle Funktionen eures WordPress Themes aufgelistet sind. Meistens ist es sinnvoller, neue Funktionen in die functions.php Datei einzufügen, als direkt in die Artikelseiten.

Die functions.php Datei funktioniert eigentlich wie ein Plugin in euren Theme Ordner. Modifizierungen an dieser Datei erlauben euch die WordPress Core Features zu überschreiben, ohne grundlegende WordPress Dateien zu verändern. Wenn diese Datei korrekt eingesetzt wird, kann sie Wunder bewirken. Außerdem beinhaltet sie alle Änderungen und Funktionen eures WordPress Themes in einer Datei, was wiederum Überblick und Ordnung verschafft. Falls später einmal weitere Funktionen zu eurem WordPress Theme hinzugefügt werden sollen, könnt ihr einfach die functions.php Datei öffnen und z.B. einen der folgenden einfügen.

Nun will ich euch nicht länger die unglaublichen und höchst funktionellen Tricks für eure WordPress functions.php Datei vorenthalten.

Noch einmal: alle ich hier aufgeführten funktionieren nur, wenn sie in die functions.php Datei in euren WordPress Theme eingefügt werden.

1. Google Analytics hinzufügen

Den unten aufgeführten einfach in eure functions.php Datei einfügen und euren Google Analytics Code hinzufügen. Diesen fügt hier einmal hin zu und müsst euch nie wieder Gedanken darüber machen. Dieser fügt eine Aktionen in den wp_footer ein, sodass auf allen euren Seiten automatisch der Google Analytics Code eingefügt wird.

<?php
add_action(‘wp_footer’, ‘add_googleanalytics’);
function add_googleanalytics() { ?>
// Google Analytics Code einfügen
<?php } ?>

Weitere Informationen findet Ihr hier: Beginner’s Guide to Installing Google Analytics in WordPress

2. Ein FavIcon zu eurem Blog hinzufügen

Jeder Blog verdient seine eigene Identität. Gerade deshalb finde ich es wichtig, dass jeder Blog sein eigenes FavIcon hat. Ein FavIcon ist das kleine Icon links neben der URL. Falls die URL in den Browser gezogen wird und somit ein Shortcut erstellt wird, erscheint das FavIcon in der Browserleiste. Das FavIcon muss nicht zwingend in die functions.php Datei eingefügt werden, sondern findet auch seinen Platz in der header.php Datei. Hier nun aber den Code für eure functions.php:

// FavIcon hinzufügen
function blog_favicon() {
echo ‘<link rel=”Shortcut Icon” type=”image/x-icon” href=”‘.get_bloginfo(‘wpurl’).’/favicon.ico” />’;
}
add_action(‘wp_head’, ‘blog_favicon’);

Damit euer favicon im Blog angezeigt wird, ladet einfach die .ico Datei in das Stammverzeichnis eurer Webseite. Der Pfad zu der .ico Datei kann natürlich angepasst werden.

3. WordPress Version Nummer entfernen

Um die maximale Sicherheit eures WordPress Blocks zu garantieren, sollte ihr immer die neuste Version installiert haben. Somit ist gewährleistet, dass alle bekannten Sicherheitslücken geschlossen sind. Die WordPress Versionnummer findet sich im WordPress header, im RSS Feed, und an vielen anderen Stellen. Es ist schlau die WordPress Versionnummer zu entfernen, denn falls man die Version kennt, können leichter Angriffe auf euren WordPress Blog durchgeführt werden.

Hier nun also der um die WordPress Version aus eurem Blog zu entfernen:

function wpbeginner_remove_version() {
return ”;
}
add_filter(‘the_generator’, ‘wpbeginner_remove_version’);

4. Gravatar Logo bei Kommentaren ersetzen

Warum sollt Ihr euch die Möglichkeiten gehen lassen, euren Blog ein Stück persönlicher zu gestalten? Mit diesen ist das möglich! Standardmäßig hatte WordPress bei den Kommentaren immer ein kleines Vorschaubild eingefügt, entweder den Mystery Man, oder den Gravatar. Diese Logos können durch eigene ersetzt werden.
Alles was ihr tun müsst ist folgenden in die functions.php Datei einzufügen:

add_filter( ‘avatar_defaults’, ‘newgravatar’ );

function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo(‘template_directory’) . ‘/images/Eigenes_Logo.gif’;
$avatar_defaults[$myavatar] = “WPBeginner”;
return $avatar_defaults;
}

Natürlich sollt ihr nicht vergessen euer eigenes Logo für die Kommentare auf eurer Westseite bereitzustellen. Der Pfad zu dem Kommentarlogo befindet sich in Rootordner unter “/images/Eigenes_Logo.gif”. Habt ihr das Logo hochgeladen, könnt ihr es unter Einstellungen -> Diskussion auswählen.

5. Auszug Links editieren

Meistens erscheinen auf eurer Blogseite, in den Suchergebnissen, oder in den einzelnen Kategorieseiten die Artikel als kleine Auszüge. Die Artikel so anzuzeigen ist sehr hilfreich, da dem Besucher somit eine größere Auswahl zur Verfügung gestellt wird und er sich einen Überblick verschaffen kann.

Leider fügen viele WordPress Themes unter den Auszug keinen ersichtlichen Link zu dem weiterführenden Artikel. In vielen Fällen sieht der Link eher unscheinbar aus: [...]

Mit diesen ist es möglich den Link beliebig abzuändern:

// custom excerpt ellipses for 2.9
function custom_excerpt_more($more) {
return ‘…’;
}
add_filter(‘excerpt_more’, ‘custom_excerpt_more’);

/* custom excerpt ellipses for 2.8-
function custom_excerpt_more($excerpt) {
return str_replace(‘[...]‘, ‘…’, $excerpt);
}
add_filter(‘wp_trim_excerpt’, ‘custom_excerpt_more’);
*/

6. Die Länge des Auszuges beliebig festlegen

Standardmäßig ist der Auszug in WordPress festgelegt auf 55 Wörter. Manchmal möchte man jedoch die Auszüge etwas länger anzeigen und somit dem Besucher einen tieferen Einblick in den Artikel gewähren.
Um die maximale Wortanzahl für den Auszug festzulegen, fügt ihr folgenden in die functions.php Datei ein:

function new_excerpt_length($length) {
return 100;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);

In diesem wird der Auszug auf 100 Wörter limitiert. Diese Anzahl kann natürlich nach Belieben geändert werden.

Ich hoffe ich konnte euch hiermit einige tolle Funktionen für euren WordPress Blog zeigen. Ich versuche eigentlich immer Plugins zu vermeiden und die Funktionen direkt in die functions.php Datei einzufügen. Denn meistens sind die Plugins mit weiteren unnützen Funktionen überladen und verlangsamen somit nur euren WordPress Blog.

Viel Spaß damit!

Related to :

  1. DoFollow in WordPress ohne Plugin
  2. WordPress – Länge des Auszugs ändern
  3. WordPress – Eigene Login Seite gestalten

]]> http://romanharcke.de/interessante-wordpress-funktionen-fur-die-functions-php/feed/ 4 Erfrischung für deinen WordPress Blog http://romanharcke.de/erfrischung-fur-deinen-wordpress-blog/ http://romanharcke.de/erfrischung-fur-deinen-wordpress-blog/#comments Mon, 21 Jun 2010 15:09:51 +0000 Roman http://romanharcke.de/?p=2892 :
  1. Mache deinen WordPress Blog Suchmaschinenfreundlich
  2. Beste WordPress Plugins für erfolgreiche WordPress Blogs
  3. WordPress – Kommentarform nach oben schieben
]]> post thumbnail

Ich hab mir einige Tipps überlegt, die deinem WordPress Blog sicher gut tun.

Es ist das Ziel von jedem Blogger, eine Konversation zum Laufen zu bringen, oder zu erhalten, deshalb hab ich mir hierfür einige optimale Änderungen überlegt.
Außerdem sollten Besucher auf deinen Blog kommen und er sollte in den Suchmaschinen zu finden sein. Hierfür hab ich ebenfalls einige kleine Tipps aufgelistet.

Kommentare und Diskussion:

1. Kommentare in umgekehrter Reihenfolge anzeigen

Einstellungen -> Diskussion -> “Die

Kommentare sollen oben stehen”

So ist gewährleistet, dass die Besucher immer den neusten Kommentar sehen, sobald sie den Artikel fertig gelesen haben und eventuell die Diskussion weiterführen können.

Da WordPress schon seit einigen Update Versionen die geschachtelten Kommentare eingeführt hat, kann man die Antworten zu neuen Kommentaren trotzdem untereinander sehen.

Hier kann man auch gleich die Tiefe der geschachtelten Kommentare einstellen:

Verschachtelte Kommentare in

Ebenen organisieren

2. Überprüfung der Kommentare durch den Admin ausschalten

Ich kommentiere gerne auf Blogs, doch bin immer etwas enttäuscht, wenn mein Kommentar nicht gleich unter dem Artikel erscheint.

WordPress hat eine Funktion eingebaut, die erlaubt jeden neu verfassten Kommentar erst durch den Admin freigeben zulassen. Das erscheint mir sinnvoll um die Kommentare zu überrpüfen, oder bei eventuellen Spam Kommentaren eingreifen zu können.
Allerdings erkennt Akismet fast alle Spam-Kommentare…

1,118 spams caught, 138 legitimate comments, and an overall accuracy rate of 99.204%.

Um diese Funktion der Freischaltung zu umgehen, könnt ihr diese einfach unter Einstellungen -> Diskussion abschalten:

Bevor ein Kommentar erscheint,

muss jeder Kommentar von einem Administrator überprüft werden.

Falls ihr trotzdem gerne die Kommentatoren überprüft, könnt ihr sie mit der nächsten Funktion einfach für spätere Kommentare freischalten:

Der Autor muss bereits einen genehmigten Kommentar geschrieben haben.

Tipps zum Verfassen von Artikeln

1. selbstständige Pings ausschalten

Wenn ihr einen Artikel frisch verfasst habt, wird WordPress die Suchmaschinen und eventuell weitere Dienste darauf aufmerksam machen. Das ist gut, sonst werden eure Artikel nicht in den Suchmaschinen erscheinen.
Falls ihr aber beim erneuten Durchlesen des Artikels einen Fehler finden solltet und ihr diesen nachträglich bearbeitet, wird WordPress wieder alle Pingdienste benachrichtigen.
Das sollte vermieden werden und ist mit dem richtigen Plugin total einfach zu realisieren:

MaxBlogPress Ping Optimizer 2.2.5

2. Externe Links in Artikeln benutzen

Am besten werden in Artikeln externe Links benutzt, denn sonst verliert ihr ganz schnell die Besucher eurer Seite.

3. mindestens ein Bild pro Artikel

Zu viel Text kann einen Leser erschlagen und vielleicht wird er den Text nicht vollständig lesen.
Außerdem macht ein Bild den Artikel interessanter und es besteht die Möglichkeit in WordPress ein Vorschaubild in die Zusammenfassung in den Archiven, Kategorien, oder Suche – Seiten einzurichten.

4. versuche die Artikel etwas persönlich zu halten

Dein Blog ist schließlich nicht die Tagszeitung, also beziehe deine Überlegungen, oder Beschreibungen in irgendeiner Weise auf dich, oder deine Leser.
Eine ausführliche Beschreibung eines Programms ist toll, aber schreibe zwischendurch was dir persönlich aufgefallen ist, oder schildere Probleme mit dem Programm. So können die Leser sich besser mit deinem Blog identifizieren und kommen vielleicht mal wieder vorbei.

5. Achte auf die Rechtschreibung!

Dieser Punkt sollte eigentlich verständlich sein, ich sehe es aber immer wieder – Fehler in Artikeln sind schrecklich und ich möchte meistens nicht weiterlesen. Überfliege deine Artikel vor oder direkt nach der Veröffentlichung nocheinmal im Blog.

Etwas Optimierung für die Suchmaschinen

1. PageRang und nofollow

Versuche deine Liste der Kategorien und der einzelnen Seiten wie zB “Profil” oder “Impressum” mit einem rel=”nofollow” zu belegen. Auf diese Weise wird deine Hauptseite zB die Startseite, oder der Blog nichts von der Link-Stärke (PageRank) abgeben.
Dein Profil muss ja nicht unbedingt in den Suchmaschinen weit oben zu finden sein, es reicht wenn die Seite über deinen Blog aufgerufen wird. Außerdem müssen die einzelnen Kategorie-Seiten in der Regel ebenfalls keinen hohen Page-Rank aufweisen.
Dieser sollte eher auf die einzelnen Artikel und die Hauptseite verteilt werden.

Entweder ihr fügt die HTML Beziehung “rel=”nofollow”" selbst um das Menü ein, oder ihr lasst das ein Plugin für euch erledigen.

All in One SEO Plugin

Dieses Plugin hilft euch bei fast allen Einstellungen um euren Blog für die Suchmaschinen zu optimieren.
Es erstellt euch sogar eine Beschreibung der Artikel und fügt einen Titel hinzu. Außerdem kann man hier die “nofollow” Eigenschaften bestimmen.

Weiterhin sollte man in einem WordPress Blog “nofollow” setzen:

  • Links in Kommentaren
  • “Read More” Links in den Auszügen des Artikels
  • Links in der Tag Cloud
  • Links zum Admin Bereich, also die “Register” und “Login” Links

2. Weitere Artikel anzeigen

Dieser Punkt ist nicht nur für die Leserschaft wichtig, sondern auch für eine gute interne Verlinkung.
Es gibt viele Plugins die ähnliche Artikel auflisten können. Am Besten gefällt mir hier allerdings:

Yet Another Related Posts Plugin

Hier kann die Darstellung sogar per CSS angepasst werden und es besteht die Möglichkeit einzelne Kategorien und Tags vom Vergleich auszuschließen.
Außerdem kann es zeitlich weit zurückliegende Artikel nicht mehr anzeigen und die Relevanz kann sensitiv eingestellt werden.

Darstellung deiner Webseite

1. Wahl deines Themes

Es gibt keine Formel für das “beste” Theme. Es muss deinen Ansprüchen genügen und sollte Widget fähig sein. Das sind mittlerweile fast alle WordPress Themes.

Eine Webseite sollte gut lesbar sein, also die Schrift sollte sich vom Hintergrund deutlich absetzen, ich bin mir aber nicht sicher ob schwarze Schrift immer die beste Wahl ist.
Ich hab mich hier für ein dunkles Grau entschieden.

Außerdem ist es hilfreich die Ansätze und Zeilenabstände per CSS Regeln zu korrigieren, falls dir zu viel Schriftzeichen mit der Zeit die Sicht vernebeln. Das Lesen sollte nicht anstrengend sein.
Das ist schwieriger als man denkt, macht aber einen riesen Unterschied vom “Lese-Feeling” aus. Also nimm dir für die Darstellung deiner Schrift auf deinem blog extra viel Zeit. Kein Theme ist perfekt, anpassen muss man sie eigentlich alle.

2. Darstellung in anderen Auflösungen überprüfen

Eigentlich sieht man seinen Blog nur am eigenen Rechner, sollte aber mal bei Freunden mit anderen Auflösungen am Bildschirm seinen Blog besuchen. So merkt man recht schnell, dass die Darstellung meist nicht die selbe ist.
Falls man, wie ich in meinem Blog, eine flexibele Breite benutzt, sollte man zB die Breite der Bilder per CSS Regel auf “width=100%” setzen, so können die Bilder mit der Darstellung schrumpfen oder wachsen und werden auf allen Bildschirmen gut dargestellt.

Schnelligkeit des Blogs

Ein Blog sollte nicht ewig laden, das nervt!

1. Scripte in den Footer

Um das zu verhindern, kann man zB die JavaScripte in den Footer bauen. So lädt erst die Seite und der ganze Inhalt, die Scripte aber erst zum Schluss. Auf diese Weise, kann der Besucher schon einen ersten Blick auf den Inhalt werfen, die Scripte sind ja meistens nur für bestimmte Darstellungen oder kleine Funktionen im Blog zuständig.

2. Bilder optimieren

Die Bilder sollten nicht größer sein, als die maximale Auflösung die in eurem Blog überhaupt dargestellt werden kann. Das wird oft vergessen und nimmt am Meisten Ladezeit in Anspruch.
Eine andere Möglichkeit wäre die Bilder zB auf Flickr oder anderen Share Seiten hochzuladen und dort direkt zu verlinken.

Die maximale Größe der Bilder kann man in WordPress einstellen:

Einstellungen -> Mediathek -> Maximale Bildgröße

Maximale Bildgröße

3. Versuche nicht so viele Plugins zu benutzen

Viele Admins sind zu faul den Code in die functions.php zu integrieren und installieren einfach ein Plugin, das die Arbeit übernimmt.
Diese verrichten ihre Arbeit jedoch um einiges langsamer und sind meist mit vielen unnützen Funktionen überfüllt.

Einfach mal auf wprecipes.com oder ähnlichen Seiten vorbeischauen, dort gibt es für fast alle Wünsche einen php Code zum einfügen.

Na gut, das sollte erstmal reichen – ich hoffe ihr konntet einige Tipps gebrauchen ;)

Related to :

  1. Mache deinen WordPress Blog Suchmaschinenfreundlich
  2. Beste WordPress Plugins für erfolgreiche WordPress Blogs
  3. WordPress – Kommentarform nach oben schieben

]]> http://romanharcke.de/erfrischung-fur-deinen-wordpress-blog/feed/ 5 WordPress 3.0 wurde veröffentlicht http://romanharcke.de/wordpress-3-0-wurde-veroffentlicht/ http://romanharcke.de/wordpress-3-0-wurde-veroffentlicht/#comments Thu, 17 Jun 2010 18:19:44 +0000 Roman http://romanharcke.de/?p=2846 :
  1. WordPress 2.8.4 veröffentlicht
  2. Quick Edit Button für WordPress Artikel
  3. WordPress 2.8.3 ist verfügbar!
]]> WordPress 3.0 wurde veröffentlicht! Hinter diesem Update steht ein halbes Jahr Arbeit von insgesamt 218 Mitarbeitern und steht nun zum Download, oder als Update im Dashboard bereit.

Mit dem WordPress 3.0 Update kam ein ganz neues Theme “Twenty Ten” hinzu. Außerdem verhelfen neue APIs relativ einfach neue Hintergründe, headers, shortlinks, Menüs (ohne Dateien zu editieren) und verschiedene Artikeltypen zu erstellen.

Weiterhin wurde die WordPress MU und das normale WordPress zusammengefügt, sodass neue Multi-Seiten ohne große Probleme über das gleiche Dashboard administriert werden können.

Eine weitere Funktion ist ein Hover Interface, das auf jedem Screen HilfeTexte einblenden kann, weiterhin wurden 1,217 BugFixes gefixt und viele weitere Features hinzugefügt.

Zum Beispiel eine mir sehr willkommende Funktion, dass mehrere Updates von Plugins auf einmal bearbeitet werden können. Endlich kann man sich die ewige Klickerei ersparen.

//EDIT: Mein Blog läuft übrigens schon mit dem aktuellen WordPress 3.0 Update – Alles hat wunderbar geklappt. Ich kann euch das Update nur empfehlen, es ist wunderbar!

Schaut euch am Besten einfach das Video an, hier natürlich in HD bereitgestellt.

Weiterhin gibt es hier noch ein Video indem Matt Mullenweg (der Gründer von WordPress und Automattic) weitere Features erklärt, über Pläne für die Zukunft und die WordPress Philosophie spricht.

WordPress › Blog » WordPress 3.0 “Thelonious”.

Related to :

  1. WordPress 2.8.4 veröffentlicht
  2. Quick Edit Button für WordPress Artikel
  3. WordPress 2.8.3 ist verfügbar!

]]> http://romanharcke.de/wordpress-3-0-wurde-veroffentlicht/feed/ 0 Quick Edit Button für WordPress Artikel http://romanharcke.de/quick-edit-button-fur-wordpress-artikel/ http://romanharcke.de/quick-edit-button-fur-wordpress-artikel/#comments Tue, 25 May 2010 10:58:10 +0000 Roman http://romanharcke.de/?p=2715 :
  1. FaceBook “Gefällt mir” Button für WordPress
  2. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  3. WordPress Loop – Er stellt sich ausführlich vor!
]]> Man kennt das Problem: Gerade einen neuen Artikel im geliebten Blog veröffentlicht und einen Schreibfehler, oder eine verrutschte Zeile entdeckt.

Bis man wieder im Dashboard ist und den Artikel bearbeitet hat vergeht viel Zeit.

Mit dieser Methode erzeugt ihr eine Quick-Edit Schaltfläche auf jedem Artikel und könnt mit einem Klick auf diesen, den Umweg über das Dashboard sparen.

Viele moderne WordPress Themes haben diesen QuickEdit Button schon integriert, falls das bei euch nicht der Fall sein sollte, hier ist der benötigte Code.

Quick Edit Button in den WordPress Artikeln:

Einfach die single.php mit dem WordPress Editor öffnen und den Code in den Loop integrieren. Es werden nur Benutzer mit Admin-Konto den Button später sehen können. Keine Sorge!

<?php edit_post_link(__('{Quick Edit}'), ''); ?>

Quick Edit Button für die Kommentare

Wenn man schon einmal dabei ist, kann man den QuickEdit Button für die Kommentare auch gleich mit einfügen.

<?php edit_comment_link(__('{Quick Edit}'), ''); ?>

Viel Spaß mit dem Code, hoffe es hat geholfen.

Entnommen von:
Save time by adding a Quick Edit Button in WordPress Posts.

Related to :

  1. FaceBook “Gefällt mir” Button für WordPress
  2. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  3. WordPress Loop – Er stellt sich ausführlich vor!

]]> http://romanharcke.de/quick-edit-button-fur-wordpress-artikel/feed/ 0 FaceBook “Gefällt mir” Button für WordPress http://romanharcke.de/facebook-gefallt-mir-button-wordpress/ http://romanharcke.de/facebook-gefallt-mir-button-wordpress/#comments Wed, 12 May 2010 14:37:22 +0000 Roman http://romanharcke.de/?p=2695 :
  1. Quick Edit Button für WordPress Artikel
  2. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  3. WordPress – Eigene Login Seite gestalten
]]> post thumbnail

Euch gefallen die “Like” und “Gefällt mir” Button und wollt die auf eurer Homepage oder eurem WordPress Blog einfügen?

FaceBook Gefällt Mir Button

Gefällt Mir Button

Mittlerweile gibt es schon mehrere WordPress Plugins (zB “FaceBook LIKE Button Plugin“), die den “Gefällt mir” Button generieren können, aber es ist immer besser den Code direkt in das Theme zu integrieren.

Ich hatte schon den offiziellen Code von der Facebook Seite probiert, der öffnete allerdings ein weiteres Fenster, das war mit ein wenig zu umständlich.

Diesen PHP-Code fügt ihr an der Stelle ein, wo der “Gefällt mir” Button erscheinen soll. Ich habe den Button zB nach dem Artikel in die “single.php” kopiert.

Diese findet ihr in eurem Dashboard unter “Design/Darstellung” -> “Editor”. Dort einfach die “single.php” Datei eures Themes anklicken und zum Beispiel nach dem Artikel einfügen.

Sucht folgende Code-Zeile:

<?php the_content(''); ?>

Dieser Code gibt in der single.php den jeweiligen Artikel aus, deshalb fügen wir direkt danach den Gefällt-mir Button ein.

PHP-Code des Gefällt-Mir Buttons:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<?php echo urlencode(get_permalink($post->ID)); ?>&
layout=standard&show-faces=true&width=500&
action=like&colorscheme=light" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none; overflow:hidden;
width:500px; height:60px"></iframe>

Jetzt die Datei abspeichern und der Button sollte unter euren Artikeln erscheinen.

Am Besten gleich einmal ausprobieren ;) Viel Spaß damit!

Related to :

  1. Quick Edit Button für WordPress Artikel
  2. Ähnliche Artikel anzeigen ohne Plugin (WordPress)
  3. WordPress – Eigene Login Seite gestalten

]]> http://romanharcke.de/facebook-gefallt-mir-button-wordpress/feed/ 0 WordPress Custom-Logo im Dashboard http://romanharcke.de/wordpress-custom-logo-im-dashboard/ http://romanharcke.de/wordpress-custom-logo-im-dashboard/#comments Wed, 12 May 2010 11:04:47 +0000 Roman http://romanharcke.de/?p=2687 :
  1. WordPress – Eigene Login Seite gestalten
  2. Interessante WordPress Funktionen für die functions.php
  3. FaceBook “Gefällt mir” Button für WordPress
]]> post thumbnail

Eigenes Logo im Dashboard

Normalerweise wird im Dashboard, oben links neben dem Namen des Blogs ein kleines Logo mit dem “W” angezeigt. Wenn man schon einmal dabei ist seinen Blog etwas persönlicher zu gestalten, darf man auch nicht das Dashboard vergessen. Dort verbringt man schließlich auch recht viel Zeit.
Gestaltet euch ein eigenes Logo mit 30Pixel * 31Pixel und ladet es in das Theme Verzeichnis unter “/images/custom-logo.gif”. Die Dateiversion ist natürlich egal, ändert den Code dann entsprechend ab.

Also hier der PHP-Code, um ein eigenes Logo dem aktuellen Theme hinzuzufügen.

add_action('admin_head', 'my_custom_logo');

function my_custom_logo() {
   echo '
      <style type="text/css">
         #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) ; }
      </style>
   ';
}

So könnte das aussehen:

custom-logo

custom-logo

Related to :

  1. WordPress – Eigene Login Seite gestalten
  2. Interessante WordPress Funktionen für die functions.php
  3. FaceBook “Gefällt mir” Button für WordPress

]]> http://romanharcke.de/wordpress-custom-logo-im-dashboard/feed/ 0 Automatisch scaliertes Bild statt Original benutzen http://romanharcke.de/automatisch-scaliertes-bild-statt-original-benutzen/ http://romanharcke.de/automatisch-scaliertes-bild-statt-original-benutzen/#comments Wed, 12 May 2010 10:02:20 +0000 Roman http://romanharcke.de/?p=2685 :
  1. WP [wp-Remix] – Im Menü Kategorien statt Seiten anzeigen
  2. WordPress – Länge des Auszugs ändern
  3. WordPress – Eigene Login Seite gestalten
]]> Mit diesem PHP-Code kann man automatisch das scalierte Bild, anstatt dem Original benutzen. Das Script ersetzt das hochgeladene Bild (falls es die eingestellte Maximalgröße überschreitet) auf die maximale Größe und verlinkt automatisch auf die Originalgröße. Es erstellt praktisch einen maximal großes Thumbnail des Originalbildes.
Somit spart man Bandbreite, Ladezeit und Platz auf dem Server.

Folgenden PHP-Code einfach in die functions.php kopieren und fertig!

function replace_uploaded_image($image_data) {
// if there is no large image : return
if (!isset($image_data['sizes']['large'])) return $image_data;

// paths to the uploaded image and the large image
$upload_dir = wp_upload_dir();
$uploaded_image_location = $upload_dir['basedir'] . '/' .$image_data['file'];
$large_image_location = $upload_dir['path'] . '/'.$image_data['sizes']['large']['file'];

// delete the uploaded image
unlink($uploaded_image_location);

// rename the large image
rename($large_image_location,$uploaded_image_location);

// update image metadata and return them
$image_data['width'] = $image_data['sizes']['large']['width'];
$image_data['height'] = $image_data['sizes']['large']['height'];
unset($image_data['sizes']['large']);

return $image_data;
}
add_filter('wp_generate_attachment_metadata','replace_uploaded_image');

Viel Spaß mit dem Code :)

Related to :

  1. WP [wp-Remix] – Im Menü Kategorien statt Seiten anzeigen
  2. WordPress – Länge des Auszugs ändern
  3. WordPress – Eigene Login Seite gestalten

]]> http://romanharcke.de/automatisch-scaliertes-bild-statt-original-benutzen/feed/ 0 WordPress – Eigene Login Seite gestalten http://romanharcke.de/wordpress-eigene-login-seite-gestalten/ http://romanharcke.de/wordpress-eigene-login-seite-gestalten/#comments Tue, 11 May 2010 20:59:44 +0000 Roman http://romanharcke.de/wordpress-eigene-login-seite-gestalten/ :
  1. WordPress Custom-Logo im Dashboard
  2. WordPress – Länge des Auszugs ändern
  3. FaceBook “Gefällt mir” Button für WordPress
]]> post thumbnail

Um in WordPress seine eigene Login-Seite zu gestalten benötigt man eigentlich nur einen kleinen Php-Code und ein neues Logo.

Das WordPress Logo sieht ja recht schick aus, aber manchmal möchte man seinen Blog den eigenen Vorstellungen gemäß gestalten.

Und so geht’s…

Der Code

function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>';
}

add_action('login_head', 'my_custom_login_logo');

Diesen Code Abschnitt kopiert ihr einfach in die functions.php. Die Datei findet ihr, wenn ihr in eurem Dashboard unter Design -> Editor die funktions.php Datei auswählt.

In dem Code Abschnitt wählt ihr jetzt noch den Pfad zu dem custom Login-Logo aus und schon habt ihr euren WordPress Blog wieder ein Stückchen persönlicher gestaltet ;)

Und so könnte das hinterher aussehen:

WordPress Custom Login

WordPress Custom Login

Related to :

  1. WordPress Custom-Logo im Dashboard
  2. WordPress – Länge des Auszugs ändern
  3. FaceBook “Gefällt mir” Button für WordPress

]]> http://romanharcke.de/wordpress-eigene-login-seite-gestalten/feed/ 1