Skonfiguruj krótki kod wtyczki filtrowania blogów

Opublikowany: 2018-08-20

Wtyczka do filtrowania blogów służąca do łatwego kategoryzowania postów na blogu w Twojej witrynie. Dodawanie i konfigurowanie krótkiego kodu wtyczki filtrowania blogów w witrynach WordPress zostało wyjaśnione przez programistę poniżej. Użyj dostępnego ustawienia, aby zarządzać krótkim kodem, dzięki czemu nie musisz raz ponownie generować krótkiego kodu.

To jest domyślny krótki kod

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

Nie musisz generować shortcode, raz za razem, możesz edytować Edytuj / Aktualizuj krótki kod filtra bloga bezpośrednio na stronie.

Widać, że każdy klucz ma wartość dla każdego ustawienia, pokazujemy, jak edytować krótki kod bez jego ponownego generowania.

1. Szablon bloga i ustawienia kolumn

1.1 Kierunek szablonu od prawej do lewej

Możesz zmienić kierunek szablonu z prawej do lewej, aby ustawić „Tak” lub „Nie”

(i) Od prawej do lewej: [AWL-BlogFilter blog_direction="rtl"]

(ii) Od lewej do prawej: [AWL-BlogFilter blog_direction="ltr"]

1.2 Szablon bloga

Możesz wybrać 3 szablony dla tego ustawienia.

(i) Aby wybrać szablon 1 : [AWL-BlogFilter blog_template="template1"]

(ii) Aby wybrać szablon 2 : [AWL-BlogFilter blog_template="template2"]

(iii) Aby wybrać szablon 2 : [AWL-BlogFilter blog_template="template3"]

1.3 Kolumny bloga na dużych komputerach stacjonarnych

Możesz zmienić kolumnę dla dużych komputerów stacjonarnych.

(i) Aby wybrać 1 kolumnę: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) Aby wybrać 2 kolumny: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) Aby wybrać 3 kolumny: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) Aby wybrać 4 kolumny: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) Aby wybrać 6 kolumn: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) Aby wybrać 12 kolumn: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 Kolumny bloga na komputerach stacjonarnych

Możesz zmienić kolumnę dla komputerów stacjonarnych.

