Eigenes WordPress Theme – Teil 4 – WP-Funktionalität

vor 10 Jahren abgelegt unter Wordpress

Jetzt machen wir aus unserer schönen Seite, die wir im letzten Beitrag gestaltet haben einen Blog in dem auch Blogbeiträge angezeigt werden.

Derzeit schreiben wir im index.php nur das Wort „Beiträge“ in die Haupspalte, dort wollen wir jetzt die Funktionalität von WordPress einfügen.

WordPress verwendet den sogenannten Loop. Der Loop ist eine Schleife, in der alle Beiträge die auf dieser Seite angezeigt werden sollen durchlaufen werden. Der Loop sieht folgendermaßen aus.

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

 .... Ausgabe eines Beitrages ....

<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

.... Ausgabe eines Beitrages ....

<?php endwhile; else: ?>

<?php endif; ?>

Diesen Loop kopieren wir mal in die index.php. Als WordPress Neuling wirst du vielleicht _e(„Sorry… nicht kennen. _e steht für echo, wobei aber der Text dynamisch durch andere Sprachen ersetzt werden kann. Sollte man vor haben sein Theme mal in mehreren Sprachen anzubieten, so macht es Sinn alle Augaben mit _e zu codieren. Wenn man diese Ausgabe genau so läßt, so wird sie automatisch ins Deutsche übersetzt, wenn du die deutsche WordPress Version verwendest, weil diese Übersetzung im allgemeinen Übersetzungsfile enthalten ist. Wenn du schon ein paar Beiträge in deinem Blog hast und dir die Seite jetzt ansiehst, so wird für jeden Beitrag, der angezeigt werden soll …Ausgabe eines Beitrags… angezeigt. Also gilt es jetzt den Beitrag tatsächlich auszugeben.

Im Loop (aber auch außerhalb) kann man eine Menge sogenannte Template Tags verwenden. Im Codex findest du diese. Manche Tags kann man nur im Loop einsetzen und diese beziehen sich dann auf den aktuell darzustellenden Beitrag, manche gelten global. Schau dir mal die „Post Tags“ im Loop an. Diese helfen gleich weiter den Beitrag auszugeben. Also Schreiben wir in den Loop mal

<?php 
     the_title("<h1>", "</h1>"); 
     the_content();
?>

<?php

the_title("<h1>", "</h1>");

the_content();

Blog ansehen und „tataaaa“ wir haben einen funktionsfähigen Blog, in dem du deine Beiträge anzeigen kannst.

Abschliessend verlinken wir die Titel der Beiträge noch mit den jeweiligen Beiträgen, damit wir im Blog navigieren können. Die gesamte index.php sieht jetzt so aus: (in diesem Teil des Tutorials haben wir nur die index.php verändert!)

<?php get_header();?>
<div class="row"> <? // hauptbereich?>

  <div class="col-md-9 col-md-push-3" id="postcol">
  
  <?php if (have_posts()) : while (have_posts()) : the_post(); 
 
     echo('<a href="');
     the_permalink();
     echo('" rel="bookmark" title="Permanent Link to ');
     the_title();
     echo('">');
     the_title("<h1>", "</h1>"); 
     echo('</a>');
     the_content();
 
  endwhile; else: ?>
  <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
  <?php endif; ?>
  
  </div>
  <div class="col-md-3 col-md-pull-9" id="sidebar"><?php get_sidebar();?></div>

</div> <? // end hauptbereich ?>
<?php get_footer();?>

<?php get_header();?>

<?php if (have_posts()) : while (have_posts()) : the_post();

echo('<a href="');

the_permalink();

echo('" rel="bookmark" title="Permanent Link to ');

the_title();

echo('">');

the_title("<h1>", "</h1>");

echo('</a>');

the_content();

endwhile; else: ?>

<?php endif; ?>

</div>

</div> <? // end hauptbereich ?>

<?php get_footer();?>

Natürlich gehören die Beiträge auch noch etwas geCSStyled usw.
Es gäbe noch zahllose andere Files wie archive.php, search.php usw. Eine sehr gute Übersicht findet man hier. Es ist sogar möglich einer einzigen Kategorie ein völlig anderes Template zuzuweisen. Wir bleiben mal schlank und einfach und verwenden ein index.php, weil wir ohnehin immer gleich ausgeben.
Im nächsten Beitrag machen wir uns mal die angekündigten Gedanken über SEO, da ist dann auch eine Trennung in weitere Files sinnvoll.

Info:: Eigenes WordPress Theme – Teil 4 – WP-Funktionalität ist Beitrag Nr. 122
Autor:: codingFreak am 29. Mai 2014 um 8:36
Category:: Wordpress

« Eigenes WP-Theme – Teil 3 – Files erstellen - Eigenes WordPresstheme – Teil 5 – SEO Überlegungen »

Eigenes WordPress Theme – Teil 4 – WP-Funktionalität

Senf dazugeben

Schwerpunkte

Menü

grossartige Links