こんにちは。
mone（@mone_creator）です。
という問い合わせをいただいたので、JINで作ったブログ『monecre』の具体的な設定の紹介をします!!
この記事はこんな人にオススメ
- 有料テーマ『JIN』を使っている人
- 見え方が気になる人
- 『monecre』を好きだと言ってくれる人
私のブログデザイン
まずは『monecre』の全体像です。
かなり画面を占拠しますが見てみてください。
１年たってこの形に落ち着いています。
『monecre』の形
- スライダーがある（JINの機能ではピックアップコンテンツ）
- １カラム（トップページにサイドバーがない形）
- フッターは３カラム
- フッターに紹介したいバナーをPICK UPでのせる
前提条件に、私はHTMLやCSSの知識がないので、安心してください!!
JINを導入している人であれば、簡単にこの形になります。
ブログデザインの細かな設定
『JIN』の嬉しいところはボタン１つで設定ができるところ。
私が主にイジったのは、ダッシュボードの『外観→カスタマイズ』から設定ができる『サイトデザイン設定』と『トップページ設定』です。
JIN制作者の皆さん。
本当にありがとうございます。
それでは早速私の設定を紹介していきます。
サイトデザイン設定
サイトデザイン設定では、サイト全体の見え方を中心にカスタマイズできます。
私の設定をまとめました。
サイトデザイン設定
- ヘッダーデザインの選択
- グローバルメニューのデザイン選択
トップページ設定
トップページ設定では、トップページの見え方を中心にカスタマイズできます。
トップページ設定
- ピックアップコンテンツのタイプ選択メニュータイプ
- トップページの記事一覧に表示させるカテゴリーID
※ピックアップコンテンツは別途メニュー設定が必要です!!
設定方法は、JIN公式のピックアップコンテンツの作り方を読んでみてください。
フッターの設定
フッターの設定は『外観→ウィジェット』で行います。
フッター左は、自分でバナーを作り画像それぞれにURLをリンクさせています。
フッター中央は『カテゴリー』と『タグクラウド』を。
フッター右は『Twitterのタイムライン』と『検索』を入れています。
ウィジェットの設定
JINでは『ピックアップ記事』としてデフォルトでスライダーが設定できます。
私がこのピックアップを使わずにスライダーのプラグインを使って追加したかというと、デザインで個性を出したかったからです。
なので、完全なるこだわりなので、デザインよくわからない!!という人は『ピックアップ記事』を利用してください。
『トップページ上部』の設定はウィジェットで行えます。
私のスライダーは『Smart Slider 3』というプラグインを使っています。
プラグインを用いてスライダーを作り、ショートコードを挿入しています。
そして、その下の丸いアイコンのようなものは、自分で画像を作り３カラムを使用して配置しているだけです。
さいごに
形の設定はこれでできます!!
HTMLやCSSは一切使っていません。
気になっていた方はぜひ試してみてください。
– fin –
LINE@では
耳寄り情報や友達限定のお得情報も発信していきます
