Konfigurieren Sie den Shortcode für das Blog-Filter-Plugin

Blog-Filter-Plugin zum einfachen Kategorisieren Ihres Blog-Posts auf Ihrer Website. Das Hinzufügen und Konfigurieren des Blog-Filter-Plugin-Shortcodes auf Ihren WordPress-Seiten wird vom Entwickler unten erklärt. Verwenden Sie die verfügbaren Einstellungen, um den Shortcode zu verwalten, damit Sie den Shortcode nicht einmal neu generieren müssen.

Dies ist der Standard-Shortcode

[AWL-BlogFilter blog_template="template1" blog_col_large_desktops="col-lg-4" blog_col_desktops="col-md-4" blog_col_tablets="col-sm-6" blog_col_phones="col-xs-12" blog_image="yes" blog_image_link="yes" blog_image_lightbox="yes" blog_image_hover_effect="hover1" blog_image_quality="medium" blog_title="yes" blog_title_font_size="25" blog_title_color="#000" blog_desc="yes" blog_desc_characters="100" blog_desc_font_size="14" blog_desc_color="#a4a6ac" blog_desc_box_color="#EDEEF0" blog_read_more="yes" blog_read_more_text="Read More" blog_date="yes" blog_author_below_image="yes" blog_order_by="date" blog_order="DESC" blog_filter_order_by="title" blog_filter_order="ASC" blog_pagination="yes" blog_pagination_color="#58BBEE" blog_per_page="12" blog_filters="yes" blog_search="yes" blog_filtering="blog_category" blog_buttons_color="#58BBEE" selected_categories="11,5" exclude_categories="" default_cat_filter="none" custom-css=" " ]

Sie müssen den Shortcode nicht immer wieder neu generieren, Sie können den Shortcode des Blogfilters direkt auf der Seite bearbeiten / aktualisieren.

Sie können sehen, dass jeder Schlüssel einen Wert für jede Einstellung hat. Wir zeigen Ihnen, wie Sie den Shortcode bearbeiten, ohne ihn neu zu generieren.

1. Blog-Vorlage und Spalteneinstellungen

1.1 Vorlagenrichtung von rechts nach links

Sie können die Vorlagenrichtung von rechts nach links ändern, um „Ja“ oder „Nein“ einzustellen.

(i) Für rechts nach links: [AWL-BlogFilter blog_direction="rtl"]

(ii) Von links nach rechts: [AWL-BlogFilter blog_direction="ltr"]

1.2 Blog-Vorlage

Sie können 3 Vorlagendesigns für diese Einstellung auswählen.

(i) So wählen Sie Vorlage 1 aus: [AWL-BlogFilter blog_template="template1"]

(ii) So wählen Sie Vorlage 2 aus: [AWL-BlogFilter blog_template="template2"]

(iii) So wählen Sie Vorlage 2 aus: [AWL-BlogFilter blog_template="template3"]

1.3 Blogspalten auf großen Desktops

Sie können die Spalte für große Desktops ändern.

(i) So wählen Sie 1 Spalte aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) So wählen Sie 2 Spalten aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) So wählen Sie 3 Spalten aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) So wählen Sie 4 Spalten aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) So wählen Sie 6 Spalten aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) So wählen Sie 12 Spalten aus: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 Blogspalten auf Desktops

Sie können die Spalte für Desktops ändern.

