WPテーマをStinger+からCocoonに変更した際の不具合まとめ!

cocoon-top-1STINGER PLUS+カスタマイズ
この記事は約9分で読めます。

こんにちは、古本専門主婦せどらーのmano(@100kin_sedori)です。

ブログの更新を再開したいと思って、一番最初にやらないといけなかった作業がWordPressのテーマを変更することでした!

 

これをやらないことにはブログの更新は無理だな…と前回の記事(2018年7月って…2年近く前です…(^_^;))を書いて思ったものの、テーマの変更は一大事!!ということは身にしみてわかっていたので、なかなか取り掛かる余力がなく…。

ですが、今回思い切って!!!Stinger PlusからCocoonテーマを変更してみたところ…

案の定、やっぱり様々な問題が湧き出てまいりました(T_T)

 

こちらの記事では、その問題と対応策についてレポートしていきます。

同じように、StingerからCocoonにテーマ変更を考えている方にはぜひ読んで頂きたいです(^^)/

 

Stinger→Cocoonで起きた問題の一覧

まず初めに、問題の起きた部分をざっと書き出してみたいと思います。

  1. 固定ページが表示されない
  2. サイドバーが表示されない
  3. グローバルメニューが表示されない
  4. プロフィールの画像が反映されない
  5. コピーライトの表示がダブる
  6. ファビコンの背景が黒くなった
  7. スマホでサイドバーが表示されない

ざっと並べると大きなものはこちらの7点でしょうか?

 

他にもまだあったような気がするのですが、あれこれいじっている間になんとなく解消してしまったり、よく覚えていなかったりするので、今回はこちらの問題について一つずつ詳細を書いて行きたいと思います。

 

不具合1:固定ページが表示されない

これがですねー、すごく直すのに苦労しました。

なぜ大変だったかというと、Cocoonが原因なのかそれ以外の要素が原因なのかが分からなかったからです。

 

結論から言うと、「.htaccessのリライトルール」のエラーが原因でした。

もしかすると、Cocoonを導入する際に、併せてWordpress自体のバージョンアップをしたので、その影響もあったのかもしれません。

 

そのエラーの改善方法ですが、実は至極カンタンで、パーマリンクを設定し直すこと。

設定し直すと言っても、実際はパーマリンクの設定は変更しなくて良くて、画面一番下にある [変更を保存] のボタンをクリックするだけ!

この設定は、ダッシュボード>[設定]>[パーマリンク設定]から行います。

 

ホントにこれだけだったので、表示が直った時は思いっきり拍子抜けしました。

それまで、固定ページを全部作り直したり、グローバルメニューを設定し直したり、プラグインを片っ端から削除したり、スキンをデフォルトに戻したり、あれやこれや本当にいじくり倒していたので、こんなカンタンなことだったとは…(T_T)

 

この問題解決は、こちらのサイトを参考にさせて頂きました。

コメント欄がなくてお礼が言えずじまいですが、こちらでお礼に変えさせて頂きます。

本当にありがとうございました!!

WordPress:固定ページが404エラーになってしまった | Walls & Floor
WordPressの固定ページが404エラーで表示されない問題の対処方法 原因は、パーマリンクを変更したりなにがしかのプラグインをインストールすると固定ページが「404 file not found. ページが見つかりませんでした」となってしまう場合があります。 .htaccessのリライトルールに問題があるか、そもそ...

 

不具合2:サイドバーが表示されない

そして二番目の問題が、サイドバーが表示されない現象。

108sedori-henkou-top

トップページも記事ページも1カラムの状態になってしまい、まったく表示されていませんね。

 

設定としては、ウィジェットの「サイドバー」にテキストなどを入れていました。

Stingerの時のウィジェット設定も残っていたのですが、そちらを入れても上手く動作しなかったので、全部コピペして入れ直し。

cocoon-sidebar

 

その他にもあれこれあれこれいじくったのですが、結局解決せず。

