mekumaで設定可能なブロックの一覧です。


検索機能付きバナー

ウェブサイトのトップページに表示する検索機能付きのバナーです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「メインバナー」固定)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
メインキャプション メインキャプションを入力します。
メインキャプションのテキスト色 メインキャプションのテキスト色を指定します。
メインキャプションのフォントサイズ(px) メインキャプションのフォントサイズを入力します。
メインキャプションのテキストを太字にする メインキャプションのテキストを太字にする場合にチェックします。
サブキャプション1 サブキャプション1を入力します。
サブキャプション1のテキスト色 サブキャプション1のテキスト色を指定します。
サブキャプション1のフォントサイズ(px) サブキャプション1のフォントサイズを入力します。
サブキャプション1のテキストを太字にする サブキャプション1のテキストを太字にする場合にチェックします。
サブキャプション2 サブキャプション2を入力します。
サブキャプション2のテキスト色 サブキャプション2のテキスト色を指定します。
サブキャプション2のフォントサイズ(px) サブキャプション2のフォントサイズを入力します。
サブキャプション2のテキストを太字にする サブキャプション2のテキストを太字にする場合にチェックします。
ボタン用テキスト ボタンの内部に表示するテキストを入力します。
ボタン用テキストのフォントサイズ(px) ボタンの内部に表示するテキストのフォントサイズを入力します。
ボタン用テキストを太字にする ボタンの内部に表示するテキストを太字にする場合にチェックします。
ボタンの背景色 ボタンの背景色を指定します。
ボタンのボーダー(外枠)の色 ボタンのボーダー(外枠)を指定します。
ボタン内に表示するテキスト色 ボタン内に表示するテキスト色を指定します。
ボタンの背景色 【ホバー時】 ホバー時のボタンの背景色を指定します。
ボタンのボーダー(外枠)の色 【ホバー時】 ホバー時のボタンのボーダー(外枠)を指定します。
ボタン内に表示するテキスト色 【ホバー時】 ホバー時のボタン内に表示するテキスト色を指定します。
ボタンの角丸のサイズ(px) ボタンの角丸のサイズを入力します。
ボタンクリック時の遷移先URL ボタンをクリックした際の遷移先URLを入力します。
検索ボタンの背景色 検索ボタンの背景色を指定します。
検索ボタンのボーダー(外枠)の色 検索ボタンのボーダー(外枠)を指定します。
検索ボタン内に表示するテキスト色 検索ボタン内に表示するテキスト色を指定します。
検索ボタンの背景色 【ホバー時】 ホバー時の検索ボタンの背景色を指定します。
検索ボタンのボーダー(外枠)の色 【ホバー時】 ホバー時の検索ボタンのボーダー(外枠)を指定します。
検索ボタン内に表示するテキスト色 【ホバー時】 ホバー時の検索ボタン内に表示するテキスト色を指定します。
バナー画像の表示間隔(秒) バナー画像の表示間隔を秒単位で入力します。
表示内容 表示するバナー画像の指定方法です。(「手動」固定)
バナーの割り当てエリア 登録済みバナーの中から、このブロックの背景として使用するものを指定します。(バナーの登録方法は こちら

トップページ用ブロック

主にウェブサイトのトップページに配置するブロックです。

トップページ用ブロックには

  • お知らせブロック
  • ”利用方法”ブロック
  • コンテンツブロック

の3種類があります。


トップページ用ブロック : お知らせブロック

ウェブサイトの最上部に運営者からのお知らせを表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。「お知らせブロック」を選択してください。
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「基本設定」タブ
お知らせブロック用テキスト
テキスト お知らせを入力します。
テキスト色 お知らせのテキスト色を入力します。
フォントサイズ お知らせのフォントサイズを入力します。
フォントの太さ フォントの太さ(標準 / 太め / 極太 / 細め )を指定します。
スマホ用フォントサイズ ウェブサイトをスマートフォンで表示した際のフォントサイズを入力します。
遷移先URL お知らせテキストをクリックした際の遷移先ページのURLをを入力します。
別ウィンドウ・タブで開く お知らせテキストをクリックした際に、遷移先ページを別ウィンドウ・タブで開く場合にチェックします。
お知らせブロック用ボタン
テキスト ボタン内に表示するテキストを入力します。
テキスト色 ボタン内に表示するテキストの色を入力します。
フォントサイズ ボタン内に表示するテキストのフォントサイズを入力します。
フォントの太さ フォントの太さ(標準 / 太め / 極太 / 細め )を指定します。
背景色 ボタンの背景色を指定します。
枠線の色 ボタンの枠線の色を指定します。
テキスト色 【ホバー時】 ホバー時のボタン内に表示するテキストの色を入力します。
背景色 【ホバー時】 ホバー時のボタンの背景色を指定します。
枠線の色 【ホバー時】 ホバー時のボタンの枠線の色を指定します。
遷移先URL ボタンをクリックした際の遷移先ページのURLをを入力します。
別ウィンドウ・タブで開く ボタンをクリックした際に、遷移先ページを別ウィンドウ・タブで開く場合にチェックします。
お知らせブロックの背景
背景色 ブロックの背景色を指定します。

トップページ用ブロック : ”利用方法”ブロック

ウェブサイトの利用方法をステップ形式で説明するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。「“利用方法“ブロック」を選択してください。
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「ステップ1」「ステップ2」「ステップ3」「ステップ4」タブ
アイコン 各ステップに表示するアイコンを指定します。
アイコンの色 各ステップに表示するアイコンの色を指定します。
メインキャプション 各ステップに表示するメインキャプションを入力します。
説明 各ステップに表示する説明文を入力します。
テキスト色 各ステップに表示するテキストの色を指定します。
背景色 各ステップの背景色を指定します。
「基本設定」タブ
背景画像 ブロックの背景画像を指定します。
背景色 ブロックの背景色を指定します。(背景画像が設定されている場合は表示されません)
枠線と矢印アイコンの色 ブロック内に表示する枠線と矢印アイコンの色を指定します。

トップページ用ブロック : コンテンツブロック

背景画像やキャプション、ボタンなどで構成されるオリジナルコンテンツを表示するブロックです。


「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。「コンテンツブロック」を選択してください。
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「基本設定」タブ
メインキャプション
テキスト メインキャプションとして表示するテキストを入力します。
テキスト色 メインキャプションのフォント色を指定します。
フォントサイズ メインキャプションのフォントサイズを指定します。
遷移先URL メインキャプションをクリックした際の遷移先URLを入力します。
別ウィンドウ・タブで開く メインキャプションをクリックした際に、遷移先ページを別ウィンドウ・タブで開く場合にチェックします。
サブキャプション
テキスト サブキャプションとして表示するテキストを入力します。
テキスト色 サブキャプションのフォント色を指定します。
フォントサイズ サブキャプションのフォントサイズを指定します。
ボタン
背景色 ボタンの背景色を指定します。
枠線の色 ボタンの枠線の色を指定します。
テキスト色 ボタン内に表示するテキストの色を指定します。
背景色(ホバー時) ホバー時のボタンの背景色を指定します。
枠線の色(ホバー時) ホバー時のボタンの枠線の色を指定します。
テキスト色(ホバー時) ホバー時のボタン内に表示するテキストの色を指定します。
テキスト ボタン内に表示するテキストを入力します。
フォントサイズ ボタン内に表示するテキストのフォントサイズを入力します。
遷移先URL ボタンをクリックした際の遷移先URLを入力します。
別ウィンドウ・タブで開く ボタンをクリックした際に、遷移先ページを別ウィンドウ・タブで開く場合にチェックします。
背景
背景色 ブロックの背景色を指定します。(背景画像が設定されている場合は表示されません)
背景画像 ブロックの背景画像を指定します。

テンプレート

ウェブサイトのロゴやコピーライト情報など、予め定められた内容を表示するブロックです。

テンプレートブロックには

  • コピーライト情報

の1種類があります。


テンプレート : コピーライト情報

フッターなどにコピーライト情報を表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。「コピーライト情報」を選択してください。
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。

HTMLブロック

ウェブサイトの運営者が登録した任意のHTMLコンテンツを表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「HTMLコンテンツブロック」固定)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
コンテンツ ブロック内に表示するHTMLを入力します。

