Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

Monstroid. Wie man Änderungen an der Landeseite vornimmt, die mit Shortcodes erstellt wurde

Von diesem Tutorial erfahren Sie, wie man Änderungen an der Landeseite vornimmt, die mit Shortcodes in Monstoid erstellt wurde.

Monstroid. Wie man Änderungen an der Landeseite vornimmt, die mit Shortcodes erstellt wurde

Der Inhalt dieser Seite wurde mit Hilfe von verschiedenen Shortcodes erstellt. Lassen Sie uns zeigen, wie man mit ihnen arbeiten. Um diese Seite bearbeiten zu können, finden Sie den Tab Control Panel > Seiten > Alle Seiten > Hauptzielseite (Dashboard > Pages > All pages > Main Landing page):

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_1

Sie sehen den Inhalt, an dem Sie die Änderungen vornehmen können, indem Sie den visuellen Editor (Visual Mode) nutzen. Am Anfang der Seite sehen Sie den Shortcode des Sliders . Sie sehen, dass es der MotoPress Slider verwendet ist:

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_2

Sie können mit dem Inhalt des Sliders im Bereich Control Panel > MotoPress Slider (Dashboard > MotoPress Slider) arbeiten. Hier können Sie die Liste der bestehenden Slides und Shortcodes, mit denen sie angezeigt werden, finden. Finden Sie denjenigen, der für die Landeseite verwendet ist und drücken Sie auf den Button ‘Slider bearbeiten’ (Edit Slider), um mit seinem Inhalt arbeiten zu können:

Monstroid_How_to_edit_landing_page_generated_with_shortcodes_3

Sie können das ausführliche Video-Tutorial nutzen, das Ihnen zeigt, wie man mit dem MotoPress Slider arbeitet.

Die folgenden Zeilen des Shortcodes definieren das Seitenlayout. Darüber hinaus definieren sie, welcher Inhalt auf der Seite angezeigt wird. Schauen Sie sich die folgenden Beispiele an:

  1. [/cherry_col] [/cherry_row]

    type="full-width" definiert die Breite des Blocks, dieser Block wird über die gesamte Seitenbreite angezeigt;

    size_md="12" zeigt, dass der Typ des Raster-Layouts 12 für Geräte mit mittleren Bildschirmen verwendet wird;

    cherry_spacer size="70" definiert die Größe des Abstandshalters, der für den Bereich benutzt wird.

  2. bg_color="#XXXXXX" definiert die Farbe des aktuellen Bereichs, Sie können die hex-Farbe durch eine andere standardmäßig ersetzen;

    bg_position="center" definiert die Position des aktuellen Hintergrundes;

    bg_repeat="no-repeat" definiert, ob der Hintergrund wiederholt oder nur einmal angezeigt wird:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_4

  3. "Live

    Die Buttons werden mit Shortcodes festgelegt, wie es auf dem Bildschrirmfoto angezeigt ist. Hier können den Wert der verfügbaren Optionen festlegen:

    text="Live Demo" definiert den Text auf dem Button;

    url="blog" definiert, welche Seite beim Drücken auf den Button geöffnet wird;

    size="large" definiert die Größe des Buttons;

    centered="no" definiert die Position des Unterteiles;

    icons="icon:fa fa-desktop" definiert das Icon des Buttons. Standardmäßig wird das Icon FontAwesome angezeigt:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_4

  4. Posts not found

    Diese Shortcodes werden Beiträge aus einer bestimmten Kategorie dargestellt und ermöglichen es Ihnen, ihre Anzeige einzustellen.

    posts_per_page="3" legt die Anzahl der Beiträge fest, die angezeigt werden;

    tax_term="topics" definiert die Kategorie, deren Beiträge angezeigt werden müssen;

    order="desc" ermöglicht es Ihnen, die Anzeigereihenfolge der Beiträge zu wählen;

    image_size="cherry-thumb-475×300" definiert die Größe des Vorschaubildes in den ausgewählten auf der Landeseite Beiträge;

    content_length="10" definiert die Länge des Zitats;

    button_text="Select now!" definiert den Text auf dem Button «Mehr lesen»;

    col_xs="12" col_sm="6" col_md="3" col_lg="3" definiert die Seitenlayouts für verschiedene Bildschirmgrößen (sehr klein // kein /// mittel // groß);

    template="template-1.tmpl" definiert die Datei mit Stilen:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_5

  5. [cherry_grid  num="4" post_type="testimonial" type="columns"  gutter="30" columns="2" template="testimonial-template-1.tmpl"  class="testi-grid"]

    Dieser Typ des Shortcodes wird benutzt, um den Raster-Typ des Beitrags zu definieren:

    num="4" definiert die Anzahl der angezeigten Elemente;

    post_type="testimonial" definiert den Typ der verwendeten benutzerdefinierten Beiträge (z.B, Kundenbewertungen);

    type="columns" wird benutzt, um das Spaltenlayout auf einen Bereich zu verwenden;

    gutter="30" definiert die Größe von Leerzeichen (in Pixel);

    columns="2" legt die Anzahl der Spalten fest;

    template="testimonial-template-1.tmpl" legt die Datei der Stile fest;

    class="testi-grid" legt einen bestimmten CSS Stil fest:

    Monstroid_How_to_edit_landing_page_generated_with_shortcodes_6

Nachdem Sie die Änderungen vorgenommen haben, drücken Sie auf den Button "Aktualisieren" (Update), um sich die vorgenommenen Änderungen auf der Website anzuschauen.

Sie können auch das ausführliche Video-Tutorial nutzen:

Monstroid. Wie man Änderungen an der Landeseite vornimmt, die mit Shortcodes erstellt wurde