(i) Aby wybrać 1 kolumnę: [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) Aby wybrać 2 kolumny : [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) Aby wybrać 3 kolumny: [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) Aby wybrać 4 kolumny: [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) Aby wybrać 6 kolumn: [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) Aby wybrać 12 kolumn: [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 kolumny bloga na tabletach

Możesz zmienić kolumnę dla tabletów.

(i) Aby wybrać 1 kolumnę: [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) Aby wybrać 2 kolumny : [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) Aby wybrać 3 kolumny: [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) Aby wybrać 4 kolumny: [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) Aby wybrać 6 kolumn: [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 Kolumny na blogu na telefonach

Możesz zmienić kolumnę dla telefonów.

(i) Aby wybrać 1 kolumnę: [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) Aby wybrać 2 kolumny: [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) Aby wybrać 3 kolumny: [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) Aby wybrać 4 kolumny: [AWL-BlogFilter blog_col_phones="col-xs-3"]


2. Ustawienia obrazu bloga

2.1 Pokaż obraz bloga

Możesz ustawić tak lub nie, aby pokazać lub ukryć obraz bloga.

(i) Aby wyświetlić obraz: [AWL-BlogFilter blog_image="yes"]

(ii) Aby ukryć obraz: [AWL-BlogFilter blog_image="no"]

2.2 Link na obrazie

Możesz ustawić tak lub nie, aby dodać lub usunąć link do bloga na obrazie bloga.

(i) Aby dodać link do obrazu: [AWL-BlogFilter blog_image_link="yes"]

(ii) Aby usunąć link z obrazu: [AWL-BlogFilter blog_image_link="no"]

2.3 Lightbox na obrazie

Możesz ustawić tak lub nie, aby dodać lub usunąć lightbox na obrazie bloga.

(i) Aby dodać lightbox do obrazu: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) Aby usunąć lightbox z obrazu: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 Efekt najechania na obraz

Dla obrazu bloga możesz wybrać 5 typów efektów hasera.

(i) Aby ustawić pierwszy efekt najechania na obraz: [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) Aby ustawić drugi efekt najechania na obraz: [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) Aby ustawić trzeci efekt najechania na obraz: [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) Aby ustawić czwarty efekt najechania na obraz: [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) Aby ustawić piąty efekt najechania na obraz: [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) jeśli nie chcesz żadnego efektu najechania : [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 Jakość obrazu

Możesz wybrać spośród 4 rodzajów opcji jakości obrazu dla obrazu bloga.

(i) Aby ustawić rozmiar obrazu bloga 150×150 px: [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) Aby ustawić rozmiar 300×169 pikseli dla obrazu bloga: [AWL-BlogFilter blog_image_quality="medium"]

(iii) Aby ustawić rozmiar 840×473 px dla obrazu bloga: [AWL-BlogFilter blog_image_quality="large"]

(iv) Aby ustawić pełny rozmiar obrazu bloga: [AWL-BlogFilter blog_image_quality="full"]


3. Ustawienia tytułu bloga

3.1 Pokaż tytuł bloga

Możesz ustawić tak lub nie, aby pokazać lub ukryć tytuł bloga.

(i) Aby wyświetlić tytuł: [AWL-BlogFilter blog_title="yes"]

(ii) Aby ukryć tytuł: [AWL-BlogFilter blog_title="no"]

3.2 Blog Tytuł Blow Image

Możesz wybrać tak lub nie, aby wyświetlić tytuł pod obrazem lub Pokaż tytuł u góry obrazu.

(i) Do tytułu pod obrazem: [AWL-BlogFilter blog_title_below_image="yes"]

(ii) Aby nadać tytuł nad obrazem: [AWL-BlogFilter blog_title_below_image="no"]

3.3 Link w tytule

Możesz wybrać tak lub nie, aby dodać lub usunąć link do bloga w tytule bloga.

(i) Aby dodać link do tytułu: [AWL-BlogFilter blog_title_link="yes"]

(ii) Aby usunąć link do tytułu: [AWL-BlogFilter blog_title_link="no"]

3.4 Kolor tekstu tytułu

Możesz zmienić kolor tekstu tytułu bloga.

(i) Aby zmienić kolor tytułu, wklej pokoloruj kod na cudzysłów: [AWL-BlogFilter blog_title_color="#000"]

Aby uzyskać kod koloru, kliknij tutaj

3.5 Rozmiar czcionki tytułu

Możesz zmienić rozmiar tekstu tytułu bloga.

(i) Aby zmienić rozmiar tekstu tytułu, zmień wartość na cudzysłów: [AWL-BlogFilter blog_title_font_size="25"]


4. Ustawienia opisu bloga

4.1 Pokaż opis bloga

Możesz ustawić tak lub nie, aby pokazać lub ukryć opis bloga.

(i) Aby wyświetlić opis: [AWL-BlogFilter blog_desc="yes"]

(ii) Aby ukryć opis: [AWL-BlogFilter blog_desc="no"]

4.2 Opis Kolor tekstu

Możesz zmienić kolor tekstu opisu bloga.

(i) Aby zmienić kolor opisu, wklej kod koloru w cudzysłowie:

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

Aby uzyskać kod koloru, kliknij tutaj

4.3 Kolor pola opisu

Możesz zmienić kolor pola opisu bloga.

(i) Aby zmienić kolor pola opisu, wklej kod koloru w cudzysłowie:

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

Aby uzyskać kod koloru, kliknij tutaj

4.4 Opis Rozmiar czcionki

Możesz zmienić rozmiar tekstu opisu bloga.

(i) Aby zmienić rozmiar tekstu opisu, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 Ile znaków pokazuje się w opisie

Możesz zmienić rozmiar limitu słów w opisie bloga, jeśli ustawiłeś czytaj więcej lub fragment, wtedy nie możesz uzyskać więcej słów w opisie bloga.

(i) Aby zmienić limit znaków opisu, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_desc_characters="100"]


5. Ustawienia łącza (URL)

5.1 Pokaż łącze Czytaj więcej

Możesz ustawić tak lub nie, aby pokazać lub ukryć łącze Czytaj więcej.

(i) Aby wyświetlić link czytaj więcej : [AWL-BlogFilter blog_read_more="yes"]

(ii) Aby ukryć link czytaj więcej : [AWL-BlogFilter blog_read_more="no"]

5.2 Link otwarty w nowej karcie

Możesz ustawić wartość przekierowania linku w nowej karcie lub w tej samej karcie.

(i) Aby ustawić link w nowej karcie: [AWL-BlogFilter blog_title="_blank"]

(ii) Aby ustawić link na tej samej karcie, możesz pozostawić go pustym lub NULL: [AWL-BlogFilter blog_title=""]

5.3 Tekst linku „Czytaj więcej”

Zmieniasz tekst „czytaj więcej”.

(i) Aby zmienić wartość wright w cudzysłowie: [AWL-BlogFilter blog_read_more_text="Read More"]


6. Opublikuj ustawienia meta

6.1 Pokaż datę publikacji

Możesz ustawić tak lub nie, aby pokazać lub ukryć datę publikacji.

(i) Aby wyświetlić datę publikacji: [AWL-BlogFilter blog_date="yes"]

(ii) Aby ukryć datę publikacji: [AWL-BlogFilter blog_date="no"]

6.2 Pokaż datę pod obrazem

Możesz ustawić tak lub nie dla pokazu daty publikacji pod obrazem lub na górze obrazu.

(i) Aby wyświetlić datę pod obrazem: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) Aby wyświetlić datę nad obrazem: [AWL-BlogFilter blog_date_below_image="no"]

