- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
Monstroid. Wie man Änderungen an der Landeseite vornimmt, die mit Shortcodes erstellt wurde
August 11, 2015
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 wurdeDer 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):
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:
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:
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:
-
[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.
-
[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:
-
[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:
-
[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:
-
[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:
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