Categories

Ausgewählte Vorlagen

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

Judy Waters August 11, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

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_row_inner type="full-width"]
    [cherry_col_inner size_md="12"]
    [cherry_spacer size="70"]
    [/cherry_col_inner]
    [/cherry_row_inner]
    [/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. [cherry_box  bg_color="#f6f6f6" bg_position="center"  bg_repeat="no-repeat" fill="no"]

    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. [cherry_button  text="Live Demo" url="blog" size="large"  centered="no" icon="icon: fa fa-desktop"]

    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. [cherry_posts  posts_per_page="3" tax_term="topics"  tax_operator="0" 
      order="desc"  image_size="cherry-thumb-475x300" content_length="10" 
      button_text="Select now!" col_xs="12" col_sm="6"  col_md="3" col_lg="3" template="template-1.tmpl"]

    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
Dieser Eintrag wurde um Monstroid Tutorials, WordPress Tutorials geschrieben und landing, Monstroid, page, shortcode markiert. Bookmarken Sie den permalink.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten