Configura lo shortcode del plugin del filtro blog

Pubblicato: 2018-08-20

Plugin filtro blog utilizzato per classificare facilmente il post del tuo blog sul tuo sito. L'aggiunta e la configurazione dello shortcode del plug-in del filtro blog sui tuoi siti WordPress sono spiegate dallo sviluppatore di seguito. Utilizzare l'impostazione disponibile per gestire lo shortcode, quindi non è necessario rigenerare lo shortcode di nuovo una volta.

Questo è lo Shortcode predefinito

[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=" " ]

Non devi generare lo shortcode, ancora e ancora, puoi modificare lo shortcode del filtro del blog Modifica / Aggiorna direttamente sulla pagina.

Puoi vedere che ogni chiave ha un valore per ogni impostazione, ti stiamo mostrando come modificare lo shortcode senza rigenerarlo.

1. Impostazioni del modello e della colonna del blog

1.1 Direzione del modello da destra a sinistra

È possibile modificare la direzione del modello da destra a sinistra per impostare "Sì" o "No"

(i) Da destra a sinistra: [AWL-BlogFilter blog_direction="rtl"]

(ii) Da sinistra a destra: [AWL-BlogFilter blog_direction="ltr"]

1.2 Modello di blog

È possibile selezionare 3 modelli di design per questa impostazione.

(i) Per selezionare il modello 1: [AWL-BlogFilter blog_template="template1"]

(ii) Per selezionare il modello 2: [AWL-BlogFilter blog_template="template2"]

(iii) Per selezionare il modello 2: [AWL-BlogFilter blog_template="template3"]

1.3 Colonne del blog su desktop di grandi dimensioni

È possibile modificare la colonna per desktop di grandi dimensioni.

(i) Per selezionare 1 colonna: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) Per selezionare 2 colonne: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) Per selezionare 3 colonne: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) Per selezionare 4 colonne: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) Per selezionare 6 colonne: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) Per selezionare 12 colonne: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 Colonne del blog sui desktop

È possibile modificare la colonna per i desktop.

