クライアントサポートWeb Suite

ブログ装飾用アイテム ブログDeco

ブログ記事をもっと見やすく美しい伝わるコンテンツに

せっかく書いた記事も、文字ばかりがつらつらと書かれたコンテンツでは、ライティングがとても優れた文章でも読みにくいことがあります。特にブログ記事はコンテンツ内の文章が長くなりがちで、読みやすく書くのが難しかったりします。文章ごとのストーリーや表現だけではユーザーに心地よく読んでもらえないこともしばしば…せっかくサイトを公開しても、肝心のブログなど情報発信が上手くできていないのは勿体無いですよね。

そこで、デザインサプライではクライアント様向けのサービスとしてブログコンテンツを見やすく、美しく、伝わりやすくなるように、装飾用のデザイン素材を使える機能をご用意いたしました。

HTMLなどの専門知識不要でエディタから簡単に設定できます

本来、Webページでいろんなデザイン装飾をするにはHTMLやCSSといったウェブの知識や技術が必要になるのですが、「ブログdeco」ではHTMLやCSSがわからない方でも、ブログを書くときに使うエディタ内の項目から簡単に設定できる仕様になっています。使い方もとてもシンプルで適用したい本文の範囲を選択し、スタイルのリストから使いたいデザイン素材の項目を選ぶだけで本文にデザインが適用されます。豊富なデザインでブログを書くのがより楽しくなります。

オウンドメディア運営やアフィリエイトに相性がいい素材が揃っています

キャッチコピーをわかりやすく表示したり、文章ごとの段落を整理して読みやすくする「見出し」や重要なキーワードを強調する「アクセント文字」、項目をチェックマークつきのリストで表示する「チェックリスト」、登場人物が会話しているように見せることができる「吹き出し」などをはじめとするサイトコンテンツ作成にとても便利な素材が揃っています。

もちろんスマートフォンやタブレットでも綺麗に表示されるレスポンシブデザインで、デバイス問わずいろんなサイトに対応しています。また、今後のアップデートで新しいアイテムも随時追加予定です。

オウンドメディアサイトやアフィリエイトサイトなどコンテンツを活用したウェブでの集客、訴求力やコンバージョン率向上に欠かせない機能になること間違いなしです。是非これらを活用して魅力的なコンテンツ作成にお役立てください。

今後もアイテムは随時追加予定をしております。また上記アイテム内で☆マークの付いているものは保守契約をいただいているクライアント様限定になります。

デザイン素材のサンプルはこちら

h3見出しのサンプルです。配色はサイトのテーマカラーに合わせたものになります。

 

デザインサプライの顧客向けサービス「ブログDeco」は、テキストだらけになりがちなブログコンテンツを、より見やすく美しい伝わりやすいデザインにするための装飾用デザイン素材が簡単に設定できる機能です。

 

h4見出しのサンプルです。配色はサイトのテーマカラーに合わせたものになります。

 

HTMLやCSSなど、ウェブの専門知識や技術がない方でも、管理画面にあるエディタから直接入力が可能です。適用させたい文字範囲を選択して、項目を選ぶだけで自動的に設定できるシンプルな操作で簡単にブログのデザインが決まります。

 

h5見出しのサンプルです。配色はサイトのテーマカラーに合わせたものになります。

 

文章のまとまりを整理して読みやすくし、SEOでも重要な役割を果たすh3〜h6の見出しですが、重要度に合わせたコントラストのデザインに仕上げており、正しく使うことで自然にデザインも整うようになっています。

 

h6見出しのサンプルです。配色はサイトのテーマカラーに合わせたものになります。

 

見出しのカラーはサイトテーマに合わせてデザインしますので、全体の雰囲気を損なうことなくブログを装飾することができます。

 

引用テキストのサンプルです。 引用テキストのサンプルです。 引用テキストのサンプルです。 引用テキストのサンプルです。

 

外部のサイトから文章を引用するときにはコンテンツ重複とみなされないよう、必ず引用テキストの適用を行いましょう。引用テキスト部分は上記のようなデザインになります。

 

強調テキストのサンプルです。文字色はサイトのテーマカラーの補色などが適用され、よりコントラストが強くなります。

 

本文中に目立たせたい部分があれば、強調テキストの設定を適用します。見た目だけでなくSEOの観点からも有利になります。

 

