ブログフィルタープラグインのショートコードを構成する

ブログ投稿をサイトで簡単に分類するために使用されるブログフィルタープラグイン。 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ブログ画像を表示する

ブログ画像の表示または非表示にyesまたはnoを設定できます。

（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種類のハバー効果を選択できます。

（i）画像に最初のホバー効果を設定するには： [AWL-BlogFilter blog_image_hover_effect="hover1"]

（ii）画像に2番目のホバー効果を設定するには： [AWL-BlogFilter blog_image_hover_effect="hover2"]

（iii）画像に3番目のホバー効果を設定するには： [AWL-BlogFilter blog_image_hover_effect="hover3"]

（iv）画像に4番目のホバー効果を設定するには： [AWL-BlogFilter blog_image_hover_effect="hover4"]

（v）画像に5番目のホバー効果を設定するには： [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投稿者を表示

投稿者の表示または非表示にyesまたはnoを設定できます。

（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投稿タグを表示

投稿タグの表示または非表示にyesまたはnoを設定できます。

（i）投稿タグを表示するには： [AWL-BlogFilter blog_tags="yes"]

（ii）投稿タグを非表示にするには： [AWL-BlogFilter blog_tags="no"]

7.1ページネーション

ページネーションの表示または非表示にyesまたはnoを設定できます。

（i）ページネーションを表示するには： [AWL-BlogFilter blog_pagination="yes"]

（ii）ページネーションを非表示にするには： [AWL-BlogFilter blog_pagination="no"]

7.2ページネーションカラー

ブログのページネーションの色を変更できます。

（i）ページネーションの色を変更するには、カラーコードを逆コンマに貼り付けます。

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

カラーコードを取得するには、ここをクリックしてください

7.3ページごとのブログ

すべてのブログを1ページに表示する場合は、ページごとのブログ制限を変更してから、値にゼロ（0）を設定し、ページネーションに「no」を設定できます。

（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フィルターを表示

フィルタの表示または非表示にyesまたはnoを設定できます。

（i）フィルターを表示するには： [AWL-BlogFilter blog_filters="yes"]

（ii）フィルターを非表示にするには： [AWL-BlogFilter blog_filters="no"]

11.2フィルター「すべて」を表示

フィルタ「すべて」の表示または非表示に「はい」または「いいえ」を設定できます。

（i）フィルター「All」を表示するには： [AWL-BlogFilter blog_filter_all="yes"]

（ii）フィルター「All」を非表示にするには： [AWL-BlogFilter blog_filter_all="no"]

11.3「すべて」ボタンのテキスト

「すべて」ボタンのテキストを変更できます。

（i）「すべて」ボタンのテキストを変更するには、値を逆コンマに変更します。

[AWL-BlogFilter blog_all_text="All"]

11.4同時にマルチフィルター

マルチフィルター機能には、yesまたはnoを設定できます。

（i）マルチフィルター機能をオンにする： [AWL-BlogFilter blog_multi_filter="yes"]

（ii）マルチフィルター機能をオフにするには： [AWL-BlogFilter blog_multi_filter="no"]

11.5マルチフィルターの「And」ロジック

マルチフィルター関数のAndロジックにはyesまたはnoを使用できます。

（i）マルチフィルターの「And」ロジックをオンにする： [AWL-BlogFilter blog_multi_filter_logic="yes"]

（ii）マルチフィルターの「And」ロジックをオフにするには： [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6検索フィールドの表示

検索フィールドの表示または非表示にyesまたはnoを設定できます。

（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"]