블로그 필터 플러그인 단축 코드 구성

사이트에서 블로그 게시물을 쉽게 분류하는 데 사용되는 블로그 필터 플러그인입니다. WordPress 사이트에 블로그 필터 플러그인 단축 코드 추가 및 구성은 아래 개발자가 설명합니다. 사용 가능한 설정을 사용하여 단축 코드를 관리하므로 단축 코드를 한 번 새로 생성할 필요가 없습니다.

이것은 기본 단축 코드입니다.

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

숏코드를 생성할 필요가 없으며 페이지에서 직접 블로그 필터 숏코드 편집/업데이트를 반복해서 편집할 수 있습니다.

모든 키에 모든 설정에 대한 값이 있다는 것을 알 수 있습니다. 짧은 코드를 재생성하지 않고 편집하는 방법을 보여주고 있습니다.

1. 블로그 템플릿 및 열 설정

1.1 템플릿 방향 오른쪽에서 왼쪽

템플릿 방향을 오른쪽에서 왼쪽으로 변경하여 "예" 또는 "아니오"를 설정할 수 있습니다.

(i) 오른쪽에서 왼쪽으로 : [AWL-BlogFilter blog_direction="rtl"]

(ii) 왼쪽에서 오른쪽으로 : [AWL-BlogFilter blog_direction="ltr"]

1.2 블로그 템플릿

이 설정에 대해 3가지 템플릿 디자인을 선택할 수 있습니다.

(i) 템플릿 1을 선택하려면 : [AWL-BlogFilter blog_template="template1"]

(ii) 템플릿 2를 선택하려면 : [AWL-BlogFilter blog_template="template2"]

(iii) 템플릿 2를 선택하려면 : [AWL-BlogFilter blog_template="template3"]

1.3 대형 데스크탑의 블로그 열

큰 데스크탑의 열을 변경할 수 있습니다.

