[管理画面]ブログタグの作成・設置

タグを適切に設定することで、読者は興味のある記事を簡単に見つけられるようになります。このガイドでは、タグの作成から設置までの手順を分かりやすく解説します。

LEEEP2025-12-05

ブログ機能のご利用は、ソーシャル機能のご契約が前提条件となります。

管理画面の左メニューにある「投稿引用」から「タグ」をクリックします。

次に、「新規登録をする」をクリックし、表示したいコンテンツタグの形式を選択してください。

利用できるタグの形式は、以下の3つのタイプがあります:

ブログリスト

  • グリッド形式でブログ記事を一覧表示

  • 各記事にハッシュタグが表示される

ブログ検索ページ

  • 検索フィルター付きのブログ一覧

  • 左側に検索パネル、右側にブログリストが表示

ブログ詳細ページ

  • 単一のブログ記事を詳細表示

  • 記事内容と共にハッシュタグが表示される

タグ画面のサンプルです。赤枠で囲まれた「新規作成」ボタンからタグを作成できます。

タグの表示形式を選択する画面のサンプルです。 形式を1つ選択し、「タグを新規作成する」をクリックしてください。


タグ名は自由に決めていただけます。運用する上でわかりやすい名前をつけてください。

公開ステータスは「公開」 「テスト」 「非公開」の3種類から選択できます。

  • 公開:タグがすべての訪問者に表示されます。

  • テスト:URLにクエリパラメータ leeep_test=on を追加した場合のみタグが表示されます。本番サイトで動作を確認したいが、まだ一般のお客様には見せたくない場合にご利用ください。

  • 非公開:タグは表示されません。※プレビュー機能利用不可

「何を掲載するか」の設定です。ブログ一覧ページで「公開中」になっているコンテンツから、以下の条件で表示します。

項目名

表示条件

説明

ブランド

指定なし

マクロで指定

特定のブランドが紐づいたコンテンツのみ表示をする場合にご設定ください。

直接指定

カンマ区切りでブランドコードを直接指定できます。

店舗

指定なし

マクロで指定

特定の店舗が紐づいた投稿のみを表示したい場合にご設定ください。

直接指定

カンマ区切りで店舗コードを直接指定できます。

投稿者

指定なし

マクロで指定

特定の投稿者(ユーザー)が紐づいた投稿のみを表示したい場合にご設定ください。

直接指定

カンマ区切りでユーザーコードを直接指定できます。

商品

指定なし

マクロで指定

特定の商品が紐づいた投稿のみ表示したい場合にご設定ください。

ハッシュタグ

指定したいハッシュタグを追加してください。1つのタグに対して、複数のハッシュタグを指定することも可能です。

※複数のハッシュタグを指定した場合、OR条件が適用されます。

「どのように掲載するか」の設定です。コンテンツの見た目と動きをカスタマイズします。

余白 (px)

タグの上下左右の余白をそれぞれ調整します。

最大の横幅 (px)

タグの横幅のサイズを調整します。

タグの表示形式で「ブログ検索ページ」 「ブログ詳細ページ」を選択した場合に設定可能です。

表示する項目

ドラッグ&ドロップして表示する項目を選択できます。また、フィルタの設定(ラジオボタンかチェックボックス)も可能です。

候補

アクセントカラー

CSSのcolor値を入力してください。

選択しているタグの表示形式によって設定項目が異なります。

項目名

表示

説明

列数(PC)

列数は1~6まで指定できます。

PC表示の際にコンテンツを何列並べるかを指定します。

横スクロールを指定している場合はファーストビューでの表示数を表します。

表示数(PC)

表示数は1~100まで指定できます。

PC表示の際にコンテンツを何枚並べるかを指定します。

列数(スマホ)

列数は1~4まで指定できます。

スマホ表示の際にコンテンツを何列並べるかを指定します。

横スクロールを指定している場合はファーストビューでの表示数を表します。

表示数(スマホ)

表示数は1~100まで指定できます。

スマホ表示の際にコンテンツを何枚並べるかを指定します。

リンク

新しいタブで開く

投稿者情報へのリンクを新しいタブで開くことができます。

同じタブで開く

投稿者情報へのリンクを同じタブで開くことができます。

クレジット表記(オプション)

あり

タグの右下に「Powered by LEEEP」のロゴが表示がされます。

なし

タグの右下にある「Powered by LEEEP」のロゴを非表示にします。

ロゴ非表示にあたっては、オプションのお申し込みが必要です。

この設定は、コンテンツ上部にタイトルを表示したい場合などに利用してください。

※コンテンツが0件の場合は、自動で非表示になります。

タグの見た目をCSSで詳細にカスタマイズできます。詳しくはこちらのページをご参照ください。

タグの見た目をJavaScriptで詳細にカスタマイズできます。


作成したタグをプレビューで確認することができます。

タグ画面の下部にある、「プレビュー」を押下すると別タブで開きます。

スマホ・PCそれぞれのプレビューを確認できます。


コンテンツ表示タグの設置については、カートシステムによって設置方法が異なるため、利用中のシステムに応じた指示が記載されたページをご参照ください。