Luxeritas(ルクセリタス)

【Luxeritasルクセリタス】吹き出しの作り方・設定方法(画像多めに解説)

困っている人
ルクセリタスの吹き出しってどうやって作るの?

 

上記のお悩みを解決します。

 

本記事の根拠

  • 雑記ブログ(私が運営しているもう一つのブログです)の『ぶろぐしる~』はルクセリタスで吹き出しを多用しまくっていました(SWELLへ移行しました)

 

それでは、本題に入ります。

 

ルクセリタス 吹き出しの作り方

結論です。

ルクセリタスでは、吹き出しを表示する方法は、『ショートコード』と『定型文』の2つあります。

 

2パターンの吹き出し作成方法

定型文

ショートコード

 

私は、『定型文』で吹き出しを挿入しています。

このあたりは実際に使われてみて、自分が使いやすいと感じたほうで良いです。

 

 

吹き出しの完成イメージは下記の通りです。

完成イメージ

 

ばらもん。
解説します

 

イラストACで吹き出しアイコンを無料ダウンロード

無料イラストなら【イラストAC】でお好きなアイコンを探してダウンロードします。

 

ココがおすすめ

イラストACは無料でダウンロードできる!

 

ばらもん。
イラストACに無料会員登録がまだの方は、登録しちゃいましょう!

 

\無料でイラスト無限大?!/

無料イラストなら【イラストAC】

登録しないのは損かも?

 

step
1
無料イラストなら【イラストAC】】にアクセス

無料で会員登録できます。(1分ほどで登録完了)

 

 

step
2
登録が完了したら、イラストを選びます

兄弟ブログの『ぶろぐしる~』では、『麦さん』のイラストを使わせていただいています。
優しいタッチのイラストですので、お気に入りです。

 

step
3
気に入ったイラストを選択して、『PNG』をクリック

 

step
4
ダウンロードをクリック

 

step
5
15秒カウントが始まるので、待機

 

step
6
15秒後に、下記の画面が表示されるので、『PNG』をダウンロード

 

 

ダウンロード完了で、イラストACでの作業は終わりです。

 

ダウンロード後はPNG圧縮

PNGファイルのダウンロードが完了したら圧縮します。
小さいことの積み重ねが、のちのち大きな差となってきます。

 

ばらもん。
塵も積もればなんとやらですね

 

step
1
『PNGイメージをオンラインで圧縮する』にアクセス

 

step
2
該当画像をアップロードして圧縮

 

step
3
圧縮が完了したらダウンロードして完了

 

吹き出しアイコンに限らず、画像はすべて圧縮してからWordPressにアップロードすることをオススメします。

画像サイズを最適化することで、ページ表示速度のアップが期待できます。

 

ワードプレスにメディアファイルを取り込む

イラストACからダウンロードしたイラストをワードプレスのメディアにアップロードします。

 

ワードプレスにアップロードができたら、

チェックリスト

代替テキストを入力します

タイトルを入力します

リンクをコピーします

 

 

 

ココがポイント

代替テキスト挿入はSEO効果も期待できる

 

 

画像をアップロードするたびに、代替テキストを入力していたら大変です。

 

ばらもん。
そこで、プラグインの出番です

 

代替テキストを自動セットするプラグインをご紹介!→『【代替テキスト】ワードプレスプラグインで時短!SEO効果も期待?!

↑の記事で、自動で代替テキストをセットするプラグインをご紹介しています。

もちろん、当ブログにも実装しております。

 

Luxeritas(ルクセリタス)ショートコードを登録する

ひとつめの吹き出し作成方法をご紹介します。

 

ばらもん。
ショートコードを用いた方法です

 

 

step
1
Luxeritas→Luxeritasショートコード登録→サンプル登録

 

 

step
2
画像URLにコピーしたメディアURLを貼り付け

キャプションには、今回は例として『主婦』と入力します。

 

step
3
色の設定

『変更を保存』をクリックします。

 

以上でショートコードの設定は完了しました。

実際に使ってみます。

 

ショートコードを使ってみる

登録したショートコードを使ってみましょう。

 

step
1
入力した文字を選択した状態で、『ショートコード』を選択

『吹き出し(左)』をクリックします。

 

たったこれだけです。

 

