【CMS新機能】ブログ・お知らせ機能が公開!一覧画面を綺麗に表示するコツをご紹介

※本記事に関しては、e-shopsカートSのサポート窓口にお問い合わせいただきましてもご対応出来ませんので、予めご了承のうえ、ショップ様の自己責任のもとご利用ください。

みなさまこんにちは、ワニミです。

e-shopsカートSでは、CMSサイトをより充実させていただけるよう、
5月26日に「ブログ機能」および「お知らせ機能」をリリースいたしました!
本機能は、ショップ様の情報や商品の魅力をより深くお伝えできる、大変おすすめの機能です♪
 → ブログ・お知らせ機能の詳細はこちらをご覧ください。

実際のサイト表示イメージは、こちらのデモサイトからご確認いただけます ↓ ↓
甘味屋デモサイト:https://www.newkanmi-ya.com/

用途に合わせて選べる2つの機能

これまで「フリーページ」と「コンテンツ(リンク集や3点ボックスなど)」を組み合わせて作っていたページも、新機能を使うことでより簡単に、そして「プロっぽく」仕上げることができます。

お知らせ機能:

SALE情報や新着ニュースの告知に最適です。
カテゴリ分けや一覧作成が自動で行われるため、運用の手間が大幅に削減されます。

ブログ機能:

ショップの日常を投稿したり、商品のこだわりやレシピを紹介したりするのにぴったりです。
日々のお役立ち情報を積み重ねることで、ショップのファンづくりに繋がります。

ブログ一覧・お知らせ一覧画面を綺麗に整えるコツ

各記事に設定した画像は、一覧画面でサムネイルとして表示することができます。
(※設定により非表示にすることも可能です。)

サムネイルを表示する場合、すべての記事の「画像比率(縦横のバランス)」を統一することで、一覧画面のレイアウトを綺麗に保つことが可能です。

画像の比率はお好みに合わせて選択いただけますが、システム上で画像未設定の記事には「3:2」比率のNo Image画像が表示されるようになっています。

そのため、「正方形(1:1)」や「縦長(2:3など)」の画像を中心に運用したい場合、画像がない記事(3:2)が混ざると、一覧の高さが揃わずレイアウトが崩れて見えてしまうことがあります。

「標準の 3:2 以外の比率で統一したい」という場合は、その比率のNo Image画像をご用意いただき、「画像未設定の記事」にあえて登録することで、一覧のレイアウトを綺麗に保つことが可能です。

※注意※
記事に設定した画像は一覧画面だけでなく、記事ページの上部にも表示されます。
記事ページの中では非表示にしたい という場合は、お手数ですが以下の対応をお願いいたします。

手順1. サイト作成 >「ブログ」または「お知らせ 」> 該当記事の「編集」を押下

手順2. ブログ本文の「〈〉」を押下し、以下のソースコードを貼り付けます

<style>
 .blog-img {
     display:none;
 }
</style>

手順3. 青色の「保存」ボタンを押し、画面下部の「設定する」ボタンを押下します

上記設定を行うことで、サムネイルでのみ画像が表示されるようになります。

今回は弊社側でも調整用のサンプル画像をご用意いたしましたので、ぜひご活用ください!
※ダウンロードボタンをクリックすると、PNG形式で保存されます。

正方形 1:1(500px×500px)

ダウンロード

縦長 2:3(500px×750px)

ダウンロード

新しく加わった「ブログ」と「お知らせ」の2つの機能を活用して、
ぜひ皆さまのショップならではの素敵な情報発信にお役立てください♪

カテゴリー: CMSレスポンシブサイト構築 未分類