FAQコンテンツ質問文のサンプルです。質問文がこちらに入ります。
FAQコンテンツ回答文のサンプルです。質問に対しての回答文が入ります。こちらは解説なども含まれる想定ですので文字サイズも小さく設定されており、長文になった場合でも読みやすくレイアウトが崩れないようになっています。

 

FAQコンテンツのスタイルを使うことで、よくある質問やお問い合わせ前のご案内などを効果的に伝えることができます。いろんな業種のサイトに使用できそうですね。

 

アイコン画像付きの右吹き出しコンテンツのサンプルです。アイコン画像はそれぞれ1種類ずつ指定することができます。左吹き出しコンテンツと併用することで会話しているように文章を見せることができます。左側のアイコン画像とその下の名前はそれぞれ1つずつ指定可能です。

 

アイコン画像付きの左吹き出しコンテンツのサンプルです。アイコン画像はそれぞれ1種類ずつ指定することができます。右吹き出しコンテンツと併用することで会話しているように文章を見せることができます。右側のアイコン画像とその下の名前はそれぞれ1つずつ指定可能です。

 

ウェブ集客における情報発信がコンテンツ重視の手法の場合、このような吹き出しコンテンツはユーザーに対して興味を持ってもらいやすく情報を伝える上で非常に有効です。

 

    • チェックリストのサンプルです。リストの項目すべてにデザインが適用されます
    • チェックリストのサンプルです。リストの項目すべてにデザインが適用されます
    • チェックリストのサンプルです。リストの項目すべてにデザインが適用されます
    • チェックリストのサンプルです。リストの項目すべてにデザインが適用されます

 

チェックマークのアイコンがついたリストは、項目を羅列する際などに重宝します。問題点や課題点、複数ある重要な項目を表示するときなど使い勝手のいいアイテムです。

 

第1位のランキング表示のサンプルです。商品名などが入ります。
第2位のランキング表示のサンプルです。商品名などが入ります。
第3位のランキング表示のサンプルです。商品名などが入ります。
第4位のランキング表示のサンプルです。商品名などが入ります。
第5位のランキング表示のサンプルです。商品名などが入ります。
第6位のランキング表示のサンプルです。商品名などが入ります。
第7位のランキング表示のサンプルです。商品名などが入ります。
第8位のランキング表示のサンプルです。商品名などが入ります。
第9位のランキング表示のサンプルです。商品名などが入ります。
第10位のランキング表示のサンプルです。商品名などが入ります。

 

ランキング形式でコンテンツを表示することができるアイテムです。アフィリエイトなど人気商品の紹介などに便利です。順位ごとに強弱をつけたデザインで、より伝わりやすくなっています。

 

    • ポイントリストのサンプルです。リストの項目すべてにデザインが適用されます
    • ポイントリストのサンプルです。リストの項目すべてにデザインが適用されます
    • ポイントリストのサンプルです。リストの項目すべてにデザインが適用されます

 

序列リストなどで項目をあげるときに使えるアイテムです。3つまでのナンバリングが目立つようにデザインしているのでPRしたい内容に使うと訴求力もアップします。

 

ヒントアイコンのサンプルです。
ポイントアイコンのサンプルです。
おすすめアイコンのサンプルです。
TELアイコンのサンプルです。
メールアイコンのサンプルです。
URLアイコンのサンプルです。

 

各種アイコン素材も揃っています。汎用性の高いものから、あると便利なものまで豊富な種類で様々な用途に利用できます。もちろんスマートフォンなどのモバイルデバイスにも対応!

 

飾り枠(方眼ノート風)のサンプルです。方眼ノートをイメージした背景を採用しており、文字色を変えたりすることでよりリアリティが出せます。カジュアルな印象を与えることができるアイテムです。

 

飾り枠(黒板風)のサンプルです。こちらは黒板をイメージしたデザインで、重要なポイントやメッセージを伝えるのにピッタリです。コンテンツのラストにまとめとして使えるアイテムです。

仕様について

推奨ブラウザ

GoogleChrome、Firefox、Safariの各最新バージョン及びInternetExplorer11、Edge、iOS Safari、Android4.4以上のブラウザでご利用ください。

バージョン情報

  • ・ver. 1.0.0 / ブログ装飾アイテム「ブログDeco」をリリースいたしました(11種)