左吹き出しの完成

プレビュー画面で出来上がりをチェックしてみます。

 

こんな感じで完成しました。

 

以上が、ショートコードを用いた吹き出しの作成方法です。

続いては、定型文を用いた方法をご紹介します。

 

ばらもん。
私が多用している方法になります

 

Luxeritas(ルクセリタス)定型文を登録する

Luxeritas(ルクセリタス)定型文登録の方法を説明します。

 

私は『ぶろぐしる~』で記事を書くときには、定型文で吹き出しを使っています。

 

完成イメージ

 

 

step
1
Luxeritas→Luxeritas定型文登録

吹き出し(右)にチェックします。

 

step
2
色の設定

『変更を保存』をクリックしてください。

 

step
3
『定型文』タブを開くと、『定型文一覧』が表示されます。

一覧に、作成した『吹き出し(右)』があります。

『編集』を開きます。

 

step
4
白枠で囲ってある2つのコードをメモ帳にでもコピペしておきます。

 

ポイント

この2つのコードは頻繁に使うので、Windows機能の『辞書登録』に登録をしておくと便利です。

吹き出しをたくさん設定しておく場合には、作業効率が大幅アップします。

 

コピペできたら、『定型文編集』画面をキャンセルで閉じます。

 

step
5
『新規追加』で定型文を登録

 

step
6
定型文を使うときに分かりやすいラベル名を付与

 

今回は例として、『右主婦疑問?』と付けました。

左下の『囲み型』にチェックをします。

定型文とその下のボックスには、メモ帳にコピペしておいたコードを貼り付けします。

 

step
7
画像で選択している部分を、吹き出しに表示させたいメディアURLに置き換え

img src="メディアURL"の部分です。

ついでに、height="60"→"80"に変えておきましょう。(高さ調整)

 

step
8
『Right Caption』のところを、任意の文字列に打ち替え

『Right Caption』のところを、『主婦』と入力します。

すると、吹き出しのアイコンの下に『主婦』と表示されます。

 

以上で定型文の吹き出しの設定は完了しました。

実際に使ってみます。

 

定型文を使ってみる

登録した定型文を使ってみましょう。

 

 

step
1
入力した文字を選択した状態で、『定型文』を選択

 

 

step
2
登録した定型文を選択

 

吹き出しが挿入されました。

 

右吹き出しの完成

プレビュー画面で吹き出しをチェックしてみます。

こんな感じで完成しました。

 

ポイント

ちなみにですが、当ブログのAFFINGER6では標準機能で『吹き出し設定』があります。

今回ご紹介したような手順をふまなくても、簡単に吹き出しを作ることが可能です。

AFFINGER6の会話アイコン設定

 

困っている人
会話の右・左の切り替えもできるの?
もちろんです!
ばらもん。

 

ばらもん。
突然ですが、失礼します。そろそろ、有料テーマを使ってみたいと考えていませんか?

あなたの貴重な時間を無駄にしないためにも『有料テーマ』を買うことをオススメします。

 

私はLuxeritasを使っていました。
Luxeritasを2年弱使ってから、SWELLとAFFINGER6へテーマ変更しました。

2つのブログ2つの有料テーマで運営している私が『有料テーマを買うべき理由』を解説します。

 

当ブログで使っているAFFINGER6は¥14,800(税込)です。

サラリーマンの時給平均って『1,486円』らしいです。

