下に出る吹き出しの名前の位置とかを変更する(PORIPUtearsユーザー限定)

下に出る吹き出しをカスタマイズ

カスタマイズは自己責任で!
ワードプレステーマ
SANGO
子テーマ
PORIPU

この記事では
下に出る吹き出しの名前の位置を変更する方法を説明。
CUSTOM POINT
長い名前でもキレイに表示できます。

こんな感じで変更

Before
落ち込みMENくん
もし人生がカメラならボクはレンズキャップをしたままなのさ。

After
落ち込みMENくん
もし人生がカメラならボクはレンズキャップをしたままなのさ。

 

こんなところを変更

こんなところをカスタマイズ

くま3号

ちなみにオレ(くまの吹き出し)は、ふきだしクリエイターをカスタマイズしたやつやよ

ふきだしクリエイターについて
吹き出しクリエイターを使ってみたプラグインの吹き出しクリエイターを使ってみたら最高だった

このサイトの環境

テーマ
子テーマ
プラグイン

使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

サブクライムテキストsublime text

カスタマイズの準備

下に出る吹き出しのショートコード

このコードをビジュアルエディタに貼り付ければ、下に出る吹き出しが表示されます。

注意
下に出る吹き出しはPORIPUtearsのみの機能です。

カスタマイズ方法

追加CSSの手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

カスタマイズコードの追加

 

確認の手順
保存ボタンを押す
ブラウザでキャッシュを削除して更新

 

 

まとめ

追加CSSのまとめ

手順をザクッと説明
変更手順
  • ショートコードをビジュアルエディタに記入
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。
MENくん

スマホだと下に表示される方が抜群に見やすいね