WEB関連 WordPress

WordPress「Stinger3」と「Jetpack」が競合して、モバイル用テーマが正常表示できなかった件

こんばんは、ぶんちょうです。

数日間にわたって悪戦苦闘した結果、あっけなく解決しましたのでご報告します。今思うとアホみたいな原因でした。

課題

WordPressテーマ(「テーマ」というのは機能&デザインテンプレートのようなイメージです)である「Stinger3」を入れたが、モバイル用画面がおかしい。当ブログは7割方がスマートフォンユーザのようなので早期に解消したい。

症状

・スマホやiPadなど携帯端末によって「Stinger3」のモバイル用画面になるときとならないときがある。
・スマホにて「Stinger3」のモバイル用画面にならないとき、モバイル用画面のトップページにおいて本文抜粋が表示できる投稿とそうでないものがある。以下画像はfirefoxのプラグインでモバイル表示した状態。

JETPACK_MOBILE_1
・スマホにて「Stinger3」のモバイル用画面にならないとき、「Full view」というリンクをクリックするとパソコン版画面が表示されるはずなのに、「Stinger3」のモバイル用画面が表示される。なんじゃこりゃ。

 

原因と考えられたこと

1)標準のテーマ(twentyなんちゃら)から現在の「Stinger3」に至るまで、3度ほどテーマを変更したことがある。
2)Wordpressを覚えるにあたって、プラグインを入れまくり、停止、削除などを繰り返していた。
3)WPtouchなどモバイル用テーマを入れてみたりもした。
4)画像が重いのでキャッシュプラグインをいくつか入れていた。

対応策

何か分からんが古いデータ?テーマ?が部分的に機能してしまっているんじゃないかと思いました。

・不要なプラグインを見直し。停止した。また可能な限り停止だけでなく削除した。キャッシュ系のプラグインも同様。
→変わらず。

・テーマのデータがおかしくなっていないか比較コンペアした。
→問題なし。

データベースクリーナー系のプラグインを試した。パソコンで言うレジストリクリーナーみたいなの。
→変わらず。

解決方法

Jetpackのモバイル用テーマが機能しており、これが「Stinger3」と中途半端に共存してしまっていたらしい。
そのため場合によってはJetpackのモバイル用テーマが、或いは「Stinger3」のスマホ画面が表示されていたのでした。

具体的には、Jetpackの設定画面で「モバイル用テーマ」ってのがありましたので、こいつを停止しました。
ほんと灯台もと暗しでしたよ。いくらググっても出てこないし泣きそうでしたわ。

なぜ無駄にハマったか(震え声)

まあ私の無能さが原因ですが、言い訳すると「停止」ボタンが表示されていれば、ああこいつ動いてるんだなって気付いたのでしょうけど、そうでなかったのが無駄にハマった原因のひとつと考えられます。

JETPACK_MOBILE_2

だってJetpackの「モバイル用テーマ」なんて設定したっけかな。。と見てみると「有効化」「停止」いずれも表示がない状況なんです。
どっちやねん、動いてんの?止まってんの?もしかしてこいつか?でも「停止」ってボタンがないし。こいつだけ止められないの?って。
結果、「さらに詳しく」ボタンをクリックすると「設定」ボタンが「停止」ボタンに変化して押せるようになりました。

JETPACK_MOBILE_3

経緯を振り返ってみた(また言い訳)

そもそも当ブログは「お名前ドットコム」の共有サーバSDで稼働しています。
私自身、Wordpressを使うのが初めてだったもんで「Wordpressかんたんインストール機能」を使いました。
謳い文句通りに、本当に簡単にインストールできるのですがこれにはJetpackがプリインストールされています。

Jetpackとは、いわばオールインワンなWordpressのプラグインです。プラグインの集合体的な感じで色んな機能があります。それもWordpressを提供しているメーカー純正品です。
Wordpressを使い始めてから、習うより慣れろとばかりに、とりあえず使えそうなものは深く考えず「有効化」してみる、というフロンティアスピリッツも要因だったかと。

まとめ

WordPressのプラグインは、ちゃんと理解して「有効化」しましょうね。


ハードウェア Amazonレビュー iPad-iPhone オーディオビジュアル スマートフォン

2020/7/3

