Configurați codul scurt al pluginului pentru filtrarea blogului
Publicat: 2018-08-20Plugin de filtru de blog folosit pentru a clasifica cu ușurință postarea de blog pe site-ul dvs. Adăugarea și configurarea codului scurt al pluginului de filtru de blog pe site-urile dvs. WordPress sunt explicate de dezvoltator mai jos. Utilizați setarea disponibilă pentru a gestiona codul scurt, astfel încât să nu aveți nevoie să regenerați codul scurt o dată.
Acesta este codul scurt implicit
[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=" " ]
Nu trebuie să generați shortcode, iar și iar, puteți edita Editare / Actualizare Blog Filter Shortcode direct pe pagină.
Puteți vedea că fiecare cheie are o valoare pentru fiecare setare, vă arătăm cum să editați codul scurt fără a-l regenera.
1. Setări pentru șablon și coloane de blog
1.1 Direcția șablonului de la dreapta la stânga
Puteți schimba direcția șablonului la dreapta la stânga pentru a seta „Da” sau „Nu”
(i) De la dreapta la stânga: [AWL-BlogFilter blog_direction="rtl"]
(ii) De la stânga la dreapta: [AWL-BlogFilter blog_direction="ltr"]
1.2 Șablon de blog
Puteți selecta 3 modele de șablon pentru această setare.
(i) Pentru a selecta șablonul 1: [AWL-BlogFilter blog_template="template1"]
(ii) Pentru a selecta șablonul 2: [AWL-BlogFilter blog_template="template2"]
(iii) Pentru a selecta șablonul 2: [AWL-BlogFilter blog_template="template3"]
1.3 Coloane de blog pe desktopuri mari
Puteți schimba coloana pentru desktopuri mari.
(i) Pentru a selecta o coloană: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]
(ii) Pentru a selecta 2 coloane: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]
(iii) Pentru a selecta 3 coloane: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]
(iv) Pentru a selecta 4 coloane: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]
(v) Pentru a selecta 6 coloane: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]
(vi) Pentru a selecta 12 coloane: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]
1.4 Coloane de blog pe desktopuri
Puteți schimba coloana pentru desktop-uri.
(i) Pentru a selecta 1 coloană: [AWL-BlogFilter blog_col_desktops="col-md-12"]
(ii) Pentru a selecta 2 coloane: [AWL-BlogFilter blog_col_desktops="col-md-6"]
(iii) Pentru a selecta 3 coloane: [AWL-BlogFilter blog_col_desktops="col-md-4"]
(iv) Pentru a selecta 4 coloane: [AWL-BlogFilter blog_col_desktops="col-md-3"]
(v) Pentru a selecta 6 coloane: [AWL-BlogFilter blog_col_desktops="col-md-2"]
(vi) Pentru a selecta 12 coloane: [AWL-BlogFilter blog_col_desktops="col-md-1"]
1.5 Coloane de blog pe tablete
Puteți schimba coloana pentru dispozitivele tablete.
(i) Pentru a selecta o coloană: [AWL-BlogFilter blog_col_tablets="col-sm-12"]
(ii) Pentru a selecta 2 coloane: [AWL-BlogFilter blog_col_tablets="col-sm-6"]
(iii) Pentru a selecta 3 coloane: [AWL-BlogFilter blog_col_tablets="col-sm-4"]
(iv) Pentru a selecta 4 coloane: [AWL-BlogFilter blog_col_tablets="col-sm-3"]
(v) Pentru a selecta 6 coloane: [AWL-BlogFilter blog_col_tablets="col-sm-2"]
1.6 Coloane de blog pe telefoane
Puteți schimba coloana pentru telefoane.
(i) Pentru a selecta o coloană: [AWL-BlogFilter blog_col_phones="col-xs-12"]
(ii) Pentru a selecta 2 coloane: [AWL-BlogFilter blog_col_phones="col-xs-6"]
(iii) Pentru a selecta 3 coloane: [AWL-BlogFilter blog_col_phones="col-xs-4"]
(iv) Pentru a selecta 4 coloane: [AWL-BlogFilter blog_col_phones="col-xs-3"]
2. Setări pentru imaginea blogului
2.1 Afișați imaginea blogului
Puteți seta da sau nu pentru afișarea sau ascunderea imaginii blogului.
(i) Pentru a afișa imaginea: [AWL-BlogFilter blog_image="yes"]
(ii) Pentru a ascunde imaginea: [AWL-BlogFilter blog_image="no"]
2.2 Link pe imagine
Puteți seta da sau nu pentru adăugarea sau eliminarea linkului blogului pe imaginea blogului.
(i) Pentru a adăuga linkul pe imagine: [AWL-BlogFilter blog_image_link="yes"]
(ii) Pentru a elimina linkul de pe imagine: [AWL-BlogFilter blog_image_link="no"]
2.3 Lightbox pe imagine
Puteți seta da sau nu pentru adăugarea sau eliminarea casetei de lumină pe imaginea blogului.
(i) Pentru a adăuga lightbox pe imagine: [AWL-BlogFilter blog_image_lightbox="yes"]
(ii) Pentru a elimina caseta lightbox de pe imagine: [AWL-BlogFilter blog_image_lightbox="no"]
2.4 Efectul Hover al imaginii
Puteți selecta 5 tipuri de efecte have pentru imaginea de blog.
(i) Pentru a seta primul efect de hover pe imagine: [AWL-BlogFilter blog_image_hover_effect="hover1"]
(ii) Pentru a seta al doilea efect de hover pe imagine: [AWL-BlogFilter blog_image_hover_effect="hover2"]
(iii) Pentru a seta al treilea efect de trecere cu mouse-ul pe imagine: [AWL-BlogFilter blog_image_hover_effect="hover3"]
(iv) Pentru a stabili al patrulea efect de trecere cu mouse-ul pe imagine: [AWL-BlogFilter blog_image_hover_effect="hover4"]
(v) Pentru a seta al cincilea efect de trecere cu mouse-ul pe imagine: [AWL-BlogFilter blog_image_hover_effect="hover5"]
(vi) dacă nu doriți niciun efect de hover: [AWL-BlogFilter blog_image_hover_effect="none"]
2.5 Image Quility
Puteți selecta dintre 4 tipuri de opțiuni de calitate a imaginii pentru imaginea de blog.
(i) Pentru a seta dimensiunea de 150×150 px pentru imaginea blogului: [AWL-BlogFilter blog_image_quality="thumbnail"]
(ii) Pentru a seta dimensiunea de 300×169 px pentru imaginea blogului: [AWL-BlogFilter blog_image_quality="medium"]
(iii) Pentru a seta dimensiunea de 840×473 px pentru imaginea blogului: [AWL-BlogFilter blog_image_quality="large"]
(iv) Pentru a seta dimensiunea completă pentru imaginea blogului: [AWL-BlogFilter blog_image_quality="full"]
3. Setări pentru titlul blogului
3.1 Afișați titlul blogului
Puteți seta da sau nu pentru afișarea sau ascunderea titlului blogului.
(i) Pentru a afișa titlul: [AWL-BlogFilter blog_title="yes"]
(ii) Pentru a ascunde titlul: [AWL-BlogFilter blog_title="no"]
3.2 Titlul blogului Blow Image
Puteți selecta da sau nu pentru afișarea titlului sub imagine sau Afișarea titlului în partea de sus a imaginii.
(i) Pentru titlul sub imagine: [AWL-BlogFilter blog_title_below_image="yes"]
(ii) Pentru titlul de sus a imaginii: [AWL-BlogFilter blog_title_below_image="no"]
3.3 Link pe titlu
Puteți selecta da sau nu pentru adăugarea sau eliminarea linkului blogului din titlul blogului.
(i) Pentru a adăuga linkul la titlu: [AWL-BlogFilter blog_title_link="yes"]
(ii) Pentru a elimina linkul către titlu: [AWL-BlogFilter blog_title_link="no"]
3.4 Culoarea textului titlului
Puteți schimba culoarea textului titlului blogului.
(i) Pentru a schimba culoarea titlului, lipiți culoarea codului în virgule inversate: [AWL-BlogFilter blog_title_color="#000"]
Pentru a obține un cod de culoare faceți clic aici
3.5 Dimensiunea fontului titlului
Puteți modifica dimensiunea textului titlului blogului.
(i) Pentru a schimba valoarea de modificare a dimensiunii textului titlului în virgule: [AWL-BlogFilter blog_title_font_size="25"]
4. Setări de descriere a blogului
4.1 Afișați descrierea blogului
Puteți seta da sau nu pentru afișarea sau ascunderea descrierii blogului.
(i) Pentru a afișa descrierea: [AWL-BlogFilter blog_desc="yes"]
(ii) Pentru a ascunde descrierea: [AWL-BlogFilter blog_desc="no"]
4.2 Culoarea textului descriere
Puteți schimba culoarea textului descrierii blogului.
(i) Pentru a schimba culoarea descrierii, inserați codul de culoare în virgule inversate:
[AWL-BlogFilter blog_desc_color="#a4a6ac"]
Pentru a obține un cod de culoare faceți clic aici
4.3 Culoarea casetei de descriere
Puteți schimba culoarea casetei de descriere a blogului.
(i) Pentru a schimba culoarea casetei de descriere, inserați codul de culoare în virgule inversate:
[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]
Pentru a obține un cod de culoare faceți clic aici
4.4 Descriere Dimensiune font
Puteți modifica dimensiunea textului descrierii blogului.
(i) Pentru a modifica dimensiunea textului descrierii, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_desc_font_size="25"]
4.5 Câte caractere apar în descriere
Puteți modifica dimensiunea limită a cuvintelor pentru descrierea blogului dacă ați setat citiți mai multe sau un extras, atunci nu puteți obține mai multe cuvinte în descrierea blogului.