Smarty対応HTMLブロック

ウェブサイトの運営者が登録した任意のHTMLコンテンツを表示するブロックです。(Smarty対応)

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「Smarty対応HTMLブロック」固定)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
コンテンツ ブロック内に表示するHTMLを入力します。

商品

商品の一覧を表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「グリッド」固定)
一覧のカラム数 横一列に表示する商品数を入力します。(「基本設定」をクリックすると表示されます)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
表示内容 ブロック内に表示する商品の抽出基準をリストから選択します。
  • 手動
  • 最新(登録日時の新しい商品)
  • 人気の商品(ページビューと販売件数を組み合わせて算出した人気度の高い商品)
  • お気に入りリストに登録された数が多い商品
  • レビュー平均点(レビュー平均点の高い商品)
  • レビュー数(レビュー投稿数の多い商品)
表示内容 : 「手動」の設定項目
「商品の追加」ボタン クリックするとブロックに表示する商品を指定できます。
登録済み商品一覧 ブロックに表示する商品の一覧です。各商品にカーソルをあわせると表示される歯車アイコンをクリックすると、ブロックから商品を削除するためのリンクが表示されます。
表示内容 : 「最新」の設定項目
期間 表示対象となる商品の登録日時(すべて / 本日 / 過去○日間)を指定します。
過去○日間 「過去○日以内」に登録された商品を表示する際の日数(「○」部分)を入力します。
上限 ブロックに一度に表示する商品の最大件数を入力します。
カテゴリーでフィルタリング 特定のカテゴリーに属する商品だけをブロックに表示する場合にカテゴリーを指定します。
表示内容 : その他の表示内容の設定項目
上限 ブロックに一度に表示する商品の最大件数を入力します。
カテゴリーでフィルタリング 特定のカテゴリーに属する商品だけをブロックに表示する場合にカテゴリーを指定します。
「ブロック設定」タブ
「さらに表示」ボタンを表示 ブロックの下部に「さらに表示」ボタンを表示する場合にチェックします。
ボタンの背景色 「さらに表示」ボタンの背景色を指定します。
ボタンのボーダー(外枠)の色 「さらに表示」ボタンのボーダー(外枠)の色を指定します。
ボタン内に表示するテキスト色 「さらに表示」ボタンに表示するテキスト色を指定します。
ボタンの背景色 【ホバー時】 ホバー時の「さらに表示」ボタンの背景色を指定します。
ボタンのボーダー(外枠)の色 【ホバー時】 ホバー時の「さらに表示」ボタンのボーダー(外枠)の色を指定します。
ボタン内に表示するテキスト色 【ホバー時】 ホバー時の「さらに表示」ボタンに表示するテキスト色を指定します。

