CREAMサポートブログ | はじめてのメディアサイト運用に

トップページのデザイン変更の方法を教えてください(モバイル後編)

トップページのデザイン変更の方法を教えてください(モバイル後編)

メディアサイト構築CMSのCREAMでは、手軽にトップページの見た目が変更できます。それぞれ設定場所をご案内します。前の記事の続き、モバイル表示の後編です。


モバイル前編の記事の続きです。

記事リスト内のアクセス数とライター名のon/off

記事リストには、アクセス数(view数)と記事作成ライター名(アカウント名)が表示されています。

アクセス数とライター名を非表示にした例です。

設定の場所は以下です。
管理画面トップ > 詳細設定

記事の設定
・記事のviewカウント
・記事一覧にアカウント名の表示

アクセントカラーの変更

ハンバーガーメニューを開いた中にある、検索窓のアイコンに色が付いています。

記事リストの一覧表示件数を超えた場合に、次のページへのテキストリンク「次のページ」にも色が付いています。

ランキングエリアの順位表示の背景にも色が付いています。

これらは「アクセントカラー」で設定した色が表示されます。

設定の場所は以下です。
管理画面トップ > 基本設定
・アクセントカラー

カラーピッカーが使えますので、HTMLのカラーコードを知らなくても色指定できます。

ピンクにした例です。

雰囲気がガラッと変わります。

サムネイル画像の角丸処理

サムネイル画像を「角丸」にすることができます。

タイル表示や記事リストのサムネイルです。

サムネイル画像を「角丸」にすることができます。

ランキングの記事リストのサムネイルです。

設定の場所は以下です。
管理画面トップ > デザイン設定 > 画像角丸設定

フッターエリアの色変更

フッターエリアも色変更ができます。

背景カラーをピンクに、ボーダー(枠線)カラーをブルーにした例です。

設定の場所は以下です。
管理画面トップ > デザイン設定 > モバイルfooterのカラー設定

次の記事は、「記事ページのデザイン設定(モバイル編)」です。

CREAMに関するお問い合わせはこちら

お問い合わせ・資料請求は下記のフォームからお気軽にお申し付けください。

CREAMお問い合わせフォームへ
不用品回収 タスクル

関連するキーワード


デザイン設定

関連する投稿


CREAM管理『デザイン設定』について

CREAM管理『デザイン設定』について

『デザイン設定』では主にサイトのHOME画面の見た目を調整します。


広告にもデザインにも活用!「ウィジェット」の使い方

広告にもデザインにも活用!「ウィジェット」の使い方

バナー画像や広告タグを配置するための機能のひとつ、『ウィジェット』を紹介します。トップページやカテゴリー記事一覧トップなどに表示されるエリアを管理できます。コンバージョン促進など、自由なアイデアで活用していただきたい機能です。


記事ページのデザイン変更の方法を教えてください(モバイル編)

記事ページのデザイン変更の方法を教えてください(モバイル編)

メディアサイト構築CMSのCREAMでは、設定変更により見た目を変更できるところもあるのですが、モバイル表示(スマートフォン表示)の記事ページについてはごくわずかです。では見た目を変更するにはどうしたら良いでしょうか。


トップページのデザイン変更の方法を教えてください(モバイル前編)

トップページのデザイン変更の方法を教えてください(モバイル前編)

メディアサイト構築CMSのCREAMでは、手軽にトップページの見た目が変更できます。それぞれ設定場所をご案内します。まずはモバイル表示の前編です。


最新の投稿


メディア運営をサポートするおすすめサービス

メディア運営をサポートするおすすめサービス

メディア運営の運用サポートやお悩みの解決におすすめのサービスサイトをご紹介いたします。


CREAMアップデートのお知らせ

CREAMアップデートのお知らせ

CREAM標準パッケージを対象とした、2023年3月のアップデート内容の詳細についてお知らせします。


ウェブページを軽量化!WebP画像対応

ウェブページを軽量化!WebP画像対応

WebP(ウェッピー)とは、Googleが開発した次世代画像フォーマットです。ウェブ上で使われるPNGやJPGよりも軽量なため、ウェブサイトの表示速度を向上させることができます。CREAMにも導入可能です。


Googleアナリティクス(GA4)をCREAMに設定する

Googleアナリティクス(GA4)をCREAMに設定する

Googleアナリティクスは、メディアの運営上、必須ともいえるアクセス解析ツールです。CREAMの管理画面からGoogleアナリティクスのタグを設置して、アクセス解析を始めましょう。


Googleアナリティクス(GA4)に切り替える

Googleアナリティクス(GA4)に切り替える

Googleアナリティクスは、2023年7月1日に「ユニバ―サルアナリティクス(UA)」から「Googleアナリティクス4(GA4)」に変わります。UAを利用している場合は、GA4への切り替えが必要です。CREAMでUAを利用している方向けに、GA4への切り替え方法をご案内します。


不用品回収 タスクル

ページTOPへ