LULLABYの機能
2019年05月07日 2019年05月07日
1. レスポンシブ対応
画面サイズに合わせてモバイル用、パソコン用のレイアウトを切り替えます。
2. カラーカスタマイザー
以下の色をカスタマイズ可能です。
- テーマ外背景色
- ヘッダーテキスト色
- ヘッダー背景色
- フッター背景色
- フッター見出し色
- フッターテキスト色
- Primary Color.(メインカラー)
- Mouse hover effect of Primary Color.(メインカラー上でマウスオーバーエフェクトする場合の色)
- On Primary Text.(メインカラー上のテキスト色)
- Secondary Color.(アクセントカラー)
- Mouse hover effect of Secondary Color.(アクセントカラー上でマウスオーバーエフェクトする場合の色)
- On Secondary Text.(アクセント上のテキスト色)
- Link Color.
- Link Hover Color.
アクセントカラーはページトップへ戻るボタンで使用します。
3. オリジナルウィジェット
以下のオリジナルウィジェットを用意しています。
プロフィール
ユーザーのプロフィールを表示します。
以下のSNSへのリンクボタンを追加できます。
- YouTube
切り替えテキスト
PCまたはモバイル時のみ表示する内容を記載できます。
記事用 SNS ボタン
記事拡散用のSNSボタンを設置します。
以下のボタンが利用可能です。
- Facebook – いいね・シェア
- LINEで送る(モバイル時のみ有効)
- はてなブックマーク
また、上記以外のボタンもテキストボックスに入力することで設置できます。
4. ウィジェット格納エリア
サイドバー以外に以下のウィジェット格納エリアを用意しました。
記事上
記事タイトル、投稿日・更新日の下に配置します。
記事下
いわゆるCTA領域。PC・モバイルで別々に設定できます。
フッター
水平方向にウィジェットを並べる形式と、垂直方向にウィジェットを並べる方式を用意しました。
両方を設定した場合は、水平方向の後に垂直方法が並びます。
5. 広告設定
カスタマイズ画面で本文中の広告コードを指定できます。
設定するとリード文の後の<h2>タグ直前に広告コードを配置します。
6. OGP＆Twitter Card
OGPとTwitterカードの出力に対応しています。