あまりにいじくりすぎて、最終的にどうやって解決したのかちょっと自信ないのですが、決定打となったのが、Stinger Plusをテーマ一覧から削除したこと! だと思います。

多分…(^_^;)

 

この操作は、ダッシュボード>[外観]>[テーマ]からも出来ると思うのですが、私はサーバのフォルダから直接削除しました。

サーバに接続すると、ドメイン直下に「public_html」というフォルダがあるので選択、その中の「wp-content」というフォルダを選び、その中にある「themes」に「Stinger」と「Stinger child」が入っていたので、そちらを×印で削除しました。

 

stinger-server

ちょっともうサーバにStingerのテーマデータが残っていないのでアレですが、一応画像を載せておきますね。

サーバに接続するためのソフトは、フリーで使える「FFFTP」を使っています。

すごくわかりやすいので、大変重宝しています♪

窓の杜
「FFFTP」定番FTPクライアントソフト

 

不具合3:グローバルメニューが表示されない

そして3番目が、「グローバルメニューが表示されない」問題。

こちらもですねー、固定ページが表示されないのとワンセットだったので、あれこれもうそれはそれは色んなことを試しました(-_-;)

 

結局、こちらも2番目と一緒で、Stingerのテーマを削除することによって解消したような…気がします(^_^;)

グローバルメニューの設置自体はこちらの公式サイト通りに操作すればすぐ出来るんですが、いじっているうちになぜか消えてしまい…。

グローバルナビのメニューを設定する方法
主にパソコンなどで表示されるグローバルナビメニューの設定方法です。サブキャプション機能で補足説明を入力することも可能です。

 

最終的にStingerを削除した後に復活しました。

 

不具合4:プロフィールの画像が表示されない

次の4番目、サイドバーにプロフィール画像が反映されないという問題。

 

こちらはですね、ウィジェットのプロフィールを利用して表示させるんですが、文字やSNSボタンは有効なのに、なぜかプロフィール画像だけ表示されなくてですね。

cocoon-side-profile

↑こんな感じです。

 

ずいぶんあちこち設定を調べたところ、これがまた拍子抜けするほどカンタンな話で、

設定 > [ディスカッション]のページにある「アバターを表示する」のチェックボックスにチェックを入れるだけだったのです!

あー、もうすっごい時間浪費してしまった~。

 

この件に関しては、こちらのサイトの記事を参考にさせて頂きました。ありがとうございました!

【Cocoon】プロフィールボックスをSANGO風にカスタマイズ
WordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回はサイドバーと記事下のプロフィールボックスを人気のWordPressテーマ「SANGO」風にカスタマイズしてみました。サイドバーではこんな感じになります↓記事下のメインカ

 

そして、なかなか直らないのでCSSカスタマイズを参考に設定したらどうかな!?と思って試してみたところ、先にプロフィール背景画像の表示だけ成功しました。

せっかくなので、そのまま設定を残しています。棚ボタ的に良い感じになって嬉しいです(^^)/

【Cocoon】プロフィールボックスをオシャレにカスタマイズしてみたッ!!
CocoonでプロフィールボックスのデザインをTwitter風にオシャレにデザインするCSSカスタマイズです。コピペで使えます。

 

不具合5:コピーライトの表示がダブる

そして最後に、最下部に表示するコピーライトの表示がダブってしまう問題。

これは当時の画像を残していなくて状態をお見せ出来ないのですが、パソコンで見ると左側にサイトタイトルが表示され、右側にコピーライト表示が表示されているような状態で、スマホで見ると完全に文字がダブって表示されていました。

 

こちらはなかなか直らないので、しばらく放置して他をいじっていて、気がついたら解消していたので、解決法がイマイチわからないのですが、おそらくこれもStingerを削除することによって解決したような気がします(^_^;)

 

不具合6:ファビコンの背景が黒くなった

そして6番目の不具合。