(i) Per selezionare 1 colonna: [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) Per selezionare 2 colonne: [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) Per selezionare 3 colonne: [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) Per selezionare 4 colonne: [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) Per selezionare 6 colonne: [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) Per selezionare 12 colonne: [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 Colonne del blog sui tablet

È possibile modificare la colonna per i dispositivi tablet.

(i) Per selezionare 1 colonna: [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) Per selezionare 2 colonne: [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) Per selezionare 3 colonne: [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) Per selezionare 4 colonne: [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) Per selezionare 6 colonne: [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 Colonne del blog sui telefoni

È possibile modificare la colonna per i telefoni.

(i) Per selezionare 1 colonna: [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) Per selezionare 2 colonne: [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) Per selezionare 3 colonne: [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) Per selezionare 4 colonne: [AWL-BlogFilter blog_col_phones="col-xs-3"]


2. Impostazioni dell'immagine del blog

2.1 Mostra immagine blog

Puoi impostare sì o no per mostrare o nascondere l'immagine del blog.

(i) Per mostrare l'immagine: [AWL-BlogFilter blog_image="yes"]

(ii) Per nascondere l'immagine: [AWL-BlogFilter blog_image="no"]

2.2 Collegamento sull'immagine

Puoi impostare sì o no per aggiungere o rimuovere il link del blog sull'immagine del blog.

(i) Per aggiungere il collegamento all'immagine: [AWL-BlogFilter blog_image_link="yes"]

(ii) Per rimuovere il collegamento sull'immagine: [AWL-BlogFilter blog_image_link="no"]

2.3 Lightbox sull'immagine

Puoi impostare sì o no per aggiungere o rimuovere lightbox sull'immagine del blog.

(i) Per aggiungere lightbox all'immagine: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Per rimuovere lightbox dall'immagine: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Effetto al passaggio del mouse sull'immagine

Puoi selezionare 5 tipi di effetti haver per l'immagine del blog.

(i) Per impostare il primo effetto al passaggio del mouse sull'immagine: [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) Per impostare il secondo effetto al passaggio del mouse sull'immagine: [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Per impostare il terzo effetto al passaggio del mouse sull'immagine: [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Per impostare il quarto effetto hover sull'immagine: [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) Per impostare il quinto effetto al passaggio del mouse sull'immagine: [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) se non si desidera alcun effetto al passaggio del mouse: [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Qualità dell'immagine

Puoi selezionare tra 4 tipi di opzioni di qualità dell'immagine per l'immagine del blog.

(i) Per impostare la dimensione di 150×150 px per l'immagine del blog: [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) Per impostare la dimensione di 300×169 px per l'immagine del blog: [AWL-BlogFilter blog_image_quality="medium"]

(iii) Per impostare la dimensione di 840×473 px per l'immagine del blog: [AWL-BlogFilter blog_image_quality="large"]

(iv) Per impostare la dimensione intera per l'immagine del blog: [AWL-BlogFilter blog_image_quality="full"]


3. Impostazioni del titolo del blog

3.1 Mostra il titolo del blog

Puoi impostare sì o no per mostrare o nascondere il titolo del blog.

(i) Per mostrare il titolo: [AWL-BlogFilter blog_title="yes"]

(ii) Per nascondere il titolo: [AWL-BlogFilter blog_title="no"]

3.2 Immagine del colpo del titolo del blog

Puoi selezionare sì o no per mostrare il titolo sotto l'immagine o Mostra titolo sopra l'immagine.

(i) Al titolo sotto l'immagine: [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Per intitolare in alto l'immagine: [AWL-BlogFilter blog_title_below_image="no"]

3.3 Collegamento sul titolo

Puoi selezionare sì o no per aggiungere o rimuovere il link del blog sul titolo del blog.

(i) Per aggiungere il link al titolo: [AWL-BlogFilter blog_title_link="yes"]

(ii) Per rimuovere il collegamento al titolo: [AWL-BlogFilter blog_title_link="no"]

3.4 Colore del testo del titolo

Puoi cambiare il colore del testo del titolo del blog.

(i) Per cambiare il colore del titolo, incolla il codice tra virgolette: [AWL-BlogFilter blog_title_color="#000"]

Per ottenere un codice colore clicca qui

3.5 Dimensione carattere del titolo

Puoi modificare la dimensione del testo del titolo del blog.

(i) Per modificare la dimensione del testo del titolo, cambia il valore in virgolette: [AWL-BlogFilter blog_title_font_size="25"]


4. Impostazioni descrizione blog

4.1 Mostra la descrizione del blog

Puoi impostare sì o no per mostrare o nascondere la descrizione del blog.

(i) Per mostrare la descrizione: [AWL-BlogFilter blog_desc="yes"]

(ii) Per nascondere la descrizione: [AWL-BlogFilter blog_desc="no"]

4.2 Descrizione Colore del testo

Puoi cambiare il colore del testo della descrizione del blog.

(i) Per modificare il colore della descrizione, incollare il codice colore tra virgolette:

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Per ottenere un codice colore clicca qui

4.3 Descrizione Colore scatola

Puoi cambiare il colore della casella della descrizione del blog.

(i) Per modificare il colore della casella della descrizione, incollare il codice colore tra virgolette:

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Per ottenere un codice colore clicca qui

4.4 Descrizione Dimensione carattere

Puoi modificare la dimensione del testo della descrizione del blog.

(i) Per modificare la dimensione del testo della descrizione, modificare il valore tra virgolette:

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Quanti caratteri vengono visualizzati nella descrizione

Puoi modificare la dimensione del limite delle parole di descrizione del blog se hai impostato leggi di più o estratto, quindi non puoi ottenere più parole nella descrizione del blog.

(i) Per modificare il limite dei caratteri della descrizione, modificare il valore tra virgolette:

[AWL-BlogFilter blog_desc_characters="100"]


5. Impostazioni del collegamento (URL).

5.1 Mostra altro collegamento

Puoi impostare sì o no per mostrare o nascondere Read More Link.

(i) Per mostrare il link per saperne di più: [AWL-BlogFilter blog_read_more="yes"]

(ii) Per nascondere il link Leggi altro: [AWL-BlogFilter blog_read_more="no"]

5.2 Collegamento aperto in una nuova scheda

È possibile impostare il valore per il collegamento di reindirizzamento nella nuova scheda o nella stessa scheda.

(i) Per impostare il collegamento nella nuova scheda: [AWL-BlogFilter blog_title="_blank"]

(ii) Per impostare il collegamento nella stessa scheda, puoi lasciarlo vuoto o NULL: [AWL-BlogFilter blog_title=""]

5.3 Testo per il collegamento "Leggi di più".

Cambia il testo di "leggi di più".

(i) Per modificare il valore wright tra virgolette: [AWL-BlogFilter blog_read_more_text="Read More"]


6. Posta Meta Impostazioni

6.1 Mostra la data dell'invio

Puoi impostare sì o no per mostrare o nascondere la data di pubblicazione.

(i) Per mostrare la data del post: [AWL-BlogFilter blog_date="yes"]

(ii) Per nascondere la data del post: [AWL-BlogFilter blog_date="no"]

6.2 Mostra la data sotto l'immagine

Puoi impostare sì o no per lo spettacolo la data del post sotto l'immagine o sopra l'immagine.

(i) Per mostrare la data sotto l'immagine: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Per mostrare la data sopra l'immagine: [AWL-BlogFilter blog_date_below_image="no"]

6.3 Mostra autore post

Puoi impostare sì o no per mostrare o nascondere l'autore del post.

(i) Per mostrare l'autore del post: [AWL-BlogFilter blog_author="yes"]

(ii) Per nascondere l'autore del post: [AWL-BlogFilter blog_author="no"]

6.4 Mostra la data sotto l'immagine

Puoi impostare sì o no per lo spettacolo la data del post sotto l'immagine o sopra l'immagine.

(i) Per mostrare l'autore sotto l'immagine: [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Per mostrare l'autore sopra l'immagine: [AWL-BlogFilter blog_author_below_image="no"]

6.5 Mostra le categorie di post

Puoi impostare sì o no per mostrare o nascondere le categorie di post.

(i) Per mostrare le categorie dei post: [AWL-BlogFilter blog_categories="yes"]

(ii) Per nascondere le categorie dei post: [AWL-BlogFilter blog_categories="no"]

6.6 Mostra tag post

Puoi impostare sì o no per mostrare o nascondere i tag del post.

(i) Per mostrare i tag dei post: [AWL-BlogFilter blog_tags="yes"]

(ii) Per nascondere i tag dei post: [AWL-BlogFilter blog_tags="no"]


7. Impostazioni di impaginazione

7.1 Impaginazione

Puoi impostare sì o no per mostrare o nascondere l'impaginazione.

(i) Per mostrare l'impaginazione: [AWL-BlogFilter blog_pagination="yes"]

(ii) Per nascondere l'impaginazione: [AWL-BlogFilter blog_pagination="no"]

7.2 Colore dell'impaginazione

Puoi cambiare il colore dell'impaginazione del blog.

(i) Per modificare il colore dell'Impaginazione, incollare il codice colore tra virgolette:

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

Per ottenere un codice colore clicca qui

7.3 Blog per pagina

Puoi modificare il limite del blog per pagina se vuoi mostrare tutti i blog sulla singola pagina, quindi impostare zero (0) nel valore e impostare "no" nell'impaginazione.

(i) Per modificare il limite del blog per pagina, cambia il valore tra virgolette:

[AWL-BlogFilter blog_per_page="25"]


8. Impostazioni dell'ordine dei post

8.1 Invia ordine entro

È possibile impostare l'ordine di pubblicazione per data, titolo o slug.

(i) Imposta l'ordine dei post per data: [AWL-BlogFilter blog_order_by="date"]

(ii) Imposta l'ordine dei post per titolo: [AWL-BlogFilter blog_order_by="title"]

(iii) Imposta l'ordine dei post per slug: [AWL-BlogFilter blog_order_by="name"]

8.2 Invia ordine

Puoi anche impostare l'ordine crescente o decrescente per il post

(i) Imposta l'ordine crescente per i post: [AWL-BlogFilter blog_order="ASC"]

(ii) Impostare l'ordine decrescente per i post: [AWL-BlogFilter blog_order="DESC"]


9. Filtra le impostazioni dell'ordine

9.1 Filtra Ordina per

È possibile impostare l'ordine dei filtri per data, titolo o slug.

(i) Imposta l'ordine dei filtri per data: [AWL-BlogFilter blog_filter_order_by="date"]

(ii) Imposta l'ordine dei filtri per titolo: [AWL-BlogFilter blog_filter_order_by="title"]

(iii) Imposta l'ordine del filtro per slug: [AWL-BlogFilter blog_filter_order_by="name"]

9.2 Ordine dei filtri

Puoi anche impostare l'ordine crescente o decrescente per il post

(i) Impostare l'ordine crescente per i filtri: [AWL-BlogFilter blog_filter_order="ASC"]

(ii) Impostare l'ordine decrescente per i filtri: [AWL-BlogFilter blog_filter_order="DESC"]


10.Impostazioni miniatura

10.1 Effetto al passaggio del pollice

Puoi abilitare o disabilitare l'effetto al passaggio del mouse delle miniature.

(i) Per abilitare l'effetto al passaggio del mouse: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) Per disabilitare l'effetto al passaggio del mouse: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Spaziatura delle miniature

(i) Per modificare la spaziatura delle miniature, modificare il valore tra virgolette:

[AWL-BlogFilter blog_thumb_spac="5"]


11. Impostazioni filtro

11.1 Mostra filtri

Puoi impostare sì o no per mostrare o nascondere i filtri.

(i) Per mostrare i filtri: [AWL-BlogFilter blog_filters="yes"]

(ii) Per nascondere i filtri: [AWL-BlogFilter blog_filters="no"]

11.2 Mostra filtro "Tutto"

Puoi impostare sì o no per mostrare o nascondere il filtro "Tutto".

(i) Per mostrare il filtro “Tutti”: [AWL-BlogFilter blog_filter_all="yes"]

(ii) Per nascondere il filtro “Tutto”: [AWL-BlogFilter blog_filter_all="no"]

11.3 Testo per il pulsante "Tutti".

È possibile modificare il testo per il pulsante "Tutto".

(i) Per modificare il testo del pulsante "Tutto", modificare il valore tra virgolette:

[AWL-BlogFilter blog_all_text="All"]

11.4 Multifiltro nello stesso tempo

È possibile impostare sì o no per la funzione multifiltro.

(i) Attivare la funzione multifiltro: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Per disattivare la funzione multifiltro: [AWL-BlogFilter blog_multi_filter="no"]

11.5 Logica "E" per multifiltro

Puoi usare sì o no per la logica And nella funzione multifiltro.

(i) Per la logica "And" del multifiltro: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Per disattivare la logica "E" multifiltro: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Mostra campo di ricerca

Puoi impostare sì o no per mostrare o nascondere il campo di ricerca.

(i) Per mostrare il campo di ricerca: [AWL-BlogFilter blog_search="yes"]

(ii) Per nascondere il campo di ricerca: [AWL-BlogFilter blog_search="no"]

11.7 Testo per campo di ricerca

È possibile modificare il testo per il campo di ricerca.

(i) Per modificare il testo per il campo di ricerca, modificare il valore tra virgolette:

[AWL-BlogFilter blog_search_text="Search"]

11.8 Colore pulsanti

Puoi cambiare il colore del pulsante del blog.

(i) Per cambiare il colore del pulsante, incollare il codice colore tra virgolette:

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

Per ottenere un codice colore clicca qui

11.9 Filtraggio con

È possibile modificare l'opzione di filtro.

(i) Per impostare le categorie del blog come filtro: [AWL-BlogFilter blog_filtering="blog_category"]

(ii) Per impostare i tag blog come filtro: [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 Filtro predefinito

È possibile impostare qualsiasi filtro per il filtro predefinito selezionato al caricamento della pagina

(i) Se stai usando la categoria come opzione di filtro, cambia l'id della categoria tra virgolette:

[AWL-BlogFilter default_cat_filter="27"]

(ii) Se stai usando il tag come opzione di filtro, cambia l'id del tag tra virgolette:

[AWL-BlogFilter default_tag_filter="27"]

11.11 Categorie o tag selezionati per i blog

Per modificare gli ID delle categorie e dei tag direttamente dallo shortcode, modifica il valore tra virgolette:

(i) Se si utilizza la categoria come opzione di filtro: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Se si utilizza il tag come opzione di filtro: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Escludi Posta

Puoi escludere i post correlati ad alcune categorie o tag, modificare il valore tra virgolette:

(i) Se stai utilizzando la categoria come opzione di filtro: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Se si utilizza il tag come opzione di filtro: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]


Ulteriori informazioni
Dimostrazione dal vivo
Acquista Premium