新着情報

最近登録された新着情報を表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「新着情報」固定)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
表示内容 表示対象となる新着情報の内容です。(「最近の記事」固定)
期間 表示対象となる新着情報の登録日時(すべて / 本日 / 過去○日間)を指定します。
過去○日間 「過去○日以内」に登録された新着情報を表示する際の日数(「○」部分)を入力します。
上限 ブロックに一度に表示する新着情報の最大件数を入力します。

トップパネルメニュー

アイコンをクリックするとスライドして表示されるメニューやメニューバーを表示するブロックです。


「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「トップパネルメニュー」固定)
メニュー展開時に
他の箇所の背景を暗くする
メニューアイコンをクリックした際に、メニュー以外の箇所の背景を暗くする場合にチェックします。(「基本設定」をクリックすると表示されます)
メニューのテーマに「ダーク」を適用 メニューの背景色などを暗い色調に変更する場合にチェックします。(「基本設定」をクリックすると表示されます)
メニューの子要素数を表示 メニューの子要素数を表示する場合にチェックします。(「基本設定」をクリックすると表示されます)
第2階層の表示要素数 カテゴリーの第2階層に表示可能なカテゴリーの最大件数を入力します。(「基本設定」をクリックすると表示されます)
第3階層の表示要素数 カテゴリーの第3階層に表示可能なカテゴリーの最大件数を入力します。(「基本設定」をクリックすると表示されます)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。
「コンテンツ」タブ
メニュー 表示するメニューの内容です。(「メインメニュー」固定)
「メニューの管理」リンクをクリックするとメニュー管理ページ に遷移します。
メニューバーに表示するコンテンツ メニューバーのコンテンツを以下から指定できます。
- なし
- カテゴリー
- メインメニュー
「メニューの管理」リンクをクリックするとメニュー管理ページ に遷移します。
「ブロック設定」タブ
メニューアイコンの背景色 メニューアイコンの背景色を指定します。
各メニューにカーソルを
合わせた時の背景色
各メニューにカーソルを合わせた時の背景色を指定します。
各メニューの左側に
表示するアイコンの色
各メニューの左側に表示するアイコンの色を指定します。
メニューアイコンの三本線の色 メニューアイコンの三本線の色を指定します。
トップパネル右側のアイコンの色 トップパネル右側のアイコンの色を指定します。
トップパネル右側のアイコンの色
(ホバー時)
ホバー時のトップパネル右側のアイコンの色を指定します。
「出品者登録」ボタンの背景色 「出品者登録」ボタンの背景色を指定します。
「出品者登録」ボタンの枠線の色 「出品者登録」ボタンの枠線の色を指定します。
「出品者登録」ボタンのテキスト色 「出品者登録」ボタンのテキスト色を指定します。
「出品者登録」ボタンに
 カーソルを合わせた時の背景色
