Skonfiguruj krótki kod wtyczki filtrowania blogów
Opublikowany: 2018-08-20Wtyczka 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"]
Demo na żywo
Kup Premium