使ってみよう!『Afeez Edge』便利な記事パーツ

使ってみよう!『Afeez Edge』便利な記事パーツ

2020年8月25日
Afeez Edge

今回は『Afeez Edge』で使える便利な機能についてお伝えします★ 使い方 使い方は簡単!これからご紹介するショートコード(アルフェベットや記号の文)を記事…

今回は『Afeez Edge』で使える便利な機能についてお伝えします★

使い方

使い方は簡単!
これからご紹介するショートコード(アルフェベットや記号の文)を記事の編集画面に記事と同じように書く(コピーして貼り付ける)だけです!実際に表示される文や単語は自分の表示させたい内容に書き換えます。では、どのような記事パーツがあるのか見ていきましょう!

目次作成してみよう!

入力するショートコード

[toc]

読者に表示される画面

記事内の見出しを自動で拾いあつめ目次にしてくれる機能です。表示されている目次はリンクになっているので読者が見たい見出しをクリックするとその記事まで飛ぶことができます。
読者はどのような記事を書いてあるのか把握しやすく、読みたい記事がすぐ読めるのでユーザビリティーが向上し(読者が使いやすくなり)、SEO対策(検索結果上位に表示されるための対策)にもなります。

ランキング見出し

入力するショートコード

[ranking color=gold number=1]ランキングアイテム[/ranking]
[ranking color=silver number=2]ランキングアイテム[/ranking]
[ranking color=bronze number=3]ランキングアイテム[/ranking]

読者に表示される画面

商品レビューの作成などで大活躍間違いなしのこのパーツ!わかりやすくパッと華やかになります。

1位ランキングアイテム
2位ランキングアイテム
3位ランキングアイテム

蛍光マーカー引いてみよう!

入力するショートコード

[marker]赤の蛍光ペン風に強調[/marker]
[marker color=blue]青の蛍光ペン風に強調[/marker]
[marker color=yellow]黄色の蛍光ペン風に強調[/marker]

読者に表示される画面

蛍光ペン風に目立たせたい部分を強調できます★文字の色を変えるのもいいのですが、この機能が使えると文字色を変えずに強調できるので統一感が出て、さらにまとまり感のある記事へと仕上がります。

赤の蛍光ペン風に強調 青の蛍光ペン風に強調 黄色の蛍光ペン風に強調

話している内容がわかりやすい!吹き出しパーツ

この機能には2種類あるので1つづつご紹介していきます。

①アイコンなし

入力するショートコード

[balloon]こんな感じ![/balloon]
[balloon facing=right]右側に表示も可能[/balloon]
[balloon facing=top]上側に表示も可能[/balloon]
[balloon facing=bottom]下側に表示も可能[/balloon]

読者に表示される画面

コメントなどに最適なアイコンなしの吹き出しです。商品など何かにコメントをつけたいときに最適です★

こんな感じ!

右側に表示も可能

上側に表示も可能

下側に表示も可能

②アイコンあり

入力するショートコード

[icon_balloon_left name=アフィ子 img=https://afeez.royface.co.jp/wp-content/uploads/2020/08/IMG_2564-scaled.jpeg]アイコン付きもあるよ[/icon_balloon_left]
[icon_balloon_right name=本部長 img=https://afeez.royface.co.jp/wp-content/uploads/2020/09/095C302B-CF8B-41D7-BEA9-A573E7E88BE3-scaled.jpeg]会話風にもできるよ[/icon_balloon_right]

読者に表示される画面

会話の表現に最適なアイコンありの吹き出しです。

アフィ子

アイコン付きもあるよ

会話風にもできるよ

本部長

解説

長くてわかりずらいように見えますが、色分けしてみると実は簡単ですよ♫

左に表示するアイコン付きの吹き出しです。と言う意味を書いている部分です。
=これは名前ですと言う意味を書いている部分です。
オレンジ=画像のURLを貼ります。
=nameの横は、あなたが表示させたいアイコン横の名前を書きます。
  []の外のは会話文を入力します。

ボックス

引用文の記載や、文章を囲んでまとめたい時に便利なボックスパーツ!
箇条書きなどをまとめるときにも便利ですよ♫

入力するショートコード

[box]こんな風に文章を囲むことができます。[/box]

読者に表示される画面

このように視覚の枠ができます。引用部分だけでなく、何かをまとめたい時などにも活躍します。

こんな風に文章を囲むことができます。

まとめ

今回ご紹介したショートコードはどれも活躍のタイミングの多いものばかりです。是非使ってみてください★

今回ご紹介したパーツの他にも、皆さんの「こんな機能が欲しい」と言う声にお応えできるように『Afeez Edge』は常にアップデートしていく予定です。ぜひ公式ラインやコメント欄で皆さんの声を聞かせてください♫

Afeez Edge

『シンプルかつ究極に可愛い』ワードプレステーマ『Afeez Edge』のダウンロードはこちらです。ブログを始めようと思っている初心者の方にも操作しやすく、現在WordPressを利用している方にも物足りなさを感じさせない機能性が『Afeez Edgeにはあります。ぜひ、完全無料のWordPressテーマ『Afeez Edge』で快適にブロガー・アフィリエイターLIFEを楽しんでくださいね♫

公式ライン

Afeezの公式ラインではアフィリエイトやブログ運営に関するお役立ち情報の発信や、『Afeez Edge』に関するご質問にお答えしています。また、おしゃれな壁紙の配布もしているのでぜひ登録してくださいね★

関連記事

『Afeez Edge』テーマカラー紹介
ついに公開!『Afeez Edge』をご紹介★

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です