6.3 Pokaż autora posta

Możesz ustawić tak lub nie, aby pokazać lub ukryć autora posta.

(i) Aby pokazać autora posta: [AWL-BlogFilter blog_author="yes"]

(ii) Aby ukryć autora posta: [AWL-BlogFilter blog_author="no"]

6.4 Pokaż datę pod obrazem

Możesz ustawić tak lub nie dla pokazu daty publikacji pod obrazem lub na górze obrazu.

(i) Aby pokazać autora pod obrazem: [AWL-BlogFilter blog_author_below_image="yes"]

(ii) Aby pokazać autora na górze obrazu: [AWL-BlogFilter blog_author_below_image="no"]

6.5 Pokaż kategorie postów

Możesz ustawić tak lub nie, aby pokazać lub ukryć kategorie postów.

(i) Aby wyświetlić kategorie postów: [AWL-BlogFilter blog_categories="yes"]

(ii) Aby ukryć kategorie postów: [AWL-BlogFilter blog_categories="no"]

6.6 Pokaż tagi postów

Możesz ustawić tak lub nie, aby pokazać lub ukryć tagi postów.

(i) Aby wyświetlić tagi postów: [AWL-BlogFilter blog_tags="yes"]

(ii) Aby ukryć tagi postów: [AWL-BlogFilter blog_tags="no"]


7. Ustawienia paginacji

7.1 Paginacja

Możesz ustawić tak lub nie, aby pokazać lub ukryć paginację.

(i) Aby wyświetlić paginację: [AWL-BlogFilter blog_pagination="yes"]

(ii) Aby ukryć paginację: [AWL-BlogFilter blog_pagination="no"]

7.2 Kolor stronicowania

Możesz zmienić kolor stronicowania bloga.

(i) Aby zmienić kolor paginacji, wklej kod koloru w cudzysłowie:

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

Aby uzyskać kod koloru, kliknij tutaj

7.3 Blogi na stronie

Możesz zmienić limit blogów na stronę, jeśli chcesz wyświetlać wszystkie blogi na jednej stronie, a następnie ustaw zero (0) w wartości i ustaw „nie” w paginacji.

(i) Aby zmienić limit blogów na stronę, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_per_page="25"]


8. Ustawienia zamówień postów

8.1 Prześlij zamówienie do

Możesz ustawić zamówienie pocztowe według daty, tytułu lub ślimaka.

(i) Ustaw zamówienie pocztowe według daty: [AWL-BlogFilter blog_order_by="date"]

(ii) Ustaw kolejność postów według tytułu: [AWL-BlogFilter blog_order_by="title"]

(iii) Ustaw kolejność post według slug: [AWL-BlogFilter blog_order_by="name"]

8.2 Zamówienie pocztowe

Możesz również ustawić kolejność rosnącą lub malejącą dla postu

(i) Ustaw kolejność rosnącą postów: [AWL-BlogFilter blog_order="ASC"]

(ii) Ustaw malejącą kolejność postów: [AWL-BlogFilter blog_order="DESC"]


9. Ustawienia kolejności filtrów

9.1 Filtruj według

Możesz ustawić kolejność filtrowania według daty, tytułu lub slugu.

(i) Ustaw kolejność filtrów według daty: [AWL-BlogFilter blog_filter_order_by="date"]

(ii) Ustaw kolejność filtrów według tytułu: [AWL-BlogFilter blog_filter_order_by="title"]

(iii) Ustaw kolejność filtrów według slug: [AWL-BlogFilter blog_filter_order_by="name"]