(i) Pentru a modifica limita de caractere de descriere, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_desc_characters="100"]
5. Setări link (URL).
5.1 Afișați linkul Citește mai mult
Puteți seta da sau nu pentru afișarea sau ascunderea linkului Citiți mai multe.
(i) Pentru a afișa linkul citiți mai multe: [AWL-BlogFilter blog_read_more="yes"]
(ii) Pentru a ascunde linkul citiți mai multe: [AWL-BlogFilter blog_read_more="no"]
5.2 Link Open In New Tab
Puteți seta valoarea pentru linkul de redirecționare în noua filă sau în aceeași filă.
(i) Pentru a seta linkul în noua filă: [AWL-BlogFilter blog_title="_blank"]
(ii) Pentru a seta linkul în aceeași filă, îl puteți lăsa necompletat sau NULL: [AWL-BlogFilter blog_title=""]
5.3 Text pentru linkul „Citiți mai multe”.
Schimbați textul „citește mai mult”.
(i) Pentru a schimba valoarea wright în virgule inversate: [AWL-BlogFilter blog_read_more_text="Read More"]
6. Postați meta setări
6.1 Afișează data postării
Puteți seta da sau nu pentru afișare sau ascunde data postării.
(i) Pentru a afișa data postării: [AWL-BlogFilter blog_date="yes"]
(ii) Pentru a ascunde data postării: [AWL-BlogFilter blog_date="no"]
6.2 Afișați data sub imagine
Puteți seta da sau nu pentru afișarea datei postării sub imagine sau sus.
(i) Pentru a afișa data sub imagine: [AWL-BlogFilter blog_date_below_image="yes"]
(ii) Pentru a afișa data în partea de sus a imaginii: [AWL-BlogFilter blog_date_below_image="no"]
6.3 Afișează autorul postării
Puteți seta da sau nu pentru afișare sau ascunde autorul postării.
(i) Pentru a afișa autorul postării: [AWL-BlogFilter blog_author="yes"]
(ii) Pentru a ascunde autorul postării: [AWL-BlogFilter blog_author="no"]
6.4 Afișați data sub imagine
Puteți seta da sau nu pentru afișarea datei postării sub imagine sau sus.
(i) Pentru a afișa autorul sub imagine: [AWL-BlogFilter blog_author_below_image="yes"]
(ii) Pentru a arăta autorului în partea de sus a imaginii: [AWL-BlogFilter blog_author_below_image="no"]
6.5 Afișați categorii de postări
Puteți seta da sau nu pentru afișarea sau ascunderea categoriilor de postări.
(i) Pentru a afișa categoriile de postări: [AWL-BlogFilter blog_categories="yes"]
(ii) Pentru a ascunde categoriile de postări: [AWL-BlogFilter blog_categories="no"]
6.6 Afișați etichete de postare
Puteți seta da sau nu pentru afișarea sau ascunderea etichetelor de postare.
(i) Pentru a afișa etichetele postării: [AWL-BlogFilter blog_tags="yes"]
(ii) Pentru a ascunde etichetele postării: [AWL-BlogFilter blog_tags="no"]
7. Setări de paginare
7.1 Paginare
Puteți seta da sau nu pentru afișarea sau ascunderea paginației.
(i) Pentru a afișa paginarea: [AWL-BlogFilter blog_pagination="yes"]
(ii) Pentru a ascunde paginarea: [AWL-BlogFilter blog_pagination="no"]
7.2 Culoarea de paginare
Puteți schimba culoarea de paginare a blogului.
(i) Pentru a schimba culoarea de paginare, inserați codul de culoare în virgule inversate:
[AWL-BlogFilter blog_pagination_color="#58BBEE"]
Pentru a obține un cod de culoare faceți clic aici
7.3 Bloguri pe pagină
Puteți modifica limita de blog pentru fiecare pagină dacă doriți să afișați toate blogurile pe o singură pagină, apoi setați zero (0) în valoare și setați „nu” în paginare.
(i) Pentru a modifica limita de blog pentru fiecare pagină, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_per_page="25"]
8. Postează setările comenzii
8.1 Postați comanda de către
Puteți seta ordinea postării după dată, titlu sau slug.
(i) Setați ordinea postării după dată: [AWL-BlogFilter blog_order_by="date"]
(ii) Setați ordinea postărilor după titlu: [AWL-BlogFilter blog_order_by="title"]
(iii) Setați ordinea postării după slug: [AWL-BlogFilter blog_order_by="name"]
8.2 Post Comanda
De asemenea, puteți seta ordinea crescătoare sau descrescătoare a postării
(i) Setați ordinea crescătoare pentru postări: [AWL-BlogFilter blog_order="ASC"]
(ii) Setați ordinea descendentă pentru postări: [AWL-BlogFilter blog_order="DESC"]
9. Setări Filtrare Comandă
9.1 Filtrare Comandă după
Puteți seta ordinea de filtrare în funcție de dată, titlu sau slug.
(i) Setați ordinea filtrului după dată: [AWL-BlogFilter blog_filter_order_by="date"]
(ii) Setați ordinea filtrului după titlu: [AWL-BlogFilter blog_filter_order_by="title"]
(iii) Setați ordinea filtrului în funcție de slug: [AWL-BlogFilter blog_filter_order_by="name"]
9.2 Ordinea filtrului
De asemenea, puteți seta ordinea crescătoare sau descrescătoare a postării
(i) Setați ordinea crescătoare pentru filtre: [AWL-BlogFilter blog_filter_order="ASC"]
(ii) Setați ordinea descendentă pentru filtre: [AWL-BlogFilter blog_filter_order="DESC"]
10.Setări pentru miniaturi
10.1 Efectul Hover Thumbanil
Puteți activa sau dezactiva efectul de trecere cu mouse-ul în miniatură.
(i) Pentru a activa efectul de trecere cu mouse-ul: [AWL-BlogFilter blog_thumb_hover="yes"]
(ii) Pentru a dezactiva efectul de trecere cu mouse-ul: [AWL-BlogFilter blog_thumb_hover="no"]
10.2 Spațiere miniaturi
(i) Pentru a modifica distanța dintre miniaturi, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_thumb_spac="5"]
11. Setări filtru
11.1 Afișați filtre
Puteți seta da sau nu pentru afișarea sau ascunderea filtrelor.
(i) Pentru a afișa filtrele: [AWL-BlogFilter blog_filters="yes"]
(ii) Pentru a ascunde filtrele: [AWL-BlogFilter blog_filters="no"]
11.2 Afișați filtrul „Toate”
Puteți seta da sau nu pentru afișarea sau ascunderea filtrului „Toate”.
(i) Pentru a afișa filtrul „Toate”: [AWL-BlogFilter blog_filter_all="yes"]
(ii) Pentru a ascunde filtrul „Toate”: [AWL-BlogFilter blog_filter_all="no"]
11.3 Text pentru butonul „Toate”.
Puteți schimba textul pentru butonul „Toate”.
(i) Pentru a schimba textul pentru butonul „Toate”, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_all_text="All"]
11.4 Multi-filtru în același timp
Puteți seta da sau nu pentru funcția multi-filtru.
(i) Pentru funcția de filtrare multiplă: [AWL-BlogFilter blog_multi_filter="yes"]
(ii) Pentru a dezactiva funcția de filtru multiplu: [AWL-BlogFilter blog_multi_filter="no"]
11.5 Logica „Și” pentru multi-filtru
Puteți utiliza da sau nu pentru logica și în funcția multi-filtru.
(i) În logica „Și” cu filtru multiplu: [AWL-BlogFilter blog_multi_filter_logic="yes"]
(ii) Pentru a dezactiva logica „Și” a filtrului multiplu: [AWL-BlogFilter blog_multi_filter_logic="no"]
11.6 Afișare câmp de căutare
Puteți seta da sau nu pentru afișarea sau ascunderea câmpului de căutare.
(i) Pentru a afișa câmpul de căutare: [AWL-BlogFilter blog_search="yes"]
(ii) Pentru a ascunde câmpul de căutare: [AWL-BlogFilter blog_search="no"]
11.7 Text pentru câmpul de căutare
Puteți schimba textul pentru câmpul de căutare.
(i) Pentru a schimba textul pentru câmpul de căutare, schimbați valoarea în virgule inversate:
[AWL-BlogFilter blog_search_text="Search"]
11.8 Culoare butoane
Puteți schimba culoarea butonului blogului.
(i) Pentru a schimba culoarea butonului, inserați codul de culoare în virgule inversate:
[AWL-BlogFilter blog_buttons_color="#58BBEE"]
Pentru a obține un cod de culoare faceți clic aici
11.9 Filtrarea cu
Puteți schimba opțiunea de filtrare.
(i) Pentru a seta categorii de blog ca filtru: [AWL-BlogFilter blog_filtering="blog_category"]
(ii) Pentru a seta etichetele de blog ca filtru: [AWL-BlogFilter blog_filtering="blog_tag"]
11.10 Filtru implicit
Puteți seta orice filtru pentru filtrul selectat implicit la încărcarea paginii
(i) Dacă utilizați categoria ca opțiune de filtrare, schimbați id-ul categoriei în virgule inversate:
[AWL-BlogFilter default_cat_filter="27"]
(ii) Dacă utilizați eticheta ca opțiune de filtrare, schimbați ID-ul etichetei în virgule inversate:
[AWL-BlogFilter default_tag_filter="27"]
11.11 Categorii sau etichete selectate pentru bloguri
Pentru a schimba ID-urile categoriilor și etichetelor direct din codul scurt, schimbați valoarea în virgule inversate:
(i) Dacă utilizați categoria ca opțiune de filtrare: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]
(ii) Dacă utilizați eticheta ca opțiune de filtrare: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]
11.12 Excludeți postarea
Puteți exclude postările care au legătură cu anumite categorii sau etichete, puteți schimba valoarea în virgule inversate:
(i) Dacă utilizați categoria ca opțiune de filtrare: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]
(ii) Dacă utilizați eticheta ca opțiune de filtrare: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]
Demo live
Cumpărați Premium