「出品者登録」ボタンにカーソルを合わせた時の背景色を指定します。
「出品者登録」ボタンに
 カーソルを合わせた時の枠線の色
「出品者登録」ボタンにカーソルを合わせた時の枠線の色を指定します。
「出品者登録」ボタンに
 カーソルを合わせた時のテキスト色
「出品者登録」ボタンにカーソルを合わせた時のテキスト色を指定します。
「ログアウト」ボタンの背景色 「ログアウト」ボタンの背景色を指定します。
「ログアウト」ボタンの枠線の色 「ログアウト」ボタンの枠線の色を指定します。
「ログアウト」ボタンのテキスト色 「ログアウト」ボタンのテキスト色を指定します。
「ログアウト」ボタンに
 カーソルを合わせた時の背景色
「ログアウト」ボタンにカーソルを合わせた時の背景色を指定します。
「ログアウト」ボタンに
 カーソルを合わせた時の枠線の色
「ログアウト」ボタンにカーソルを合わせた時の枠線の色を指定します。
「ログアウト」ボタンに
 カーソルを合わせた時のテキスト色
「ログアウト」ボタンにカーソルを合わせた時のテキスト色を指定します。
「ログイン / 会員登録」ボタンの
 背景色
「ログイン / 会員登録」ボタンの背景色を指定します。
「ログイン / 会員登録」ボタンの
 枠線の色
「ログイン / 会員登録」ボタンの枠線の色を指定します。
「ログイン / 会員登録」ボタンの
 テキスト色
「ログイン / 会員登録」ボタンのテキスト色を指定します。
「ログイン / 会員登録」ボタンに
 カーソルを合わせた時の背景色
「ログイン / 会員登録」ボタンにカーソルを合わせた時の背景色を指定します。
「ログイン / 会員登録」ボタンに
 カーソルを合わせた時の枠線の色
「ログイン / 会員登録」ボタンにカーソルを合わせた時の枠線の色を指定します。
「ログイン / 会員登録」ボタンに
 カーソルを合わせた時のテキスト色
「ログイン / 会員登録」ボタンにカーソルを合わせた時のテキスト色を指定します。
「出品する」ボタンの背景色 「出品する」ボタンの背景色を指定します。
「出品する」ボタンの枠線の色 「出品する」ボタンの枠線の色を指定します。
「出品する」ボタンのテキスト色 「出品する」ボタンのテキスト色を指定します。
「出品する」ボタンに
 カーソルを合わせた時の背景色
「出品する」ボタンにカーソルを合わせた時の背景色を指定します。
「出品する」ボタンに
 カーソルを合わせた時の枠線の色
「出品する」ボタンにカーソルを合わせた時の枠線の色を指定します。
「出品する」ボタンに
 カーソルを合わせた時のテキスト色
「出品する」ボタンにカーソルを合わせた時のテキスト色を指定します。

パン屑リスト

ナビゲーション用のパン屑リストを表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
テンプレート ブロックの表示に使用されるテンプレートです。(「パン屑リスト」固定)
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。

メイン

各ページのメインコンテンツを表示するブロックです。

「基本情報」タブ
名前 ブロックの名称を入力します。
ユーザー定義CSSクラス ブロックに割り当てるCSSクラス名を入力します。

お役に立ちましたか?

はい いいえ
お役に立ちましたか
理由をお聞かせください
フィードバックありがとうございました