9.2 Kolejność filtrów

Możesz również ustawić kolejność rosnącą lub malejącą dla postu

(i) Ustaw kolejność rosnąco dla filtrów: [AWL-BlogFilter blog_filter_order="ASC"]

(ii) Ustaw kolejność malejącą dla filtrów: [AWL-BlogFilter blog_filter_order="DESC"]


10. Ustawienia miniatur

10.1 Efekt najechania miniaturą

Możesz włączyć lub wyłączyć efekt najechania miniaturą.

(i) Aby włączyć efekt najechania: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) Aby wyłączyć efekt najechania: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 Odstępy między miniaturami

(i) Aby zmienić odstępy między miniaturami, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_thumb_spac="5"]


11. Ustawienia filtra

11.1 Pokaż filtry

Możesz ustawić tak lub nie, aby pokazać lub ukryć filtry.

(i) Aby wyświetlić filtry: [AWL-BlogFilter blog_filters="yes"]

(ii) Aby ukryć filtry: [AWL-BlogFilter blog_filters="no"]

11.2 Pokaż filtr „Wszystko”

Możesz ustawić tak lub nie, aby pokazać lub ukryć filtr „Wszystko”.

(i) Aby wyświetlić filtr „Wszystko”: [AWL-BlogFilter blog_filter_all="yes"]

(ii) Aby ukryć filtr „Wszystko”: [AWL-BlogFilter blog_filter_all="no"]

11.3 Tekst dla przycisku „Wszystko”

Możesz zmienić tekst przycisku „Wszystko”.

(i) Aby zmienić tekst przycisku „Wszystko”, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_all_text="All"]

11.4 Wiele filtrów w tym samym czasie

Możesz ustawić tak lub nie dla funkcji wielu filtrów.

(i) Do włączonej funkcji wielu filtrów: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) Aby wyłączyć funkcję wielu filtrów: [AWL-BlogFilter blog_multi_filter="no"]

11.5 Logika „i” dla wielu filtrów

Możesz użyć tak lub nie dla logiki And w funkcji wielu filtrów.

(i) Logika „I” do włączenia wielu filtrów: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) Aby wyłączyć wielofiltrową logikę „I”: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 Pokaż pole wyszukiwania

Możesz ustawić tak lub nie, aby pokazać lub ukryć pole wyszukiwania.

(i) Aby wyświetlić pole wyszukiwania: [AWL-BlogFilter blog_search="yes"]

(ii) Aby ukryć pole wyszukiwania: [AWL-BlogFilter blog_search="no"]

11.7 Tekst pola wyszukiwania

Możesz zmienić tekst w polu wyszukiwania.

(i) Aby zmienić tekst w polu wyszukiwania, zmień wartość na cudzysłów:

[AWL-BlogFilter blog_search_text="Search"]

11.8 Kolor przycisków

Możesz zmienić kolor przycisku bloga.

(i) Aby zmienić kolor przycisku, wklej kod koloru w cudzysłowie:

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

Aby uzyskać kod koloru, kliknij tutaj

11.9 Filtrowanie za pomocą

Możesz zmienić opcję filtrowania.

(i) Aby ustawić kategorie blogów jako filtr: [AWL-BlogFilter blog_filtering="blog_category"]

(ii) Aby ustawić tagi bloga jako filtr: [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 Filtr domyślny

Możesz ustawić dowolny filtr dla domyślnego wybranego filtra podczas ładowania strony

(i) Jeśli używasz kategorii jako opcji filtrowania, zmień identyfikator kategorii na cudzysłów :

[AWL-BlogFilter default_cat_filter="27"]

(ii) Jeśli używasz tagu jako opcji filtrowania, zmień identyfikator tagu na cudzysłów :

[AWL-BlogFilter default_tag_filter="27"]

11.11 Wybrane kategorie lub tagi dla blogów

Aby zmienić kategorie i identyfikatory tagów bezpośrednio z shortcode, zmień wartość na cudzysłów:

(i) Jeśli używasz kategorii jako opcji filtrowania: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) Jeśli używasz tagu jako opcji filtrowania: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 Wyklucz post

Możesz wykluczyć posty związane z niektórymi kategoriami lub tagami, zmienić wartość na cudzysłów:

(i) Jeśli używasz kategorii jako opcji filtrowania: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) Jeśli używasz tagu jako opcji filtrowania: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]


Więcej informacji
Demo na żywo
Kup Premium