サラリーマンの給料、時給換算するとなんと平均「1486円」
出典元:マイナビ学生の窓口フレッシャーズ(https://gakumado.mynavi.jp/freshers/articles/14142

 

ココがポイント

10時間、働けばAFFINGER6を購入できるって計算です。

私は、Luxeritasを2年弱使い倒しました。
自分なりに、CSSやHTMLをカスタマイズしましたがAFFINGER6の『A』にも及んでいないのが現実です。

正直に言って、CSSやHTMLをカスタムするために費やした時間は10時間は超えています。

 

注意ポイント

ググった時間

エラーに対処する時間

デザインを考慮する時間

CSSやHTMLを記述する時間

etc・・・

10時間以上の貴重な時間をカスタムに費やしても、思い通りのデザインにできていません。

 

私は職業柄(得意言語はCOBOLやVBA笑)、プログラミングにはくわしいと自負していましたが勘違いも良いところでした。

 

繰り返します。
あなたの貴重な時間を無駄にしないためにも、AFFINGER6を買うことをおススメします。

あなたがどんなに優れたSEであったとしても、たったの10時間でAFFINGER6並のカスタマイズをすることは限りなく不可能だと感じています。

 

¥14,800(税込)で【優れたデザイン✕装飾✕操作性のテーマ】を手に入れることができるなら安いとすら感じます。

 

注意ポイント

失った時間は取り戻すことはできません。
CSSやHTMLに時間を費やすくらいなら、記事を書いていたほうが有意義です。

さらに言うと、記事が溜まってからテーマ変更をするとデザイン修正に多大な手間と時間を要します。

 

Luxeritasで運営している運営していた私が言えることがあります。

『AFFINGER6』を買うということ=貴重な時間を買うこと。

 

SWELL or AFFINGER6で悩まれている方へ

『アフィリエイトを追求したいなら』AFFINGER6をオススメします。(AFFINGER6のアフィリエイト報酬は、4件目~7,000円。SWELLは2,500円固定)

SWELLとAFFINGER6の両方を使って、2つのブログを現在進行形で運営している私が実際に感じていることです。

 

SWELLは、10件で『25,000円』

AFFINGER6なら、同じ10件でも『52,000円』(倍以上も差が生まれています。)

 

\ブログ汁限定特典付き/

AFFINGER6(特典付き)を手に入れる

 

特典内容

1位を実際に取った『検索クエリ(コロナ渦で急伸中の食品宅配系)(月間検索ボリューム500~1000&競合性=低)』

クリック率上昇が見込めるタイトルの付け方

SEO効果が期待できる記事の書き方

キーワード選定方法

いまなら、公式限定特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

 

さすがAFFINGER6

30代男性

購買意欲をそそる装飾がとっても豊富!

ゴリゴリにカスタマイズして、他ブログとの差別化をすることができています!

凝り性のひとはハマりすぎに要注意です(笑)

 

迷ってる時間なんてもったいない!

\ブログ汁限定特典付き/

AFFINGER6(特典付き)を手に入れる

 

 

まとめ

 

吹き出しを上手に配置することで、読者が感情移入しやすくなるメリットがあります。
上手に感情移入させてあげることで、購買意欲を高めることも可能です。

 

例えば、こんな感じです。

 

 

困っている人
吹き出しって効果あるの?
もちろん!
ばらもん。

 

ただし、吹き出しを多用すると見づらくなるので注意です。

 

吹き出しを上手に使って、収益アップに繋げていきましょう!以上です。

 

無料で登録しておく→無料イラストなら【イラストAC】

ばらもん。
当ブログは『Luxeritasルクセリタス』2年弱を使っていましたが『AFFINGER6)』へテーマ変更しました。
 
 

\当ブログ限定特典付き!/

AFFINGER6(特典付き)を手に入れる

 

テーマ変更をすると、デザイン修正の問題が発生します。
私自身、デザイン崩れを修正するのに約1ヶ月かかりました。(毎日作業)

 

注意ポイント

130もの記事を修正するのは本当に苦行でしかありませんでした。

 

テーマ変更を決断するなら、早いほうが断然良いです。
テーマ変更に悩んでいた時間とデザイン修正をした時間は無駄だったと感じました。

 

ココがポイント

悩んでいる時間があるなら、行動を起こすほうが良いです!

 

ポイント

期間限定で、公式特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

 

(ACTION)AFFINGER6の購入方法&インストール方法


【AFFINGER6特典付】購入~インストールまでの流れを詳しく解説!

 

(ACTION)AFFINGER6のオススメ設定


【AFFINGER6設定】この4つでライバルたちを突き放せ!

 

\プラグインまとめ買いでお得!39,800円(13,600円お得!)/

【まとめ買い】ACTION PACK3 - AFFINGER6EX版(特典付き)を手に入れる

当ブログ限定特典!

\ドメインパワー=6.4なのに?!/

ばらもん。
検索12位→1位へアップさせたリライト手順を大公開!

 

こんなことが分かるよ!

