- このトピックには30件の返信、2人の参加者があり、最後に
により10年、 6ヶ月前に更新されました。
-
投稿
-
-
Simplicity1.9.3(20151126)を利用させていただいてます。
無料で利用できる事に感謝しています。ありがとうございます。本題です。
モバイル版表示の際にトップページは表示されるんですが、個別の記事を見に行こうとすると
記事内容が表示されない不具合に陥ったので原因を調査していた所、
記事タイトル直下にシェアボタンがあると記事が読み込まれなくなる様です。今後の不具合修正はSimplicity2で行なっていくとのことですので、最新版で
修正されている（問題が発生していない）のであれば移行を考えたいと思います。並びに、この機能を利用している人が2へ移行していないのであればこの不具合があるので
最新に移行しましょうね～（ブーメラン）って事で…。 -
以下のページもSimplicity1.9.3なんですけど、記事が表示されていないのでしょうか？
http://nelog.jp/helpful-information僕のテスト環境のAndroidブラウザでも普通に表示されているようです。
-
そうですね、SNSの数値が出るまでの読み込み？が終わらず、
記事が表示されませんでした。サイトのレイアウトは、「完全レスポンシブデザイン」
「グローバルナビを表示」、一覧リストは「大きなエントリーカード」
でした。 -
> SNSの数値が出るまでの読み込み？が終わらず、
> 記事が表示されませんでした。利用されているsnsボタンのタイプは何ですか？
高速タイプなどデフォルト以外にした場合もそうなりますか？またf12キーなどから見れるconsole.logあるいはnetworkあたりでエラーは出てませんか？
もし出ている場合はautoptimizeや、ヘッドクリーナーなどjavascriptなどを一つにまとめるようなプラグインは入ってませんか？ -
-
>>Hidekichiさん
どのボタンに変えても読み込みが終わっていなかったのでボタンのレイアウトは関係無さそうでした。
表示されなかったのがスマホ版だったのでconsole.log見ようと思ったんですがやり方分かりませんでした。
一つにまとめるようなプラグインは入れてないですね・・・。>>わいひらさん
まあそうですよね・・・。 -
> どのボタンに変えても読み込みが終わっていなかったので
> ボタンのレイアウトは関係無さそうでしたこれ結構重要なところなんですけども、デフォルト以外にした場合も同じであればjQueryにエラー出てます。まぁそれがjQueryかjavascriptかは何を導入しているかにもよりますが。
これまでのフォーラム見てる限り何もスクリプトに手を入れてない場合は、たいていデフォルト以外で何とかなるような場合がほとんどだったんですけれども。> 表示されなかったのがスマホ版だったので
> console.log見ようと思ったんですがやり方分かりませんでした。chromeでf12キーより開いたパネルの左上辺りに携帯エミュレーターがありますので確認できます。
-
>>Hidekichiさん
素早いお返事ありがとうございます。なるほどこれがそうだったんですね。そういえばブログのURLを貼ってなかったので貼っておきます。
http://maruhoi.com/ -
footer(閉じbody付近)に何かjQueryのプラグインかjavascriptを独自に読み込ませているとかはありませんか？携帯の時にだけ動作するようなもの。
あと、モバイル時に読み込ませているSNSシェアボタンの種類はどんなものでしょうか？たぶん「はてブ」あたりに問題があると思うんですがページの読み込みが完全ではないので、外からは何が問題かまではつかみにくいですね。ここらもどうなるか試すためにモバイル時にデフォルト以外の高速タイプのボタンに変更して下さい。
そしたらはてブが何を返しているのかをヘッダ情報で見れるかも知れません。 -
>>Hidekichiさん
jQueryやjavascriptなど独自の物はやってないですね・・・。
モバイルの方で読み込ませている設定にしていたシェアボタンはTwitter「ツイート」ボタンの表示
Facebook「いいね！」ボタンの表示
Google＋「+1」ボタンの表示
はてな「はてブ」ボタンの表示
pocket「あとで読む」ボタンの表示
LINEボタンの表示（モバイル時）
Evernoteボタンの表示ですが、たしかにモバイル側ではてなボタンから一切表示されてない事に気付いたのと
シェアボタンのタイプ（PC)をデフォルトからテーマカラータイプに変更すると
PCの方でもシェアボタンが表示されない事に気付きました。デフォルト（サービス固有のボタン）にした時の画面（PC）
https://gyazo.com/d6e325d0351ff830382ac6a69a7394fc
（それぞれのボタンは機能している）Twitterタイプ（高速）にした時の画面（PC)
https://gyazo.com/6fd99e3b38fc49917d8af7c149505cff
（表示が消えてその後のフォローボタンも消える）こんな感じです。ソース見た時にリンクのhrefの所がhttp無い事は
知ってたんですけど関係あるのかな・・・。 -
連投すみません、シェアボタンが表示されない時に検証で確認してみると「Failed to load resource: net::ERR_FAILED」というエラーが3つ出てきました。
-
とりあえずわかる範囲で言うと、
http://steamsignature.com/profile/japanese/76561198016232790.png
等のsteamsignature.comはダウンしているっぽいですね。この部分の内容は全部コメントアウトしたほうが良いです。どこにどのように入っているかはわかりませんが、停止の方向で。
いつまでもページのロードが終わらないのはここも原因かと。consoleからjQueryでオブジェクトを消してみましたが、元々表示されてないのでタグ部分が消えても単純にずっと読み込みを続けているだけのような状態です。
はてブの所はデフォルトではどうなっているかは判断できませんのでできたらしばらく高速タイプのものにしといてもらえる方が助かります。
-
>>Hidekichiさん
了解です -
いったんevernoteを停止してもらっても良いですか？
-
とりあえず、一旦全てのプラグインの停止を試してみてください。
それでも、動作しない場合は、お試しで良いので、Simplicity2をインストールしてみて、SNSボタンが正常動作するかを確かめてみてください。
動作不良時のガイドラインこれを確認することで、ある程度原因の切り分けができるかと思います。
-
はてブのカウント取得する所のアドレスがevernoteのアドレスを含んでいたりするので、そこらが何かおかしいと思ったりするんですけれども、肝心なjavascript.jsはfooter付近で読みこんであると思われるため、何がどうなっているかを確認することはできません(読み込まれていないため)。
いっそのこと、親テーマにカスタマイズしていないのであれば、親テーマを最新の1.9.3あたりに変更されてはどうかと思うんですが、子テーマのstyle.cssにあまり記述がないので、もしかすると親テーマのstyle.cssをいじっている可能性があります。
となると、親テーマのstyle.cssは必ず保存しておく必要があるのと、cssがずっと読み込み中になっているので、css内に何かしらタイプミスがあり停止している可能性も無きにしも非ず。これらを踏まえて、データを保存の上、わいひらさんが言うように2系の方にいっそのこと移行してしまうか、あるいは1.9.3を再インストールするかして、再構築するのが良さそうです。;の抜けとかがどこかにあるのかもしれません。
2系の方に移行する場合は、カスタマイザーを再設定・再保存する必要があります。またダッシュボードからウィジェットに入り、各ウィジェット内に不要なウィジェットが入っていないか等も確認する必要もあります。javascript.jsに手を入れた記憶がない場合はプラグインがいっちょカミしている可能性もあり、原因を外から特定するのはかなり困難です。
しかし原因はSNSあたりにあるので、新規で1.9.3あたりをダウンロードして解凍し、javascript.jsだけftpなどでサーバーにアップロードしてどうなるかを見るのがまず1つ、SNSをカスタマイザーから全部停止して1つずつ有効にし、問題がある所で、そのSNS付近の記述(はてブならはてブ付近のソース)を新規ダウンロードしたファイルと比較してどうなっているかを確認すると言うのも1つ、何をやってもわからないという場合はテーマを再インストールして再構築と言う感じになるかと思います。何をするにしても現在のカスタマイズの状態は保存しておく必要があるので、ftp等を利用してローカルにテーマのディレクトリごと保存しておくのが良いかと思います。
-
>>わいひらさん,Hidekichiさん
アドバイスありがとうございます。一番上の通り2系に移行しようか考えていた所なので
色々記事を読みながら2に移行して状況を確認したいと思います。 -
連投になって申し訳ないです。作業をしてみて進展があったのでご報告します。(文章で出てくる問題=記事タイトルの通り)
はてブボタンを非表示にして他のボタンを全て表示させたままにしたところ、問題が解決する事が確認出来ました。導入しているプラグインを全て止めた上で、はてなブボタンを合わせて全て表示する場合では、問題が再発生しました。
WordPress本体が1個前のバージョンだったのでバージョンアップさせました。最新版の状態でも、はてブボタンを合わせて表示させると問題が発生しました。
javascript.jsですがsimplicity-child(子テーマ)では一切いじっていません。サイトからダウンロードしてきた「Simplicity 1.9.3 安定版」と運用中のSimplicity1.9.3のjavascript.jsのはてブ部分を比較してみましたが変わっている箇所はありませんでした。
という感じで解決する見込みが無かったので2に移行させました。Simplicity1.9.3で利用していた子テーマをアップデート系記事を参考にしながら、編集してsimplicity2用の子テーマとして運用出来ています。
しかしながら、この問題は解決しませんでした。はてブボタンを表示させるとやはり問題が発生します。他のボタンだけの場合では問題が発生しません。
とりあえず子テーマで弄ってるといってもstyle.cssのわずかな部分だけなので、この子テーマが原因であれば2用の子テーマを新しく持ってきてそれのstyle.cssを弄って適用させようかなと考えています。
-
そうなってくると、プラグインとかテーマのバージョンが原因ではなさそうですね。
何かはてなの部分にあるのは間違いないでしょうが。あとSimplicity2をインストールしたついでによかったら、以下の設定でシェア数が表示されるかどうか試してみてもらってよろしいでしょうか？
SimplicityでSNSシェア数をキャッシュ化する方法
（プラグインをインストールしたら、キャッシュは、完全に取得する必要はありません。これで、JavaScriptに原因があるのかどうかもわかるかと思います。
あと、どういったサーバーを使用されているのでしょうか？
こちらで見て見た限りでは、maruhoi.comとなっているのですが。 -
>>わいひらさん
Twitterの設定は行なっていませんがとりあえずプラグインを有効化してみました。シェア数の表示は問題ないみたいです。ただ、はてブボタンを表示させるとやはり問題が発生するみたいです。
ブログはConoHaのVPSで立ち上げていますね。
-
今回の内容とは関係ありませんが、はてブの所のスクリプトを修正しました。
サンプル: プロトコルで自動にhttp、httpsを付け替え(アドレスも変える) | jsFiddle
sslでは問題なく動作しました。通常のhttp:の動作が問題なければ、このスクリプトを応用して、他のものもプロトコル(スキーム)を付けられるかと思います。他のはスキーム省略で良いんですけどね。はてブはアドレスが変わるので。
ajaxのdoneとfailはthenで書き変えましたが動作は同じです。
-
#37306
ということは、PHPのコードで何かエラーが出ているのかもしれません。
もう一度、はてなの不具合部分のソースをみてみたい気もするんですが、ブログで、はてなボタン下エラーが出るまま表示させるのは嫌だと思います。
ですので、よかったら「はてなボタン（バルーン）の開始」部分から、「HTMLが以降表示されなくなるところ」まで、ソースを書き込んで（貼って）いただいて良いでしょうか？
（※ソースをこのフォーラムに貼ると、フォーラムの仕様で書き込み表示がおかしくなるかもしれません。けれど、もしおかしくなっても僕が修正するので、そのまま放置しておいてください。） -
#37323
分かりました。最新記事にはてブボタンを入れた時の記事のソースを貼り付けます。
（Chrome上でソースを確認すると一番最後の「<a href=”//b.hatena.ne.jp/entry/」の部分が赤色で表示されていました）
参考画像:https://gyazo.com/f4063e4d3e347f3a9b7263766326934b<li class="balloon-btn hatena-balloon-btn"> <span class="balloon-btn-set"> <span class="arrow-box"> <a href="http://b.hatena.ne.jp/entry/maruhoi.com/tool/image-editing-tool-skitch/" target="blank" rel="nofollow"> <span class="social-count hatebu-count">0</span> </a> </span> <a href="//b.hatena.ne.jp/entry/ -
はてブだけ、mb_convert_encoding()が使われているわけですがlib/sns.php、スクリプト的には問題ないと思うので、php.iniとかのmb_stringとかの設定が何やら問題があるとかはないですかね？
もしかするといつもの神プラグインWP Multibyte Patchが入ってないとかもあるかも。
-
#37339
「WP Multibyte Patch」プラグインは導入しようと思った所「お使いの WP Multibyte Patch を有効化するには PHP の mbstring 関数が必要です。」みたいな事を言われてたのでまぁいいかとスルーさせていました。これが原因なのであれば導入してみたいと思います（ちょっと今弄られないので終わったら連絡します）
-
//b.hatena.ne.jp/entry/の後の以下のコードの部分から表示されなくなっているので、以下の部分のPHPコードに何か問題があるのかもしれません。
<?php echo get_encoded_url(get_permalink()) ?>get_encoded_urlの関数は以下なので、hidekichiさんが書かれたmb_convert_encodingがビンゴっぽいですね。
//はてブするときに使用するエンコードしたURL function get_encoded_url($url){ return urlencode(mb_convert_encoding($url, "UTF-8")); }urlencodeは、他のボタンで使用しているし。
VPSにphp-mbstringをインストールする必要があるのかも。
WordPressのデフォルトプラグインWP Multibyte Patchを有効にする。 | eastforest -
返事が遅くなって申し訳ありません。
WP Multibyte Patchを導入した所、問題が解決しました。
わいひらさん、Hidekichiさんお時間をかけてくださり、ありがとうございました。助かりました。ただ、Simplicity2にしてからブログカードが表示されなくなってしまいました。
とはいっても外部のサイトと自分のブログドメイン（ maruhoi.com ）まではブログカードで表示されます。
表示されないのは、個別記事のブログカードです。こんな感じです。
-
連投すみません、imgタグで投稿した所上手く表示されてない様なので
https://gyazo.com/e11b2c95e690a24d1ee4be5f27f9aa6d -
lib/blog-card.phpの以下の部分の一行目コメントアウトして有効化し、2行目をコメントして無効にしてみてください。
/*$res = preg_match_all('/^(<p>)?(<a.+?>)?https?:\/\/'.preg_quote(get_this_site_domain()).'\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+(<\/a>)?(<\/p>)?(<br ? \/>)?$/im', $the_content,$m);*/ $res = preg_match_all('{^(<p>)?(<a.+?>)?'.preg_quote(site_url()).'/?[-_.!~*\'()a-zA-Z0-9;/?:\@&=+\$,%#]+(</a>)?(</p>)?(<br ?/?>)?}im', $the_content,$m);これでうまくいかない場合は、不具合が出ているページのURLを掲載していただけると助かります。
-
-
無事に解決しました！ありがとうございました。
-
- トピック「記事タイトル直下にシェアボタンがあるとiOS/Androidで記事が表示されなくなる」には新しい返信をつけることはできません。