(i) 1개의 열을 선택하려면 : [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) 2개의 열을 선택하려면: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) 3개의 열을 선택하려면: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) 4개의 열을 선택하려면 : [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) 6개의 열을 선택하려면 : [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) 12개의 열을 선택하려면 : [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 데스크탑의 블로그 열

데스크탑의 열을 변경할 수 있습니다.

(i) 1 열을 선택하려면 : [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) 2개의 열을 선택하려면: [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) 3개의 열을 선택하려면: [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) 4개의 열을 선택하려면 : [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) 6개의 열을 선택하려면 : [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) 12개의 열을 선택하려면 : [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 태블릿의 블로그 열

태블릿 장치의 열을 변경할 수 있습니다.

(i) 1개의 열을 선택하려면 : [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) 2개의 열을 선택하려면 : [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) 3개의 열을 선택하려면 : [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) 4개의 열을 선택하려면 : [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) 6개의 열을 선택하려면 : [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 휴대폰의 블로그 칼럼

전화기의 열을 변경할 수 있습니다.

(i) 1개의 열을 선택하려면 : [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) 2개의 열을 선택하려면: [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) 3개의 열을 선택하려면: [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) 4개의 열을 선택하려면 : [AWL-BlogFilter blog_col_phones="col-xs-3"]

2. 블로그 이미지 설정

2.1 블로그 이미지 표시

블로그 이미지를 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 이미지 표시: [AWL-BlogFilter blog_image="yes"]

(ii) 이미지 숨기기 : [AWL-BlogFilter blog_image="no"]

2.2 이미지에 링크

블로그 이미지에 블로그 링크 추가 또는 제거에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 이미지에 링크를 추가하려면 : [AWL-BlogFilter blog_image_link="yes"]

(ii) 이미지에서 링크 제거: [AWL-BlogFilter blog_image_link="no"]

2.3 이미지의 라이트박스

블로그 이미지에 라이트박스 추가 또는 제거에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 이미지에 라이트박스를 추가하려면: [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) 이미지에서 라이트박스를 제거하려면: [AWL-BlogFilter blog_image_lightbox="no"]

2.4 이미지 호버 효과

블로그 이미지는 5가지 종류의 Haver 효과를 선택할 수 있습니다.

(i) 이미지에 첫 번째 호버 효과를 설정하려면 : [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) 이미지에 두 번째 호버 효과를 설정하려면 [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) 이미지에 세 번째 호버 효과를 설정하려면 [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) 이미지에 네 번째 호버 효과를 설정하려면 : [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) 이미지에 다섯 번째 호버 효과를 설정하려면 : [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) 호버 효과를 원하지 않는 경우 : [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 이미지 품질

블로그 이미지는 4가지 화질 옵션 중에서 선택할 수 있습니다.

(i) 블로그 이미지의 150×150픽셀 크기를 설정하려면 [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) 블로그 이미지의 300×169 픽셀 크기를 설정하려면 : [AWL-BlogFilter blog_image_quality="medium"]

(iii) 블로그 이미지의 840×473 픽셀 크기를 설정하려면 : [AWL-BlogFilter blog_image_quality="large"]

(iv) 블로그 이미지의 전체 크기를 설정하려면 [AWL-BlogFilter blog_image_quality="full"]

3. 블로그 제목 설정

3.1 블로그 제목 표시

블로그 제목 표시 또는 숨기기에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 제목 표시: [AWL-BlogFilter blog_title="yes"]

(ii) 제목 숨기기 : [AWL-BlogFilter blog_title="no"]

3.2 블로그 제목 타격 이미지

이미지 아래에 제목 표시 또는 이미지 위에 제목 표시에 대해 예 또는 아니오를 선택할 수 있습니다.

(i) 이미지 아래에 제목으로 : [AWL-BlogFilter blog_title_below_image="yes"]

(ii) 이미지 상단에 제목: [AWL-BlogFilter blog_title_below_image="no"]

3.3 제목에 링크

블로그 제목에 블로그 링크를 추가하거나 제거하려면 예 또는 아니오를 선택할 수 있습니다.

(i) 제목에 링크를 추가하려면: [AWL-BlogFilter blog_title_link="yes"]

(ii) 제목에 대한 링크를 제거하려면: [AWL-BlogFilter blog_title_link="no"]

3.4 제목 텍스트 색상

블로그 제목 텍스트 색상을 변경할 수 있습니다.

(i) 제목 색상 붙여넣기 색상을 반전된 쉼표로 변경하려면 [AWL-BlogFilter blog_title_color="#000"]

색상 코드를 얻으려면 여기를 클릭하십시오

3.5 제목 글꼴 크기

블로그 제목 텍스트 크기를 변경할 수 있습니다.

(i) 제목 텍스트 크기 변경 값을 역 쉼표로 변경하려면: [AWL-BlogFilter blog_title_font_size="25"]

4. 블로그 설명 설정

4.1 블로그 설명 표시

블로그 설명을 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 설명 표시: [AWL-BlogFilter blog_desc="yes"]

(ii) 설명을 숨기려면: [AWL-BlogFilter blog_desc="no"]

4.2 설명 텍스트 색상

블로그 설명 텍스트 색상을 변경할 수 있습니다.

(i) 설명 색상을 변경하려면 색상 코드를 역 쉼표에 붙여넣습니다.

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

색상 코드를 얻으려면 여기를 클릭하십시오

4.3 설명 상자 색상

블로그 설명 상자 색상을 변경할 수 있습니다.

(i) 설명 상자 색상을 변경하려면 색상 코드를 역 쉼표에 붙여넣습니다.

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

색상 코드를 얻으려면 여기를 클릭하십시오

4.4 설명 글꼴 크기

블로그 설명 텍스트 크기를 변경할 수 있습니다.

(i) 설명 텍스트 크기를 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 설명에 표시되는 문자 수

더 읽기 또는 발췌를 설정한 경우 블로그 설명 단어 제한 크기를 변경할 수 있습니다. 그러면 블로그 설명에서 더 많은 단어를 얻을 수 없습니다.

(i) 설명 문자 제한을 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_desc_characters="100"]

5. 링크(URL) 설정

5.1 더 읽기 링크 표시

더 보기 링크를 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 더 읽기 링크 표시: [AWL-BlogFilter blog_read_more="yes"]

(ii) 더 읽기 링크 숨기기: [AWL-BlogFilter blog_read_more="no"]

5.2 새 탭에서 링크 열기

새 탭 또는 동일한 탭에서 리디렉션 링크에 대한 값을 설정할 수 있습니다.

(i) 새 탭에서 링크 설정: [AWL-BlogFilter blog_title="_blank"]

(ii) 동일한 탭에서 링크를 설정하려면 비워두거나 NULL로 둘 수 있습니다. [AWL-BlogFilter blog_title=""]

5.3 "자세히 보기" 링크에 대한 텍스트

"더 읽기"의 텍스트를 변경합니다.

(i) 역 쉼표의 wright 값을 변경하려면: [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 게시 날짜 표시

게시 날짜를 표시하거나 숨길 경우 예 또는 아니오를 설정할 수 있습니다.

(i) 게시 날짜 표시: [AWL-BlogFilter blog_date="yes"]

(ii) 게시 날짜를 숨기려면 [AWL-BlogFilter blog_date="no"]

6.2 이미지 아래에 날짜 표시

이미지 아래 또는 이미지 위쪽에 게시 날짜 표시를 예 또는 아니오로 설정할 수 있습니다.

(i) 이미지 아래에 날짜 표시: [AWL-BlogFilter blog_date_below_image="yes"]

(ii) 이미지 상단에 날짜 표시: [AWL-BlogFilter blog_date_below_image="no"]

6.3 게시물 작성자 표시

게시물 작성자를 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 게시물 작성자 표시: [AWL-BlogFilter blog_author="yes"]

(ii) 게시물 작성자를 숨기려면: [AWL-BlogFilter blog_author="no"]

6.4 이미지 아래에 날짜 표시

이미지 아래 또는 이미지 위쪽에 게시 날짜 표시를 예 또는 아니오로 설정할 수 있습니다.

(i) 이미지 아래에 작성자를 표시하려면 [AWL-BlogFilter blog_author_below_image="yes"]

(ii) 이미지 상단에 작성자를 표시하려면 [AWL-BlogFilter blog_author_below_image="no"]

6.5 게시물 카테고리 표시

게시물 카테고리를 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 게시물 카테고리 표시: [AWL-BlogFilter blog_categories="yes"]

(ii) 게시물 카테고리를 숨기려면: [AWL-BlogFilter blog_categories="no"]

6.6 게시물 태그 표시

게시물 태그를 표시하거나 숨기려면 예 또는 아니오를 설정할 수 있습니다.

(i) 게시물 태그 표시: [AWL-BlogFilter blog_tags="yes"]

(ii) 게시물 태그를 숨기려면: [AWL-BlogFilter blog_tags="no"]

7.1 페이지 매김

페이지 매김 표시 또는 숨기기에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 페이지 매김 표시: [AWL-BlogFilter blog_pagination="yes"]

(ii) 페이지 매김 숨기기 : [AWL-BlogFilter blog_pagination="no"]

7.2 페이지 매김 색상

블로그 페이지 매김 색상을 변경할 수 있습니다.

(i) 페이지 매김 색상을 변경하려면 색상 코드를 역 쉼표에 붙여넣습니다.

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

색상 코드를 얻으려면 여기를 클릭하십시오

7.3 페이지당 블로그

단일 페이지에 모든 블로그를 표시하려는 경우 페이지당 블로그 제한을 변경한 다음 값에 0을 설정하고 페이지 매김에서 '아니오'를 설정할 수 있습니다.

(i) 페이지당 블로그 제한을 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_per_page="25"]

썸네일 호버 효과를 활성화하거나 비활성화할 수 있습니다.

(i) 호버 효과 활성화: [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) 호버 효과를 비활성화하려면: [AWL-BlogFilter blog_thumb_hover="no"]

10.2 썸네일 간격

(i) 축소판 간격을 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 필터 표시

필터 표시 또는 숨기기에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 필터를 표시하려면: [AWL-BlogFilter blog_filters="yes"]

(ii) 필터를 숨기려면: [AWL-BlogFilter blog_filters="no"]

11.2 필터 "모두" 표시

필터 "전체" 표시 또는 숨기기에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) "모두" 필터를 표시하려면: [AWL-BlogFilter blog_filter_all="yes"]

(ii) "모두" 필터를 숨기려면: [AWL-BlogFilter blog_filter_all="no"]

11.3 "전체" 버튼의 텍스트

"전체" 버튼의 텍스트를 변경할 수 있습니다.

(i) "전체" 버튼의 텍스트를 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_all_text="All"]

11.4 동시 다중 필터

다중 필터 기능에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 다중 필터 기능 켜기: [AWL-BlogFilter blog_multi_filter="yes"]

(ii) 다중 필터 기능 끄기: [AWL-BlogFilter blog_multi_filter="no"]

11.5 다중 필터에 대한 "및" 논리

다중 필터 기능에서 And 논리에 yes 또는 no를 사용할 수 있습니다.

(i) 다중 필터 "And" 논리 켜기: [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) 다중 필터 "And" 논리 끄기: [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 검색 필드 표시

검색 필드 표시 또는 숨기기에 대해 예 또는 아니오를 설정할 수 있습니다.

(i) 검색 필드를 표시하려면: [AWL-BlogFilter blog_search="yes"]

(ii) 검색 필드를 숨기려면: [AWL-BlogFilter blog_search="no"]

11.7 검색 필드용 텍스트

검색 필드의 텍스트를 변경할 수 있습니다.

(i) 검색 필드의 텍스트를 변경하려면 값을 역 쉼표로 변경합니다.

[AWL-BlogFilter blog_search_text="Search"]

11.8 버튼 색상

블로그 버튼 색상을 변경할 수 있습니다.

(i) 버튼 색상을 변경하려면 색상 코드를 역 쉼표에 붙여넣습니다.

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

색상 코드를 얻으려면 여기를 클릭하십시오

11.9 필터링

필터링 옵션을 변경할 수 있습니다.

(i) 블로그 카테고리를 필터로 설정하려면: [AWL-BlogFilter blog_filtering="blog_category"]

(ii) 블로그 태그를 필터로 설정하려면: [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 기본 필터

페이지 로드 시 기본 선택 필터에 대해 모든 필터를 설정할 수 있습니다.

(i) 카테고리를 필터링 옵션으로 사용하는 경우 카테고리 ID를 역 쉼표로 변경하십시오.

[AWL-BlogFilter default_cat_filter="27"]

(ii) 태그를 필터링 옵션으로 사용하는 경우 태그 ID를 역 쉼표로 변경합니다.

[AWL-BlogFilter default_tag_filter="27"]

11.11 블로그용으로 선택된 카테고리 또는 태그

단축 코드에서 직접 카테고리 및 태그 ID를 변경하려면 값을 역 쉼표로 변경하십시오.

(i) 카테고리를 필터링 옵션으로 사용하는 경우: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) 태그를 필터링 옵션으로 사용하는 경우: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 게시물 제외

일부 카테고리 또는 태그와 관련된 게시물을 제외하고 값을 역 쉼표로 변경할 수 있습니다.

(i) 카테고리를 필터링 옵션으로 사용하는 경우: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) 태그를 필터링 옵션으로 사용하는 경우: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]