Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
WordPressのプラグインで吹出しを使って会話風に | 思いだし にっき
サイトアイコン 思いだし にっき

WordPressのプラグインで吹出しを使って会話風に

吹き出し猫

<p><img class&equals;"aligncenter size-full wp-image-10870" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;88121&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"256" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">記事を書いて、画像を入れてわかりやすくというのは、よくやりますが、これを会話のように<strong>吹き出し<&sol;strong>を使うことができたら楽しいのに・・と思っていたところでピッタリのものを発見!使い方も簡単<&sol;p>&NewLine;<p>しかも<strong>プラグイン<&sol;strong>でインストールして有効にするだけ。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>プラグインは<strong>「Speech Bubble」<&sol;strong>といいます<&sol;p>&NewLine;<p>製作者さんのサイトはこちら↓です。<&sol;p>&NewLine;<p>http&colon;&sol;&sol;www&period;arisoude-nakatta&period;com&sol;wp-speech-bubble-plugin-toc-v-1-0-jp&sol;&num;comment-1871<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Speech Bubbleのインストール<&sol;h2>&NewLine;<p>WordPressのダッシュボードから<br &sol;>&NewLine;「プラグイン」&srarr;「新規追加」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-medium wp-image-883 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;1-300x203&period;png" alt&equals;"プラグインの追加" width&equals;"300" height&equals;"203" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>プラグインの追加が表示されたら「キーワード」の欄に「Speech Bubble」と入力します。<&sol;p>&NewLine;<p>候補の中にSpeech Bubbleが表示されるので「今すぐインストール」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-884 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;2&period;png" alt&equals;"インストールをクリック" width&equals;"509" height&equals;"280" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>インストールができたら「有効化」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-885 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;3&period;png" alt&equals;"プラグインの有効化" width&equals;"660" height&equals;"131" &sol;><&sol;p>&NewLine;<p>これで吹き出しが使えるようになりました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Speech Bubbleの使い方<&sol;h2>&NewLine;<p>ダッシュボードの「投稿」から記事を投稿する画面を開きます。<&sol;p>&NewLine;<p>「テキスト」タブでショートコードを入力します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;ff00ff&semi;"><strong>ショートコード<&sol;strong><&sol;span><&sol;h3>&NewLine;<p>&&num;091&semi;speech&lowbar;bubble type&equals;&&num;8221&semi;drop&&num;8221&semi; subtype&equals;&&num;8221&semi;L1&&num;8243&semi; icon&equals;&&num;8221&semi;1&period;jpg&&num;8221&semi; name&equals;&&num;8221&semi;A さん&&num;8221&semi;&&num;093&semi; こんにちわ &&num;091&semi;&sol;speech&lowbar;bubble&&num;093&semi;<&sol;p>&NewLine;<p>&&num;091&semi;speech&lowbar;bubble type&equals;&&num;8221&semi;drop&&num;8221&semi; subtype&equals;&&num;8221&semi;R1&&num;8243&semi; icon&equals;&&num;8221&semi;2&period;jpg&&num;8221&semi; name&equals;&&num;8221&semi;B さん&&num;8221&semi;&&num;093&semi; おばんです &&num;091&semi;&sol;speech&lowbar;bubble&&num;093&semi;<&sol;p>&NewLine;<p>利用するには、まずこのショートコードをそのまま投稿欄の「テキスト」タブの方へ入力します。<&sol;p>&NewLine;<p>一度「プレビュー」で確認してみましょう。↓のように表示されます。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-886 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;4&period;png" alt&equals;"基本の吹き出し" width&equals;"575" height&equals;"230" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;ffff99&semi;">※うまく表示されなかった場合<&sol;span><&sol;p>&NewLine;<p>下記●印の部分には<strong>半角のスペース<&sol;strong>を挿入します。<br &sol;>&NewLine;うまく行かない場合は、まずこの点をチェックします。<&sol;p>&NewLine;<div class&equals;"sb-type-std">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;1&period;jpg" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">no name<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> こんばんわ <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>次に自分の表示したいように中身を変更します。<&sol;p>&NewLine;<p>ショートコードの意味は次のようになっています。<&sol;p>&NewLine;<div class&equals;"sb-type-SB&lowbar;ALERT&lowbar;TYPE&lowbar;MISSING">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;1&period;jpg" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">no name<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> <span style&equals;"color&colon; &num;800080&semi;">こんばんわ <&sol;span><&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<table style&equals;"width&colon; 492px&semi; height&colon; 174px&semi;">&NewLine;<tbody>&NewLine;<tr style&equals;"height&colon; 20px&semi;">&NewLine;<td style&equals;"width&colon; 70&period;75px&semi; height&colon; 20px&semi;"><span style&equals;"color&colon; &num;800000&semi;">type<&sol;span><&sol;td>&NewLine;<td style&equals;"width&colon; 407&period;25px&semi; height&colon; 20px&semi;">吹き出しの形等を指定<&sol;td>&NewLine;<&sol;tr>&NewLine;<tr style&equals;"height&colon; 20px&semi;">&NewLine;<td style&equals;"width&colon; 70&period;75px&semi; height&colon; 20px&semi;"><span style&equals;"color&colon; &num;008000&semi;">subtype<&sol;span><&sol;td>&NewLine;<td style&equals;"width&colon; 407&period;25px&semi; height&colon; 20px&semi;">方向(右か左)を指定<&sol;td>&NewLine;<&sol;tr>&NewLine;<tr style&equals;"height&colon; 20px&semi;">&NewLine;<td style&equals;"width&colon; 70&period;75px&semi; height&colon; 20px&semi;"><span style&equals;"color&colon; &num;0000ff&semi;">icon<&sol;span><&sol;td>&NewLine;<td style&equals;"width&colon; 407&period;25px&semi; height&colon; 20px&semi;">人型のアイコン指定,(オリジナルが使えます)<&sol;td>&NewLine;<&sol;tr>&NewLine;<tr style&equals;"height&colon; 20px&semi;">&NewLine;<td style&equals;"width&colon; 70&period;75px&semi; height&colon; 20px&semi;"><span style&equals;"color&colon; &num;ff6600&semi;">name<&sol;span><&sol;td>&NewLine;<td style&equals;"width&colon; 407&period;25px&semi; height&colon; 20px&semi;">表示する名前を指定(&cir;&cir;さんなど)<&sol;td>&NewLine;<&sol;tr>&NewLine;<tr style&equals;"height&colon; 50&period;7px&semi;">&NewLine;<td style&equals;"width&colon; 70&period;75px&semi; height&colon; 50&period;7px&semi;"><span style&equals;"color&colon; &num;800080&semi;">セリフ<&sol;span><&sol;td>&NewLine;<td style&equals;"width&colon; 407&period;25px&semi; height&colon; 50&period;7px&semi;">表示したいテキストを入力します。セリフは,ショートコードの&rsqb;&lbrack;で挟まれた部分に書き込みます。<&sol;td>&NewLine;<&sol;tr>&NewLine;<&sol;tbody>&NewLine;<&sol;table>&NewLine;<p>それぞれの<strong><span style&equals;"background-color&colon; &num;ffff00&semi;">”〇〇”の部分を変更<&sol;span><&sol;strong>することでオリジナルなものにできます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><strong><span style&equals;"color&colon; &num;800000&semi;">typeの種類<&sol;span><&sol;strong><&sol;h3>&NewLine;<p>全部で9種類の吹き出しデザイン『std・drop・fb・fb-flat・ln・ln-flat・pink・rtail・think』があります。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-887" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;5&period;png" alt&equals;"9種類の吹き出しタイプ" width&equals;"270" height&equals;"760" &sol;><&sol;p>&NewLine;<p>●それぞれのタイプを対話にした場合は次のようになります。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-888 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6drop&period;png" alt&equals;"タイプdrop" width&equals;"580" height&equals;"254" &sol;><br &sol;>&NewLine;<img class&equals;"alignnone size-full wp-image-889" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6fb&period;png" alt&equals;"タイプfb" width&equals;"569" height&equals;"200" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-890" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6fb-flat&period;png" alt&equals;"タイプfb-flat" width&equals;"582" height&equals;"213" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-891" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6ln&period;png" alt&equals;"タイプLINE風" width&equals;"574" height&equals;"215" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-892" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6ln-frat&period;png" alt&equals;"タイプLINE平面" width&equals;"565" height&equals;"213" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-893" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6pink&period;png" alt&equals;"タイプpink" width&equals;"565" height&equals;"231" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-894" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6rtail&period;png" alt&equals;"タイプrtail" width&equals;"562" height&equals;"226" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-895" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6std&period;png" alt&equals;"タイプstd" width&equals;"560" height&equals;"225" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-896" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;6think&period;png" alt&equals;"タイプthink" width&equals;"578" height&equals;"219" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><strong><span style&equals;"color&colon; &num;008000&semi;">subtype<&sol;span>を指定<&sol;strong><&sol;h3>&NewLine;<p>L1が左(leftですね)<&sol;p>&NewLine;<p>R1が右(riteですね)<&sol;p>&NewLine;<p>※<span style&equals;"color&colon; &num;0000ff&semi;">L2・R2<&sol;span>にすると吹き出しが少し変わりますね<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-897" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;7&period;png" alt&equals;"subtypeの変更サンプル" width&equals;"580" height&equals;"220" &sol;><&sol;p>&NewLine;<h3><strong> <span style&equals;"color&colon; &num;0000ff&semi;">icon<&sol;span>画像の変更<&sol;strong><&sol;h3>&NewLine;<p><span style&equals;"color&colon; &num;0000ff&semi;"><strong>icon&equals;&OpenCurlyDoubleQuote;1&period;jpg”<&sol;strong><&sol;span>の部分で,表示するアイコンを指定できます。<&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;1&period;jpg" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">A さん<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> おこんばんわ <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>変更するには、Speech bubbleプラグインのimgフォルダにアイコンをアップロードします。<&sol;p>&NewLine;<p>画像の拡張子としては,jpg&comma; png&comma; gif&comma; svg&comma; tifが使用できます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>画像追加方法<&sol;h3>&NewLine;<p>①FileZilla等のFTPクライアントソフトを使って利用しているサーバーのWordPressフォルダにアクセスします。<&sol;p>&NewLine;<p>②speech-bubbleプラグインのフォルダを探します。<&sol;p>&NewLine;<p>通常、&bsol;wp-content&bsol;plugins&bsol;speech-bubble&bsol;img&bsol;に配置されていると思います。<br &sol;>&NewLine;アップロードする画像を選択して<strong>右クリック&srarr;アップロード<&sol;strong>を選んでください。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-909" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;9&period;png" alt&equals;"プラグインのフォルダ" width&equals;"578" height&equals;"332" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Speech Bubbleのimgフォルダにアイコンのファイルが追加されました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-899 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;10&period;png" alt&equals;"追加ファイル" width&equals;"563" height&equals;"306" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>speech-bubbleショートコードの引数を<span style&equals;"color&colon; &num;0000ff&semi;">icon&equals;”icon&lowbar;k1&period;png”<&sol;span>等のように追加された画像名を指定します。<&sol;p>&NewLine;<p>&colon;-P FileZilla(ファイルラジ)については<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;2628&period;html"><strong>こちら<&sol;strong><&sol;a>(^^)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 12pt&semi;">ブログの中で画像を変更してSpeech Bubbleを使ってみました。<&sol;span><&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;0000ff&semi;"><strong>画像追加後の使用実例<&sol;strong><&sol;span><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-900" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;11&period;png" alt&equals;"吹き出し実用例" width&equals;"561" height&equals;"430" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;ff6600&semi;"><strong>name<&sol;strong><&sol;span><&sol;h3>&NewLine;<p><span style&equals;"color&colon; &num;ff6600&semi;"><strong>name&equals;”Aさん”<&sol;strong><&sol;span>の部分では,”Aさん”の部分をアイコンの下部や,吹き出しの上に表示します<br &sol;>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;1&period;jpg" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">no name<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> おこんばんわ <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p><strong>位置は選択したデザイン毎に決まっています。<&sol;strong><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-901" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;b&lowbar;8&period;png" alt&equals;"nameの位置" width&equals;"577" height&equals;"239" &sol;><&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;800080&semi;"><strong>会話について<&sol;strong><&sol;span><&sol;h3>&NewLine;<p>セリフは、ショートコードの&rsqb;&lbrack;で挟まれた部分に書き込みます。自由にテキストで書くことができます。ということは・・・<&sol;p>&NewLine;<p>会話の吹き出しの中はテキスト表示なので、検索ワードとしてSEOに関係してきます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;871&period;html">Stinger3画像変更へ<&sol;a>    <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;946&period;html">ファビコン作成へ<&sol;a><&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p> <br &sol;>&NewLine;<a href&equals;"&sol;&sol;life&period;blogmura&period;com&sol;zatsugaku&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;life&period;blogmura&period;com&sol;zatsugaku&sol;img&sol;zatsugaku88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;life&period;blogmura&period;com&sol;zatsugaku&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"雑学・豆知識 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;4979"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;4979&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;4979">雑学・豆知識 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了