モバイル前編の記事の続きです。
記事リスト内のアクセス数とライター名のon/off
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
記事リストには、アクセス数(view数)と記事作成ライター名(アカウント名)が表示されています。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
アクセス数とライター名を非表示にした例です。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
設定の場所は以下です。
管理画面トップ > 詳細設定
記事の設定
・記事のviewカウント
・記事一覧にアカウント名の表示
アクセントカラーの変更
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
ハンバーガーメニューを開いた中にある、検索窓のアイコンに色が付いています。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
記事リストの一覧表示件数を超えた場合に、次のページへのテキストリンク「次のページ」にも色が付いています。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
ランキングエリアの順位表示の背景にも色が付いています。
これらは「アクセントカラー」で設定した色が表示されます。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
設定の場所は以下です。
管理画面トップ > 基本設定
・アクセントカラー
カラーピッカーが使えますので、HTMLのカラーコードを知らなくても色指定できます。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
ピンクにした例です。
雰囲気がガラッと変わります。
サムネイル画像の角丸処理
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
サムネイル画像を「角丸」にすることができます。
タイル表示や記事リストのサムネイルです。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
サムネイル画像を「角丸」にすることができます。
ランキングの記事リストのサムネイルです。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
設定の場所は以下です。
管理画面トップ > デザイン設定 > 画像角丸設定
フッターエリアの色変更
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
フッターエリアも色変更ができます。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
背景カラーをピンクに、ボーダー(枠線)カラーをブルーにした例です。
![](/blog/assets/loading-white-036a89e74d12e2370818d8c3c529c859a6fee8fc9cdb71ed2771bae412866e0b.png)
設定の場所は以下です。
管理画面トップ > デザイン設定 > モバイルfooterのカラー設定
次の記事は、「記事ページのデザイン設定(モバイル編)」です。