(i) So wählen Sie 1 Spalte aus: [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) So wählen Sie 2 Spalten aus: [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) So wählen Sie 3 Spalten aus: [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) So wählen Sie 4 Spalten aus: [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) So wählen Sie 6 Spalten aus: [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) So wählen Sie 12 Spalten aus: [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 Blog-Kolumnen auf Tablets

Sie können die Spalte für Tablet-Geräte ändern.

(i) So wählen Sie 1 Spalte aus: [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) So wählen Sie 2 Spalten aus: [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) So wählen Sie 3 Spalten aus: [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) So wählen Sie 4 Spalten aus: [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) So wählen Sie 6 Spalten aus: [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 Blog-Kolumnen auf Telefonen

Sie können die Spalte für Telefone ändern.

(i) So wählen Sie 1 Spalte aus: [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) So wählen Sie 2 Spalten aus: [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) So wählen Sie 3 Spalten aus: [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) So wählen Sie 4 Spalten aus: [AWL-BlogFilter blog_col_phones="col-xs-3"]

2. Blog-Bildeinstellungen

2.1 Blogbild anzeigen

Sie können Ja oder Nein für das Anzeigen oder Ausblenden des Blog-Bildes festlegen.

(i) Bild anzeigen: [AWL-BlogFilter blog_image="yes"]

(ii) Bild ausblenden: [AWL-BlogFilter blog_image="no"]

2.2 Link auf Bild

Sie können Ja oder Nein für das Hinzufügen oder Entfernen von Blog-Links auf Blog-Bildern festlegen.

(i) So fügen Sie den Link zum Bild hinzu: [AWL-BlogFilter blog_image_link="yes"]

(ii) So entfernen Sie den Link auf dem Bild: [AWL-BlogFilter blog_image_link="no"]

2.3 Lightbox auf Bild

Sie können Ja oder Nein für das Hinzufügen oder Entfernen von Lightboxen auf Blog-Bildern festlegen.

(i) So fügen Sie dem Bild eine Lightbox hinzu: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Lightbox auf dem Bild entfernen: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Bild-Hover-Effekt

Sie können 5 Arten von Haver-Effekten für das Blog-Bild auswählen.

(i) So legen Sie den ersten Hover-Effekt für das Bild fest: [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) So legen Sie den zweiten Hover-Effekt für das Bild fest: [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Um den dritten Hover-Effekt auf das Bild einzustellen: [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Um den vierten Hover-Effekt auf das Bild einzustellen: [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) So legen Sie den fünften Hover-Effekt auf dem Bild fest: [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) wenn Sie keinen Hover-Effekt wünschen: [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Bildqualität

Sie können aus 4 Arten von Bildqualitätsoptionen für das Blogbild auswählen.

(i) So legen Sie die Größe von 150 × 150 Pixel für das Blog-Bild fest: [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) So legen Sie die Größe von 300 × 169 Pixel für das Blog-Bild fest: [AWL-BlogFilter blog_image_quality="medium"]

(iii) So legen Sie die Größe von 840 × 473 Pixel für das Blog-Bild fest: [AWL-BlogFilter blog_image_quality="large"]

(iv) So stellen Sie die volle Größe für das Blog-Bild ein: [AWL-BlogFilter blog_image_quality="full"]

3. Blogtitel-Einstellungen

3.1 Blog-Titel anzeigen

Sie können Ja oder Nein für das Anzeigen oder Ausblenden des Blog-Titels festlegen.

(i) Titel anzeigen: [AWL-BlogFilter blog_title="yes"]

(ii) Um den Titel auszublenden: [AWL-BlogFilter blog_title="no"]

3.2 Blog-Titelbild

Sie können „Ja“ oder „Nein“ für „Titel unter dem Bild anzeigen“ oder „Titel über dem Bild anzeigen“ auswählen.

(i) Zum Titel unter dem Bild: [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Um das Bild oben zu betiteln: [AWL-BlogFilter blog_title_below_image="no"]

3.3 Link auf Titel

Sie können Ja oder Nein für das Hinzufügen oder Entfernen des Blog-Links im Blog-Titel auswählen.

(i) Um den Link zum Titel hinzuzufügen: [AWL-BlogFilter blog_title_link="yes"]

(ii) So entfernen Sie den Link zum Titel: [AWL-BlogFilter blog_title_link="no"]

3.4 Titeltextfarbe

Sie können die Textfarbe des Blog-Titels ändern.

(i) Um die Titelfarbe zu ändern, fügen Sie den Code in Anführungszeichen ein: [AWL-BlogFilter blog_title_color="#000"]

Um einen Farbcode zu erhalten, klicken Sie hier

3.5 Schriftgröße des Titels

Sie können die Textgröße des Blog-Titels ändern.

(i) So ändern Sie den Änderungswert der Titeltextgröße in Anführungszeichen: [AWL-BlogFilter blog_title_font_size="25"]

4. Blog-Beschreibungseinstellungen

4.1 Blog-Beschreibung anzeigen

Sie können Ja oder Nein für das Anzeigen oder Ausblenden der Blog-Beschreibung festlegen.

(i) Beschreibung anzeigen: [AWL-BlogFilter blog_desc="yes"]

(ii) Um die Beschreibung auszublenden: [AWL-BlogFilter blog_desc="no"]

4.2 Beschreibung Textfarbe

Sie können die Textfarbe der Blog-Beschreibung ändern.

(i) Um die Beschreibungsfarbe zu ändern, fügen Sie den Farbcode in Anführungszeichen ein:

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Um einen Farbcode zu erhalten, klicken Sie hier

4.3 Farbe des Beschreibungsfelds

Sie können die Farbe des Blog-Beschreibungsfelds ändern.

(i) Um die Farbe des Beschreibungsfelds zu ändern, fügen Sie den Farbcode in Anführungszeichen ein:

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Um einen Farbcode zu erhalten, klicken Sie hier

4.4 Beschreibung Schriftgröße

Sie können die Textgröße der Blog-Beschreibung ändern.

(i) Um die Größe des Beschreibungstextes zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Wie viele Zeichen werden in der Beschreibung angezeigt

Sie können die maximale Wortgröße für die Blog-Beschreibung ändern, wenn Sie „Mehr lesen“ oder „Auszug“ eingestellt haben, dann können Sie nicht mehr Wörter in der Blog-Beschreibung erhalten.

(i) Um die Begrenzung der Beschreibungszeichen zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_desc_characters="100"]

5. Link (URL)-Einstellungen

5.1 Weiterlesen-Link anzeigen

Sie können „Ja“ oder „Nein“ für „Weiterlesen-Link anzeigen“ oder „Ausblenden“ festlegen.

(i) Weiterlesen-Link anzeigen: [AWL-BlogFilter blog_read_more="yes"]

(ii) Weiterlesen-Link ausblenden: [AWL-BlogFilter blog_read_more="no"]

5.2 Link in neuem Tab öffnen

Sie können den Wert für den Weiterleitungslink auf der neuen Registerkarte oder auf derselben Registerkarte festlegen.

(i) So setzen Sie den Link im neuen Tab: [AWL-BlogFilter blog_title="_blank"]

(ii) Um den Link auf derselben Registerkarte festzulegen, können Sie ihn leer oder NULL lassen: [AWL-BlogFilter blog_title=""]

5.3 Text für den Link „Weiterlesen“.

Sie ändern den Text von „Weiterlesen“.

(i) Um den Wert wright in Anführungszeichen zu ändern: [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 Post-Datum anzeigen

Sie können Ja oder Nein zum Anzeigen oder Ausblenden des Veröffentlichungsdatums festlegen.

(i) Um das Post-Datum anzuzeigen: [AWL-BlogFilter blog_date="yes"]

(ii) So verbergen Sie das Post-Datum: [AWL-BlogFilter blog_date="no"]

6.2 Datum unter dem Bild anzeigen

Sie können Ja oder Nein für die Anzeige des Veröffentlichungsdatums unter dem Bild oder über dem Bild einstellen.

(i) Um das Datum unter dem Bild anzuzeigen: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Um das Datum über dem Bild anzuzeigen: [AWL-BlogFilter blog_date_below_image="no"]

6.3 Beitragsautor anzeigen

Sie können "Ja" oder "Nein" festlegen, um den Autor des Beitrags anzuzeigen oder auszublenden.

(i) Um den Autor des Beitrags anzuzeigen: [AWL-BlogFilter blog_author="yes"]

(ii) Um den Autor des Beitrags auszublenden: [AWL-BlogFilter blog_author="no"]

6.4 Datum unter dem Bild anzeigen

Sie können Ja oder Nein für die Anzeige des Veröffentlichungsdatums unter dem Bild oder über dem Bild einstellen.

(i) Um den Autor unter dem Bild anzuzeigen: [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Um den Autor über dem Bild anzuzeigen: [AWL-BlogFilter blog_author_below_image="no"]

6.5 Beitragskategorien anzeigen

Sie können Ja oder Nein zum Anzeigen oder Ausblenden der Beitragskategorien festlegen.

(i) Um die Beitragskategorien anzuzeigen: [AWL-BlogFilter blog_categories="yes"]

(ii) Um die Beitragskategorien auszublenden: [AWL-BlogFilter blog_categories="no"]

6.6 Post-Tags anzeigen

Sie können Ja oder Nein zum Anzeigen oder Ausblenden der Post-Tags festlegen.

(i) Um die Post-Tags anzuzeigen: [AWL-BlogFilter blog_tags="yes"]

(ii) Um die Post-Tags auszublenden: [AWL-BlogFilter blog_tags="no"]

7.1 Paginierung

Sie können Ja oder Nein für das Ein- oder Ausblenden der Paginierung einstellen.

(i) Um die Paginierung anzuzeigen: [AWL-BlogFilter blog_pagination="yes"]

(ii) Um die Paginierung auszublenden: [AWL-BlogFilter blog_pagination="no"]

7.2 Paginierungsfarbe

Sie können die Farbe der Blog-Paginierung ändern.

(i) Um die Paginierungsfarbe zu ändern, fügen Sie den Farbcode in Anführungszeichen ein:

[AWL-BlogFilter blog_pagination_color="#58BBEE"]

Um einen Farbcode zu erhalten, klicken Sie hier

7.3 Blogs pro Seite

Sie können das Blog-Limit pro Seite ändern, wenn Sie alle Blogs auf der einzelnen Seite anzeigen möchten, dann setzen Sie Null (0) in den Wert und setzen Sie 'no' in der Paginierung.

(i) Um das Blog-Limit pro Seite zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_per_page="25"]

Sie können den Thumbnail-Hover-Effekt aktivieren oder deaktivieren.

(i) Hover-Effekt aktivieren: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) So deaktivieren Sie den Hover-Effekt: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Abstand zwischen den Miniaturansichten

(i) Um den Miniaturabstand zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 Filter anzeigen

Sie können Ja oder Nein für Ein- oder Ausblenden von Filtern festlegen.

(i) Um die Filter anzuzeigen: [AWL-BlogFilter blog_filters="yes"]

(ii) Um die Filter auszublenden: [AWL-BlogFilter blog_filters="no"]

11.2 Filter „Alle“ anzeigen

Sie können Ja oder Nein für den Filter „Alle“ ein- oder ausblenden.

(i) Um den Filter „Alle“ anzuzeigen: [AWL-BlogFilter blog_filter_all="yes"]

(ii) Um den Filter „Alle“ auszublenden: [AWL-BlogFilter blog_filter_all="no"]

11.3 Text für Schaltfläche „Alle“.

Sie können den Text für die Schaltfläche „Alle“ ändern.

(i) Um den Text für die Schaltfläche „Alle“ zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_all_text="All"]

11.4 Multi-Filter gleichzeitig

Sie können Ja oder Nein für die Multifilterfunktion einstellen.

(i) Um die Multifilterfunktion einzuschalten: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Multifilterfunktion deaktivieren: [AWL-BlogFilter blog_multi_filter="no"]

11.5 „Und“-Logik für Multifilter

Sie können Ja oder Nein für die Und-Logik in der Multifilterfunktion verwenden.

(i) To On Multifilter „Und“-Logik: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Multifilter „Und“-Logik ausschalten: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Suchfeld anzeigen

Sie können Ja oder Nein für das Ein- oder Ausblenden des Suchfelds festlegen.

(i) Um das Suchfeld anzuzeigen: [AWL-BlogFilter blog_search="yes"]

(ii) Um das Suchfeld auszublenden: [AWL-BlogFilter blog_search="no"]

11.7 Text für Suchfeld

Sie können den Text für das Suchfeld ändern.

(i) Um den Text für das Suchfeld zu ändern, ändern Sie den Wert in Anführungszeichen:

[AWL-BlogFilter blog_search_text="Search"]

11.8 Tastenfarbe

Sie können die Farbe der Blog-Schaltfläche ändern.

(i) Um die Schaltflächenfarbe zu ändern, fügen Sie den Farbcode in Anführungszeichen ein:

[AWL-BlogFilter blog_buttons_color="#58BBEE"]

Um einen Farbcode zu erhalten, klicken Sie hier

11.9 Filtern mit

Sie können die Filteroption ändern.

(i) Um Blog-Kategorien als Filter festzulegen: [AWL-BlogFilter blog_filtering="blog_category"]

(ii) Um Blog-Tags als Filter festzulegen: [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 Standardfilter

Sie können einen beliebigen Filter für den standardmäßig ausgewählten Filter beim Laden der Seite festlegen

(i) Wenn Sie Kategorie als Filteroption verwenden, ändern Sie die Kategorie-ID in Anführungszeichen:

[AWL-BlogFilter default_cat_filter="27"]

(ii) Wenn Sie Tag als Filteroption verwenden, ändern Sie die Tag-ID in Anführungszeichen:

[AWL-BlogFilter default_tag_filter="27"]

11.11 Ausgewählte Kategorien oder Tags für Blogs

Um die Kategorien- und Tag-IDs direkt aus dem Shortcode zu ändern, ändern Sie den Wert in Anführungszeichen:

(i) Wenn Sie Kategorie als Filteroption verwenden: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Wenn Sie Tag als Filteroption verwenden: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Beitrag ausschließen

Sie können Beiträge ausschließen, die sich auf bestimmte Kategorien oder Tags beziehen, und den Wert in Anführungszeichen ändern:

(i) Wenn Sie Kategorie als Filteroption verwenden: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Wenn Sie Tag als Filteroption verwenden: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]