webdesign 640x426

投稿記事の表現力アップ

はじめに

文字ベースになりがちな記事を見やすくして、多くの人に読んで欲しいですよね。記事の中で言いたいことの協調も必要です。一番大事なのは、記事がユーザーの画面に表示された瞬間に興味を持ってもらうことです。これから紹介する表現方法は簡単に導入できます。ぜひ参考にして下さい。

記事を読みやすくする機能

見出し

見出しテキスト

タブ

タブ1タブ2タブ3
タブ1のコンテンツ
タブ2のコンテンツ
タブ3のコンテンツ

スポイラー

スポイラーのタイトル
非表示コンテンツを表示しています

アコーディオン

スポイラー1のタイトル
非表示のコンテンツ1を表示しています
スポイラー2のタイトル
非表示のコンテンツ2を表示しています
スポイラー3のタイトル
非表示のコンテンツ3を表示しています

仕切り

スペーサー(size=80を指定して行間を空けています)

ハイライト

 強調表示するテキストの背景色 

ラベル

ラベル

引用

引用文をここに記載します。引用する際は引用先を明示する必要があります。引用先にリンクを貼ることをおすすめします。

プル・クォート(抜粋見出し)

プル・クォートとは
文章から見出しを抜粋して協調することです。この形式を利用して、読み手に言いたいことを先に伝えることができます。洋書でよく見かける形式です。

Dropcap

Kキーソルネットはインターネットを活用した生活満足度の向上応援します。Webサイトの構築、電子書籍の出版等のサービスを提供しております。

カラム

列1のコンテンツを記載します。コラム形式で表現したい時に便利です。お洒落に使いこなしましょう。
列2のコンテンツを記載します。コラム形式で表現したい時に便利です。お洒落に使いこなしましょう。

リスト

  • 並び項目1
  • 並び項目2
  • 並び項目3

ボタン

キーソルネットのページへジャンプ

サービス

サービスタイトル1
サービスタイトル1の内容を記載します。下記にはコラム表記を用いています。
サービスタイトル2
サービスタイトル2の内容を記載します。
サービスタイトル3
サービスタイトル3の内容を記載します。

ボックス

ボックスタイトル
ボックスのコンテンツを記載します

ノート

ノートテキストを記載します

拡大

ライトボックス

この文章をクリックすると、ライトボックスが開きます

ツールチップ

ここにマウスのマウスの矢印をもってくると、吹き出しが表示されます。

テーブル

テーブル1-1テーブル1-1
テーブル2-1テーブル2-2

ダミーテキスト

Phasellus viverra ipsum sed elementum efficitur. Donec sodales mollis dolor vel fringilla. Proin vel mauris sem. Integer a congue neque. Vestibulum dignissim tellus magna, at ultricies purus dapibus in. Sed laoreet, libero eget lacinia feugiat, metus mi convallis est, at fringilla urna justo at eros. Donec faucibus odio sit amet nisl bibendum mollis. Vestibulum vitae tincidunt nunc. Curabitur sed accumsan leo, aliquam dignissim velit.

画像を綺麗に表示する機能

スライダー

カルーセル

ギャラリー

Google map

強調・アクセント機能

アニメーション

メディア表示機能

YouTube

便利な機能

QR コード (例:https://keysol-net.jp/ をQRコードに変換)

スケジューラ(時刻によってメッセージを変えます)

Sorry, we're offline now. Come back tomorrow.

他にも様々な機能があります

代表的な機能を紹介しました。他にも様々な機能があります。日々のブログ作成の工夫についても、お気軽にご相談下さい。

注意(開発者向け情報)
プラグイン「Shortcodes Ultimate」は「Jetpack by WordPress.com」と競合します。どちらもインストールしていると、「スライダー」「カルーセル」に不具合が発生することを確認しました。(2018年9月26日時点)

関連記事

  1. cards image 842x595

    投稿記事の表現力アップ 「ブログカード」

  2. movie_1280px

    画像データを動画にして表現力アップ

PAGE TOP