Configurer le code court du plug-in de filtre de blog

Plugin de filtre de blog utilisé pour catégoriser facilement votre article de blog sur votre site. L'ajout et la configuration du shortcode du plugin de filtre de blog sur vos sites WordPress sont expliqués par le développeur ci-dessous. Utilisez le paramètre disponible pour gérer le shortcode, vous n'avez donc pas besoin de régénérer un nouveau shortcode une fois.

Ceci est le shortcode par défaut

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

Vous n'avez pas besoin de générer un shortcode, encore et encore, vous pouvez modifier/mettre à jour le shortcode du filtre de blog directement sur la page.

Vous pouvez voir que chaque clé a une valeur pour chaque paramètre, nous vous montrons comment modifier le shortcode sans le régénérer.

1. Modèle de blog et paramètres de colonne

1.1 Direction du modèle de droite à gauche

Vous pouvez changer la direction du modèle de droite à gauche pour définir "Oui" ou "Non"

(i) Pour de droite à gauche : [AWL-BlogFilter blog_direction="rtl"]

(ii) Pour de gauche à droite : [AWL-BlogFilter blog_direction="ltr"]

1.2 Modèle de blog

Vous pouvez sélectionner 3 modèles de conception pour ce paramètre.

(i) Pour sélectionner le modèle 1 : [AWL-BlogFilter blog_template="template1"]

(ii) Pour sélectionner le modèle 2 : [AWL-BlogFilter blog_template="template2"]

(iii) Pour sélectionner le modèle 2 : [AWL-BlogFilter blog_template="template3"]

1.3 Colonnes de blog sur les grands ordinateurs de bureau

Vous pouvez changer de colonne pour les grands bureaux.