低価格帯(5,000円以下)で超オススメなカナルイヤホン「final E3000」のマイク付きモデル「E3000C」を買ってみたよレビュー

これまで多くの中華イヤホンレビュー記事を書いてきた中で、何度か「もし国内メーカーの低価格帯イヤホンを買うならFinal(ファイナル)がオススメ」とお伝えしました。しかし実は自分で買っておらず、店頭で数回試聴しての判断でした。リファレンスイヤホンはオーディオテクニカのATH-IM03&ATH-IM04だし、奇想天外ながらハズレの少ない中華イヤホンKZを買うことが多かったから、あまり他の低価格帯イヤホンを購入する機会がなかったのです。 そんなある日、中学生になる娘から「iPhoneのイヤホンが壊れたから、新し …

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/6/18

iPad Proでイヤホンを使いながら充電する方法は、便利なUSB Type-Cアダプターやハブを使うべし

2018年以降に発売されたiPad Pro 11/12.9インチにはイヤホンジャックが無く、USB Type-Cポートが一つあるだけです。USB Type-Cからイヤホンジャックへ変換するケーブル・アダプターは存在しますが、充電しながらイヤホンが使えないと思ってしまっている方はいらっしゃらないでしょうか。 実際に家電量販店やケータイショップ、はたまたAppleストアを見ていても、充電しながらイヤホンを使えるアダプターは見つけることが出来ません。しかし、Amazonや楽天、Yahoo!などのネットショップで …

続きを読む

iPad-iPhone スマートフォン

2020/6/8

ドコモケータイ補償サービスでAndroidスマホを交換修理したけど、もう二度と使わないと思った話

この記事では、ドコモスマートフォンのケータイ補償サービスを実際に使ってみて、申し込み手続き方法や設定環境移行について、故障品の返却について、そして分かりにくいケータイ補償サービスの違いをレポートします。 毎月、保険料のようなかたちでケータイ補償サービスの掛け金を払ってきましたが、今回試してみてかなり残念な一面もありましたので参考になればと思います。

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/6/1

iPhone/iPad/Android/Mac/Windowsの画面をモニターディスプレイやパソコンへ映し出すミラーリング方法まとめ

iPhoneやiPadシリーズ、あるいはAndroidスマホ・タブレットなどの画面を他の人に見せたいと思ったことはありませんか。また自宅の大型テレビでパソコンの画面を映し出したり、プレゼンなどで会議室の大型ディスプレイやプロジェクターに出力したいと思ったことはありませんか? これら携帯端末やパソコンの画面を大きな家庭用テレビや大型PCディスプレイに映し出すことをミラーリングと言いますが、端末やコネクタージャックの種類、無線か有線かによっても方法が異なり、それぞれメリット・デメリットが存在します。 ネット検 …

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/5/6

PUBGモバイルなどのゲームと、Discordなどのボイスチャットアプリを併用する方法が分かったよ

音声ミキサーやパソコンを使わずに、PUBGモバイルの音を聞きながらDiscordなどのボイスチャットアプリで仲間と話せる方法をご紹介します。その解決方法は、意外なイヤホンを使うというものでした。 PUBGモバイルが楽しすぎて5シーズン連続でエースランクを取り続け、次シーズンこそ征服者になってみようと頑張っていますが、一つだけ悩みがありました。それはPUBGモバイルとDiscordを併用すると、PUBGモバイルの音声がモノラルで聞こえてしまうことでした。

続きを読む

オニオン座のオススメ記事

1

この記事では、Amazonプライム会員になるメリットとデメリットを整理してご紹介します。配送料無料やAmazonビデオ、Amazonミュージックなどのサービスははたして会費に見合うものなのでしょうか。 …

2

先日、スマホで使えるAudible (オーディブル)というオーディオブックサービスが1ヶ月無料という情報を聞いたので、実際に申し込んで本を購入してみました。ついでに解約方法も確認しておきました。 新型 …

3

Fire TV Stick 4Kを購入して幸せになった私が、調子に乗ってFire HDタブレットを初めて買ってみましたのでレビューしたいと思います。Fire HD8の使い勝手だけでなく、iPadとの比 …

-WEB関連, WordPress
-, ,

Copy Protected by Chetan's WP-Copyprotect.

© 2020 パパママ世代応援ブログ:オニオン座