パソコンで閲覧したときのみ、タブに表示されるファビコン。

cocoon-fabicon

Cocoonはファビコンの設定もカンタンなのですが、StingerPlusの時は背景に色がついてなかったファビコンが背景黒で表示されるようになってしまいました。

 

これはおそらく画像の形式を保存し直して再UPしないといけないと思うので、まだ処理していません。

昔だったら絶対直す!!という意欲の元、やり直していたと思うのですが、もうなんかそのくらい些末なことはどうでもいいかな…という老人のような心境に至っているので(笑)、後でまた気が向いたら、作り直そうかなと思います。

 

というか、どうせやり直すなら新しいファビコンにしたい気もするので、そのままの可能性も大ですが。(^_^;)

 

不具合7:スマホでサイドバーが表示されない

そして7番目。パソコンでの表示は問題ないのですが、スマホで見るとサイドバーのウィジェットが全く表示されなくなってしまいました。

この問題は解決方法が分からなくて、Cocoon公式サイトのフォーラムで質問して教えて頂きました。

 

どうやら、あれこれいじっているうちにフッターの設定を変更してしまっていたようで、こちらのチェックをデフォルトに戻したらちゃんと表示出来ました。

Cocoon設定>[モバイル設定]>[モバイルメニュー]の項目です。

cocoonモバイルフッターメニュー

 

サイドバーかウィジェットの設定が間違ってるとばかり思ってたら、フッターの設定だったとは!

解決してみるとなんてことないんですが、不具合が出ると修正方法見つけるのがホント難しいですね…(-_-;)

 

人気記事の表示についての注意

それから最後に、不具合ではないのですが、サイドバーに人気記事を表示する時の注意点です。

 

Cocoonは独自でアクセスを集計してくれるので、サイドバーに「人気記事」のウィジェットを出せば閲覧数の多い記事を表示してくれるのですが、こちら集計が0からやり直しになるらしく、一日何万ビューもあるサイトならいざしらず、いきなり変更すると自分がアクセスした記事しか表示されません(-_-;)

 

なので私は、今まで使っていたプラグインの「WordPress Popular Posts」を当面そのまま使うことにしました。

しばらく更新を続けて、アクセスがそれなり増えてきたら、Cocoon純正のアクセス集計の方に切り替えようかなと思っています。

うまくアクセスが増えればの話…ですが(-_-;)

 

ただ、「WordPress Popular Posts」のランキング順位の数字を表示設定していたCSSが消えてしまったので、この設定だけもう一度やり直しました。

この設定はこちらのサイトの設定を参考にさせて頂きました。ありがとうございました!!

「WordPress Popular Posts」で任意の記事を順位付きでランキング表示する方法
手軽に人気記事ランキングを作成できるプラグインとして有名な「WordPress Popular Posts」 デフォルトでも十分使えるのですが、色々とカスタマイズしたくなりますよね。 そんなカスタマイズの中で、今回ご紹介するのが、このランキ

 

Stinger Plus→Cocoonにテーマ変更した際に出た不具合まとめ!

ということで、Stinger PlusからCocoonにテーマ変更するにあたって出てきた不具合について書いてみましたが、こうやって書くと意外と少ない?…ですか?(^_^;)

ワタシ的には結構直すの大変で、丸二日くらい費やしたんですが、書き出してみると意外と大したことないなっていうか…。

 

あと直さないといけなかったのは、タイトルヘッダー部分や背景色の設定のやり直し、それからアドセンスの設定ぐらいでしょうか?

放置しすぎてめっきりアクセスが減っているので、アドセンスはまだ設定していませんが(^_^;)

 

といったところで、ずいぶん長くなりましたので、今回はこの辺で。

「これからStingerをCocoonに変更しようかな!?」とお考えの方の参考になれば嬉しいです。

最後までお読み頂きありがとうございました。manoでした!

コメント

タイトルとURLをコピーしました