(i) Pour sélectionner 1 Colonne : [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) Pour sélectionner 2 Colonnes : [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) Pour sélectionner 3 colonnes : [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) Pour sélectionner 4 colonnes : [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) Pour sélectionner 6 Colonnes : [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) Pour sélectionner 12 colonnes : [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 Colonnes de blog sur les ordinateurs de bureau

Vous pouvez changer de colonne pour les ordinateurs de bureau.

(i) Pour sélectionner 1 Colonne : [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) Pour sélectionner 2 Colonnes : [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) Pour sélectionner 3 colonnes : [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) Pour sélectionner 4 colonnes : [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) Pour sélectionner 6 Colonnes : [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) Pour sélectionner 12 colonnes : [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 Colonnes de blog sur les tablettes

Vous pouvez changer de colonne pour les tablettes.

(i) Pour sélectionner 1 Colonne : [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) Pour sélectionner 2 Colonnes : [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) Pour sélectionner 3 colonnes : [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) Pour sélectionner 4 colonnes : [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) Pour sélectionner 6 Colonnes : [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 Colonnes de blog sur les téléphones

Vous pouvez changer de colonne pour les téléphones.

(i) Pour sélectionner 1 Colonne : [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) Pour sélectionner 2 Colonnes : [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) Pour sélectionner 3 colonnes : [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) Pour sélectionner 4 colonnes : [AWL-BlogFilter blog_col_phones="col-xs-3"]

2. Paramètres de l'image du blog

2.1 Afficher l'image du blog

Vous pouvez définir oui ou non pour afficher ou masquer l'image du blog.

(i) Pour afficher l'image : [AWL-BlogFilter blog_image="yes"]

(ii) Pour masquer l'image : [AWL-BlogFilter blog_image="no"]

2.2 Lien sur l'image

Vous pouvez définir oui ou non pour ajouter ou supprimer un lien de blog sur l'image du blog.

(i) Pour ajouter le lien sur l'image : [AWL-BlogFilter blog_image_link="yes"]

(ii) Pour supprimer le lien sur l'image : [AWL-BlogFilter blog_image_link="no"]

2.3 Lightbox sur l'image

Vous pouvez définir oui ou non pour ajouter ou supprimer une lightbox sur l'image du blog.

(i) Pour ajouter une lightbox sur l'image : [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Pour supprimer la lightbox sur l'image : [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Effet de survol d'image

Vous pouvez sélectionner 5 types d'effets haver pour l'image du blog.

(i) Pour définir le premier effet de survol sur l'image : [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) Pour définir le deuxième effet de survol sur l'image : [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Pour définir le troisième effet de survol sur l'image : [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Pour définir le quatrième effet de survol sur l'image : [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) Pour définir le cinquième effet de survol sur l'image : [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) si vous ne voulez pas d'effet de survol : [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Qualité des images

Vous pouvez choisir parmi 4 types d'options de qualité d'image pour l'image du blog.

(i) Pour définir la taille 150×150 px pour l'image du blog : [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) Pour définir la taille 300×169 px pour l'image du blog : [AWL-BlogFilter blog_image_quality="medium"]

(iii) Pour définir la taille 840×473 px pour l'image du blog : [AWL-BlogFilter blog_image_quality="large"]

(iv) Pour définir la taille complète de l'image du blog : [AWL-BlogFilter blog_image_quality="full"]

3. Paramètres du titre du blog

3.1 Afficher le titre du blog

Vous pouvez définir oui ou non pour afficher ou masquer le titre du blog.

(i) Pour afficher le titre : [AWL-BlogFilter blog_title="yes"]

(ii) Pour masquer le titre : [AWL-BlogFilter blog_title="no"]

3.2 Titre du blog Blow Image

Vous pouvez sélectionner oui ou non pour afficher le titre sous l'image ou Afficher le titre en haut de l'image.

(i) Titre sous l'image : [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Pour titrer l'image en haut : [AWL-BlogFilter blog_title_below_image="no"]

3.3 Lien sur le titre

Vous pouvez sélectionner oui ou non pour ajouter ou supprimer un lien de blog sur le titre du blog.

(i) Pour ajouter le lien au titre : [AWL-BlogFilter blog_title_link="yes"]

(ii) Pour supprimer le lien vers le titre : [AWL-BlogFilter blog_title_link="no"]

3.4 Couleur du texte du titre

Vous pouvez changer la couleur du texte du titre du blog.

(i) Pour changer la couleur du titre, collez le code entre guillemets : [AWL-BlogFilter blog_title_color="#000"]

Pour obtenir un code couleur cliquez ici

3.5 Taille de la police du titre

Vous pouvez modifier la taille du texte du titre du blog.

(i) Pour modifier la valeur de modification de la taille du texte du titre en virgules inversées : [AWL-BlogFilter blog_title_font_size="25"]

4. Paramètres de description du blog

4.1 Afficher la description du blog

Vous pouvez définir oui ou non pour afficher ou masquer la description du blog.

(i) Pour afficher la description : [AWL-BlogFilter blog_desc="yes"]

(ii) Pour masquer la description : [AWL-BlogFilter blog_desc="no"]

4.2 Couleur du texte descriptif

Vous pouvez modifier la couleur du texte de description du blog.

(i) Pour changer la couleur de la description, collez le code couleur entre guillemets :

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Pour obtenir un code couleur cliquez ici

4.3 Couleur de la zone de description

Vous pouvez modifier la couleur de la zone de description du blog.

(i) Pour changer la couleur de la zone de description, collez le code couleur entre guillemets :

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Pour obtenir un code couleur cliquez ici

4.4 Taille de la police de description

Vous pouvez modifier la taille du texte de description du blog.

(i) Pour modifier la taille du texte de description, remplacez la valeur par des guillemets :

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Combien de caractères s'affichent dans la description

Vous pouvez modifier la taille limite des mots de description du blog si vous avez défini Lire la suite ou l'extrait, vous ne pouvez pas obtenir plus de mots dans la description du blog.

(i) Pour modifier la limite de caractères de description, remplacez la valeur par des guillemets :

[AWL-BlogFilter blog_desc_characters="100"]

5. Paramètres de lien (URL)

5.1 Afficher le lien Lire la suite

Vous pouvez définir oui ou non pour afficher ou masquer le lien Lire la suite.

(i) Pour afficher le lien Lire plus : [AWL-BlogFilter blog_read_more="yes"]

(ii) Pour masquer le lien en savoir plus : [AWL-BlogFilter blog_read_more="no"]

5.2 Lien ouvert dans un nouvel onglet

Vous pouvez définir la valeur du lien de redirection dans le nouvel onglet ou dans le même onglet.

(i) Pour définir le lien dans le nouvel onglet : [AWL-BlogFilter blog_title="_blank"]

(ii) Pour définir le lien dans le même onglet, vous pouvez le laisser vide ou NULL : [AWL-BlogFilter blog_title=""]

5.3 Texte du lien "En savoir plus"

Vous modifiez le texte de "en savoir plus".

(i) Pour modifier la valeur juste entre guillemets : [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 Afficher la date de publication

Vous pouvez définir oui ou non pour afficher ou masquer la date de publication.

(i) Pour afficher la date de publication : [AWL-BlogFilter blog_date="yes"]

(ii) Pour masquer la date de publication : [AWL-BlogFilter blog_date="no"]

6.2 Afficher la date sous l'image

Vous pouvez définir oui ou non pour afficher la date de publication sous l'image ou en haut de l'image.

(i) Pour afficher la date sous l'image : [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Pour afficher la date en haut de l'image : [AWL-BlogFilter blog_date_below_image="no"]

6.3 Afficher l'auteur du message

Vous pouvez définir oui ou non pour afficher ou masquer l'auteur du message.

(i) Pour afficher l'auteur du message : [AWL-BlogFilter blog_author="yes"]

(ii) Pour masquer l'auteur du message : [AWL-BlogFilter blog_author="no"]

6.4 Afficher la date sous l'image

Vous pouvez définir oui ou non pour afficher la date de publication sous l'image ou en haut de l'image.

(i) Pour afficher l'auteur sous l'image : [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Pour montrer l'auteur en haut de l'image : [AWL-BlogFilter blog_author_below_image="no"]

6.5 Afficher les catégories de publication

Vous pouvez définir oui ou non pour afficher ou masquer les catégories de publication.

(i) Pour afficher les catégories de publication : [AWL-BlogFilter blog_categories="yes"]

(ii) Pour masquer les catégories de publication : [AWL-BlogFilter blog_categories="no"]

6.6 Afficher les balises de publication

Vous pouvez définir oui ou non pour afficher ou masquer les balises de publication.

(i) Pour afficher les balises de publication : [AWL-BlogFilter blog_tags="yes"]

(ii) Pour masquer les balises de publication : [AWL-BlogFilter blog_tags="no"]

7.1 Mise en page

Vous pouvez définir oui ou non pour afficher ou masquer la pagination.

(i) Pour afficher la Pagination : [AWL-BlogFilter blog_pagination="yes"]

(ii) Pour masquer la Pagination : [AWL-BlogFilter blog_pagination="no"]

7.2 Couleur de mise en page

Vous pouvez changer la couleur de la pagination du blog.

(i) Pour changer la couleur de la pagination, collez le code couleur entre guillemets :

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

Pour obtenir un code couleur cliquez ici

7.3 Blogs par page

Vous pouvez modifier la limite de blogs par page si vous souhaitez afficher tous les blogs sur une seule page, puis définissez zéro (0) dans la valeur et définissez "non" dans la pagination.

(i) Pour modifier la limite de blog par page, remplacez la valeur par des guillemets :

[AWL-BlogFilter blog_per_page="25"]

Vous pouvez activer ou désactiver l'effet de survol des vignettes.

(i) Pour activer l'effet de survol : [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) Pour désactiver l'effet de survol : [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Espacement des vignettes

(i) Pour modifier l'espacement des vignettes, remplacez la valeur par des virgules :

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 Afficher les filtres

Vous pouvez définir oui ou non pour afficher ou masquer les filtres.

(i) Pour afficher les filtres : [AWL-BlogFilter blog_filters="yes"]

(ii) Pour masquer les filtres : [AWL-BlogFilter blog_filters="no"]

11.2 Afficher le filtre "Tous"

Vous pouvez définir oui ou non pour afficher ou masquer le filtre "Tous".

(i) Pour afficher le filtre "Tous": [AWL-BlogFilter blog_filter_all="yes"]

(ii) Pour masquer le filtre "Tous" : [AWL-BlogFilter blog_filter_all="no"]

11.3 Texte pour le bouton "Tous"

Vous pouvez modifier le texte du bouton "Tous".

(i) Pour modifier le texte du bouton "Tous", modifiez la valeur entre guillemets :

[AWL-BlogFilter blog_all_text="All"]

11.4 Multi-filtre en même temps

Vous pouvez définir oui ou non pour la fonction multi-filtre.

(i) Pour activer la fonction multifiltre : [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Pour désactiver la fonction multifiltre : [AWL-BlogFilter blog_multi_filter="no"]

11.5 Logique "Et" pour le multi-filtre

Vous pouvez utiliser oui ou non pour Et la logique dans la fonction multi-filtre.

(i) Pour activer la logique "Et" du multifiltre : [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Pour désactiver la logique "Et" du multifiltre : [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Afficher le champ de recherche

Vous pouvez définir oui ou non pour afficher ou masquer le champ de recherche.

(i) Pour afficher le champ de recherche : [AWL-BlogFilter blog_search="yes"]

(ii) Pour masquer le champ de recherche : [AWL-BlogFilter blog_search="no"]

11.7 Texte pour le champ de recherche

Vous pouvez modifier le texte du champ de recherche.

(i) Pour modifier le texte du champ de recherche, remplacez la valeur par des guillemets :

[AWL-BlogFilter blog_search_text="Search"]

11.8 Couleur des boutons

Vous pouvez changer la couleur du bouton du blog.

(i) Pour changer la couleur du bouton, collez le code couleur entre guillemets :

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

Pour obtenir un code couleur cliquez ici

11.9 Filtrage avec

Vous pouvez modifier l'option de filtrage.

(i) Pour définir les catégories de blog comme filtre : [AWL-BlogFilter blog_filtering="blog_category"]

(ii) Pour définir les balises de blog comme filtre : [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 Filtre par défaut

Vous pouvez définir n'importe quel filtre pour le filtre sélectionné par défaut lors du chargement de la page

(i) Si vous utilisez la catégorie comme option de filtrage, remplacez l'identifiant de la catégorie par des guillemets :

[AWL-BlogFilter default_cat_filter="27"]

(ii) Si vous utilisez la balise comme option de filtrage, changez l'identifiant de la balise en guillemets :

[AWL-BlogFilter default_tag_filter="27"]

11.11 Catégories ou balises sélectionnées pour les blogs

Pour changer les identifiants des catégories et des tags directement depuis le shortcode, changez la valeur en virgules inversées :

(i) Si vous utilisez la catégorie comme option de filtrage : [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Si vous utilisez une balise comme option de filtrage : [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Exclure la publication

Vous pouvez exclure les publications liées à certaines catégories ou balises, modifier la valeur en virgules inversées :

(i) Si vous utilisez la catégorie comme option de filtrage : [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Si vous utilisez une balise comme option de filtrage : [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]