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-10876" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;1019350&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"259" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">WordPressに引っ越すまででもいろいろありましたが、ここでは引っ越してからのヘッダー周りの設定の時の躓きについて書き留めておきます<&sol;p>&NewLine;<p>ショートコードをそのまま表示した時や、ファビコン設置の操作ができなかったというトラブルなど。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ショートコードをそのまま表示したはずが・・<&sol;h2>&NewLine;<p>・Speech Bubbleの記事を書いたときに、ショートコードをそのまま表示させる方法がわからなくて検索。<br &sol;>&NewLine;簡単なやり方をみつけたけど、なぜかうまくいかない。<&sol;p>&NewLine;<p>一度はプレビューでちゃんと表示されたのに公開したら吹き出しになっていたという・・・<br &sol;>&NewLine;今回の躓きについて調べても同じようなことで悩んだ人を見つけられなかった。<br &sol;>&NewLine;(ショートコードをそのまま表示は<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1085&period;html">こちらのページ<&sol;a>に)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>多分原因はこれ<&sol;h3>&NewLine;<p>繰り返し操作する内にふと、思い当ることがあり、試してみました。<br &sol;>&NewLine;これも検索しても当たり前のことなのか、困ったという記事は見当たりません。<&sol;p>&NewLine;<p>それはWordPressで記事を書くときのモードの切替。<&sol;p>&NewLine;<p>WordPressの記事投稿画面には「ビジュアル」モードと「テキスト」モードのタブがあります。<&sol;p>&NewLine;<p>今までは基本ビジュアルモードで記事を書いていました。<br &sol;>&NewLine;たまに必要に応じてテキストモードに切り替えることもありました。<&sol;p>&NewLine;<p>改行については普通にEnterで広く改行、Sift&plus;Enterで普通の改行。<br &sol;>&NewLine;でその通りだったのですが、ある時ビジュアルモードで改行したあとテキストモードで少し編集をして、またビジュアルモードに戻ると改行がされていない。<&sol;p>&NewLine;<p>というような現象がかなり頻繁に起こりまして・・・<&sol;p>&NewLine;<p>??なぜという思いのまま、ビジュアルモードで改行したり、テキストモードでやってみたりしていました。<&sol;p>&NewLine;<p>なにかのプラグインがいけないのか?<br &sol;>&NewLine;と改行に関するプラグインを停止してみても直りません。<&sol;p>&NewLine;<p>これについても少し検索してみましたが、ワードの入れ方が悪いのか、ピッタリの記事はヒットしませんでした。<&sol;p>&NewLine;<p>まぁ、どちらかで思うような改行ができるので、いいかぁ~と気軽に考えておりました。<&sol;p>&NewLine;<p>でも今回はこれでは済みません。<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 14pt&semi;">記事が更新できない(TT)<&sol;span><&sol;p>&NewLine;<p> <br &sol;>&NewLine;冒頭で書いたようにショートコードをそのまま表示させる対策をしたにも関わらず、吹き出しになってしまうという現象です。<&sol;p>&NewLine;<p>そこで思い当ったのが、この記事を書くモードのせいかも?<br &sol;>&NewLine;ということで実験してみました。<br &sol;>&NewLine; <&sol;p>&NewLine;<p><strong><span style&equals;"color&colon; &num;ff00ff&semi;">・ショートコードをそのまま表示の対処をしない<&sol;span>場合<&sol;strong><&sol;p>&NewLine;<p>文面をビジュアルモードで書くとこうなります。<br &sol;>&NewLine;最初にショートコードを書いて、その下にこう表示されますという画像をいれた説明文の場合ですね。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-1115 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t&lowbar;01&period;png" alt&equals;"ビジュアルモードで記述" width&equals;"882" height&equals;"472" &sol;><br &sol;>&NewLine;当然ですが、記事では狙い通りショートコードはそのまま表示されても、<br &sol;>&NewLine;プレビューではSpeech Bubbleのショートコードは吹き出しになってしまいます<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-1116 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t&lowbar;2&period;png" alt&equals;"ビジュアルモードのプレビュー" width&equals;"620" height&equals;"542" &sol;><&sol;p>&NewLine;<p>次にテキストモードで書いても同じくです。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1117" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t02&period;png" alt&equals;"テキストモードで" width&equals;"884" height&equals;"218" &sol;><&sol;p>&NewLine;<p>記事では吹き出しになりませんが、プレビューでは吹き出しにはなります<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"color&colon; &num;ff00ff&semi;">・ショートコードをそのまま表示できるように対処した<&sol;span><&sol;strong>場合<&sol;p>&NewLine;<p>ビジュアルモードでは<&sol;p>&NewLine;<p>当然ですが、ショートコードの[]の部分を書き換えれば、そのまま&amp&semi;&num;91&semi;などが表示されてしまいます。<&sol;p>&NewLine;<p>ビジュアルモードではHTMLの編集とかはできないのですから。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1119" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t03&period;png" alt&equals;"ビジュアルでショートコード表示" width&equals;"882" height&equals;"479" &sol;><br &sol;>&NewLine;プレビュー(下の図)でも同様ですね<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1118" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t04&period;png" alt&equals;"ショートコードの書き換えビジュアルで" width&equals;"597" height&equals;"416" &sol;><&sol;p>&NewLine;<p>コードの書き換えはテキストモードでしないと有効にはならないので、、<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1120" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t05&period;png" alt&equals;"テキストモードでショートコード表示" width&equals;"889" height&equals;"239" &sol;><&sol;p>&NewLine;<p>当然、プレビューでは思う通りの結果になります。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1121" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t06-1&period;png" alt&equals;"テキストでの結果プレビュー" width&equals;"618" height&equals;"414" &sol;><&sol;p>&NewLine;<p> <br &sol;>&NewLine;図のようにうまくいきました。<&sol;p>&NewLine;<p>&NewLine;で、<span style&equals;"font-size&colon; 14pt&semi;"><strong>ここで、です<&sol;strong><&sol;span>。<&sol;p>&NewLine;<p>原因は私の投稿記事をかくときの操作にありました(--;。<&sol;p>&NewLine;<p>このまま公開して終わりにすればなんのトラブルもなかったのですが、画像を挿入するのにビジュアルモードで確認しながら入れるという癖がありまして・・・<&sol;p>&NewLine;<p>うまくいったところで、他にも画像を挿入しようとビジュアルモードに切り替えたんですね。<br &sol;>&NewLine;そして画像を挿入。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1122" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t07&period;png" alt&equals;"画像をビジュアルで追加" width&equals;"745" height&equals;"668" &sol;><&sol;p>&NewLine;<p> <br &sol;>&NewLine;ここでプレビューをみるとこうなる訳です。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1123" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t08&period;png" alt&equals;"プレビューで確認" width&equals;"634" height&equals;"698" &sol;><br &sol;>&NewLine;<span style&equals;"font-size&colon; 14pt&semi;"><strong>テキストモードで[]を書き換えたのが元にもどっています<&sol;strong>&lpar;゜&Dcy;゜&semi;&rpar;<&sol;span>。<&sol;p>&NewLine;<p>焦ってまた記事を確認。<&sol;p>&NewLine;<p>すぐには気が付かず、何が悪いのかああでもないこうでもないと操作している内にこれか!となった次第です。<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 14pt&semi;"><strong>テキストモードで設定したものが、ビジュアルモードにいくと取り消されてしまうということでした。<&sol;strong><&sol;span>。<&sol;p>&NewLine;<p>なんだそんなことも知らなかったのか?<br &sol;>&NewLine;と言われるようなことかもしれませんが、<br &sol;>&NewLine;いまだブログ初心者の域をでない私としては、そんなことも知らなかったわけです。<&sol;p>&NewLine;<p>投稿の説明はどのサイトでも『ビジュアルモードでは初心者向きで使いやすい、テキストモードは、HTMLタグを直接入力することができます。切替はタブで・・・・』というところです。<&sol;p>&NewLine;<p>どちらかのモードのみを使用しないといけないという記述はみつかりませんでした。<&sol;p>&NewLine;<p>別に行ったり来たりしてもいいのかもしれませんが、このショートコードをそのまま表示するというのは行ったり来たりしてはダメの様です。<&sol;p>&NewLine;<p>いや、それは違う とか、<&sol;p>&NewLine;<p>これはこうすればいい とか、<&sol;p>&NewLine;<p>別の理由があるとか などなど・・<&sol;p>&NewLine;<p>ご指摘やご意見があればコメントに書いていただければと思います。&lt&semi;&lpar;&lowbar; &lowbar;&rpar;&gt&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>追記:[]を2重にするのもやってみましたが、[]を全部2重にすると記述の中の[]が表示されてしまうということがおきました。<&sol;p>&NewLine;<p>[]を2重にするのは最初と最後だけでいいみたいです。<&sol;p>&NewLine;<p>ファビコン設置のトラブルへ続く<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ファビコン設置で &horbar; 外観&srarr;カスタマイズが操作できない<&sol;h2>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;946&period;html">ファビコンの作り方<&sol;a>で書いたのは、WordPressの4&period;3以後のバージョンでは簡単に設置できるというものでした。<&sol;p>&NewLine;<p>WordPressのブログがもうひとつありまして、そちらでもちがうファビコンを作ってみました。<br &sol;>&NewLine;その時のことです。<&sol;p>&NewLine;<p>画像もでき、ダッシュボードから外観&Implies;カスタマイズで設定するだけ・・・のはずでしたが<&sol;p>&NewLine;<p>カスタマイズ画面が点滅して操作できません。<&sol;p>&NewLine;<p>こんな感じです。<&sol;p>&NewLine;<p>赤枠の部分が点滅していて、待ってもおさまらず、何もできません。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1124" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;t12&period;png" alt&equals;"カスタマイズ画面の点滅" width&equals;"869" height&equals;"595" &sol;><&sol;p>&NewLine;<p> <br &sol;>&NewLine;調べると何かのプラグインの相性が悪い可能性があるようです。<&sol;p>&NewLine;<p>参考にしたサイトで原因になったと思われるようなプラグインは入れてないので私の場合はと、1つずつ検証するしかありません。<&sol;p>&NewLine;<p>でも、幸いうまくいった方のWordPressと、操作できずに点滅しているWordPressは同じテーマで設定も同じでした&lpar;&Hat;&Hat;&rpar;。<&sol;p>&NewLine;<p>ふたつを比べて、プラグインに違いがないか確認すればいいだけです。<br &sol;>&NewLine;点滅している方に、1つ多くプラグインがありました。<&sol;p>&NewLine;<p>コピペ防止のプラグインで<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff00ff&semi; font-size&colon; 12pt&semi;"><strong>WP Copyright Protection<&sol;strong><&sol;span><&sol;p>&NewLine;<p>です。<&sol;p>&NewLine;<p>これを停止にしてみました。<&sol;p>&NewLine;<p>やったぁ~!<span style&equals;"font-size&colon; 12pt&semi;">点滅が止まり操作できるようになりました<&sol;span>(^o^)v<&sol;p>&NewLine;<p>ファビコンの設定をしてから、またプラグインを有効にしましたが、今の所支障はないようです<&sol;p>&NewLine;<p>このほかにもまだ未解決のことがいくつかありますが・・・今回はここまで。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>なんともしょうもない躓きかもしれません。<&sol;p>&NewLine;<p>でも、もしかしたら同じようなことで焦っている方もいるかもしれません。<&sol;p>&NewLine;<p>そんなあなたのお役にたてればと思います。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1085&period;html">ショートコードをそのまま表示させるにはへ<&sol;a><br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1132&period;html">PhotoScapeで作る簡単GIFアニメ<&sol;a> へ<br &sol;>&NewLine; <&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;9200"><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;9200&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;9200">日々の出来事 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

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