1位を実際に取った『検索クエリ(ジャンルは食品宅配)(月間検索ボリューム500~1000&競合性=低)』・・・2022年2月時点は『2位』

クリック率上昇が見込めるタイトルの付け方

SEO効果が期待できる記事の書き方

キーワード選定方法

 

検索1位を取って変わったこと

平均CTR=46.3%=約2人に1人はクリック(2021.4-9月平均実績)

ページ単体で1168PV/月を達成(2021.3月実績)

アドセンス収益アップ

 

過去6か月間の実績

 

一般的に検索1位の平均CTRは、『32~35%』と言われている中で驚異の『46.3%』を記録しています。(6ヶ月平均でここまで高いクリック率は少ないのではないでしょうか。)

 

ばらもん。
タイトルの付け方も我ながら上手だと自負します。

 

 

1ページ目に表示されても、タイトルの付け方が悪いとクリック率は低いです!もったいないです!

 

 

特典では、クリック率上昇が見込めるタイトル付け方のコツも大公開しています!

 

1位を取った検索クエリは、本来は他人には教えたくない宝物です。

なぜか?

ポイント

ドメインパワー6.4が取った1位ですよ?笑
あなたが奪おうと思えば、1位を奪えちゃうクエリです。

ジャンルは食品宅配系です。(兄弟ブログの『ぶろぐしる~』で公開している記事になります)

※2022年2月にクエリを調べたところ、競合が増えてきています。

 

 

宝箱に大事にしまうことはヤメました。
これからアフィリエイトを始める方の参考になれば良いと考え、私は公開します。

 

ネットに出回っているAFFINGER6の特典は、実に様々です。

 

特典の数だけで目を引こうとしている方も多く拝見します。
しかし、よーっく考えてみてください。

 

ココがポイント

『量よりも質が大切』ではないでしょうか?

 

特典記事には、門外不出の情報がたくさん詰まっています。

 

\当ブログ限定特典付き!/

AFFINGER6(特典付き)を手に入れる

 

ポイント

公式からも期間限定特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

さすがAFFINGER6

30代男性

購買意欲をそそる装飾がとっても豊富!

ゴリゴリにカスタマイズして、他ブログとの差別化をすることができています!

凝り性のひとはハマりすぎに要注意です(笑)

 

\ プラグインまとめ買いでお得!39,800円(13,600円お得!)/

【まとめ買い】ACTION PACK3 - AFFINGER6EX版(特典付き)を手に入れる

EX版とは「AFFINGER6」の特別機能追加バージョン

 

ばらもん。
私はエックスサーバーへのドメイン移管(元はお名前.com)&サーバー移転(元はカゴヤサーバー)を経験済です。

 

ドメイン移管

【ドメイン移管】見逃すな!無料でお名前.comからエックスサーバーにお引越し

サーバー移転

【知らなきゃ損!】a8セルフバックでエックスサーバーお得に契約

 

X10プランスタンダード(月額税抜¥900)でも、十分過ぎます。(3年一括払いの場合・・・2022年2月時点)

参考

300GB(これだけあれば十分。逆に使い切ることのほうが難しい)

無料バックアップ&無料復元機能

ブラウザ&サーバーキャッシュ機能

XアクセラレータVer.2(安定化✕高速化)

etc・・・

 

サーバーは、例えるなら『おうちが立つ地盤』そのものです。

頑丈×好立地条件=エックスサーバーだと感じております。

 

さすがエックスサーバー

30代男性

個人的にものすごく助かっているのは、『バックアップから復元する機能』です。(もちろん無料)

過去14日分ものデータを、自動バックアップしてくれています。

おかげで、バックアッププラグインを削除することができました。

バックアッププラグインは容量をたくさん食っていたので、大変助かりました!

私にとってブログは大事な資産です。

資産を守ってくれる強固なバックアップ機能は安心感があります。

 

\要チェック/

エックスサーバーでお得なキャンペーン情報を見てみる

 

私もキャンペーンを利用しました

無料でドメイン移管(お名前.com→エックスサーバー)

ドメイン更新料は永久無料!

私はブログを開始して約1年後にはGoogleアドセンスだけでサーバー経費をまかなうことができるようになりました。

安心して運営することができるサーバーのおかげだと感じております。

 

-Luxeritas(ルクセリタス)
-,