Logo

Der Beitrags Loop zeigt alle Posts und Beiträge im CMS GetSimple


Lesen Sie im GetSimple CMS alle Posts und Beiträge auf der Startseite mit dem Beitrags-Loop einzeln aus, der Beitrag zeigt Ihnen wie einfach das geht.

Divoom Sling Bag mit Pixel Art LED-Display

Divoom Sling Bag mit Pixel Art LED-Display - Eingebautes LED-Panel und Stromversorgung über eine Powerbank. Sie können Echtzeit-Zeichnungen erstellen, indem Sie die Divoom-App verwenden, die auf dem Rucksack angezeigt wird und die hellen Pixelkunstbilder und Animationen auf dem 16 x 16-Pixel-"Monitor" zeigt, was zum Thema des coolen Stils beiträgt. Hinweis

kaufen...
Automad Bludit Coast GetSimple GRAV Handlebars Java PHP Pico Smarty Templating Typemill WonderCMS WordPress yamlCMS

Der so genannte Loop ist aus WordPress bekannt und soll dafür sorgen, das auf der Startseite zunächste alle oder eine gewisse Anzahl an Beiträge angelistet werden. Das GetSimple CMS macht dies leider nicht, es ist aber ganz einfach mit wenig Zeilen PHP-Code erledigt.

<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File:         template.php
* @Package:        GetSimple
* @Action:        Reaktor-Block-4 Theme for GetSimple CMS
*
*****************************************************/
?>
<!DOCTYPE html>
<html>
<head>

    <!-- Site Title -->
    <title><?php get_page_clean_title(); ?> &lt; <?php get_site_name(); ?></title>
    <?php get_header(); ?>
    <meta name="robots" content="index, follow" />
    <meta charset="utf-8">
    <link rel="stylesheet" href="<?php get_theme_url(); ?>/bootstrap-4-3-1-dist/css/bootstrap.min.css">

</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg" style="box-shadow: 0px 0px 100px #000000 !important; background-color: LightSlateGray !important; color: #FFFFFF;">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item"> <a class="nav-link text-light" href="http://greenalty.de/"> Home </a> </li>
</ul>
</nav>

<div class="jumbotron jumbotron-fluid shadow-lg">
    <div class="container -mt-5 -mb-5">
          <a class="text-dark" href="http://greenalty.de/"><h1 class="display-4"><?php get_site_name(); ?></h1></a>
          <hr class="my-6">
          <p class="lead"><?php get_page_excerpt(); ?></p>
    </div>
  </div>

<div class="container">
    <div class="row">
        <div class="col-sm">
            <h1><?php get_page_title(); ?></h1>

            <?php get_page_content(); ?>

            <hr>
            <p class="small"><?php get_page_date('F jS, Y'); ?></p>
        </div>
        <div class="col-sm">
            <?php get_component('sidebar');    ?>
            <?php get_component('tagline'); ?>
        </div>
    </div>

<?php
// der Loop --------------------------------------------------------------
function get_content($page){  
    $path     = "data/pages";
    $thisfile = @file_get_contents('data/pages/'.$page.'.xml');
    $data     = simplexml_load_string($thisfile);
    return stripslashes(htmlspecialchars_decode($data->content, ENT_QUOTES));;
}

$data = menu_data();

foreach($data as $value) {
    echo '<a class="text-dark" href="';
    echo $value['url'];
    echo '" title="';
    echo $value['title'];
    echo '"><h1 class="display-4">';
    echo $value['title'];
    echo '</h1></a>';
    echo '<p>'.get_content($value['slug']).'</p>';
}
// der Loop --------------------------------------------------------------
?>

</div>

</body>
</html>

Der wichtige Teil des Codings ist mit Loop gekennzeichnet und beinhaltet im wesentlichen eine Funktion die das XML-File (Post-File) läd, bereinigt und an den Aufrufer im Loop zurück gibt. Aufgerufen wird diese Funktion aus der Schleife foreeach($data...) die den slug ermittelt den die Funktion get_content() benötigt.

Das restliche Template besteht dann nur noch aus Layoutings im Bootstrap-CSS.

Passend:


Der Loop Counter index.loop in Twig Templates des Pico CMS

Der aktuelle Index des Pico Loops kann für die Steuerung unterschiedlicher Formate abgefragt werden, nutzen Sie das Tag loop.index der Twig Template Engine.

Schleifen und Beitrags Loops im Smarty Template Parser

Werten Sie in eigenen Templates mit der Template-Engine Smarty, Variablen aus und steuern dadurch die individuelle Ausgabe des Content Ihrer Webseite.

Designpattern für ein übersichtliches und flexibles CMS Theme

Mit diesem Design Pattern schreiben Sie gute Themes die Sie auch noch in vielen Jahren weiter Ausbauen können. Erzeugen Sie einfache modulare Komponenten.


Meta: Instagram CMSWorkbench.de GIMP-Handbuch.de Kontakt Impressum Datenschutz