- このトピックには6件の返信、1人の参加者があり、最後に
により8年、 4ヶ月前に更新されました。
-
投稿
-
-
レイアウト崩れのトピックではお世話になりました。そろそろ経過報告しようと考えていたところに新しい問題が発生しましたのでまたお知恵を拝借したく登場いたしました。
その後はずっとレイアウト崩れ対策を１記事ずつ実施しながら時間が経過し、約４０記事位の対策が完了し、大体の傾向が見えてきたので別トピで報告いたします。
その作業の中で問題が発生しましたのでその方法を説明します。
１．ローカル環境のWPダッシュボードで「投稿一覧」から対象記事の「編集」をクリック。
２．修正作業が完了するとプレビューで確認後コピー
３．サーバーの「投稿」ー「新規追加」でタイトルを「●のテスト」とし、本文にペーストで貼り、「下書きとして保存」をクリック
４．保存が完了後、「プレビュー」で表示を確認後コピー
５．サーバーの「投稿」ー「投稿一覧」で対象記事の「編集」をクリック。
６．全文選択後ペーストして「更新」をクリック、「変更をプレビュー」をクリックこの時のURLは下記７．想定通り変更が反映されていることを確認後、念のため対象記事の「表示」をクリック。URLは下記
https://ryoumablog.work/blog/2017/02/15/my-wayfrank-sinatra/
この「表示」では変更前の状態で表示されています。
＜皆様にお尋ねしたい点＞
約４０記事を今まで修正してきて、今回この１記事だけに出た現象です。
「表示」と「プレビュー」の不一致が発生する条件をご存知であればご教示願います。
修正でURLを変えたくないので何とかこのまま「表示」を「プレビュー」に一致させたいのです。どうしても不可能なら最後の手段として次の二通りを考えています。
１．サーバーから一旦対象記事を削除し、下書きのテストを公開に切り替える。
２．かうたっくさんから教えて頂いたFTPでローカル環境の修正ファイルをアップ（自信なし） -
こんにちは
「表示」と「プレビュー」の不一致が発生する条件をご存知であればご教示願います。
表示とプレビューの不一致、とありますが、どのようにちがうのか比較ができないので、質問させてください。
CSSだとエディタ用のCSSに追記が必要ですが、『どこ』の『どの部分』が『どのように違う』のかが不明です。
どうしても不可能なら最後の手段として次の二通りを考えています。
１．サーバーから一旦対象記事を削除し、下書きのテストを公開に切り替える。
２．かうたっくさんから教えて頂いたFTPでローカル環境の修正ファイルをアップ（自信なし）おそらく不可能ではないように思います？たぶんですが…。。
プレビューはログインしてないと見えないので、該当箇所のスクリーンショットと、その部分のテキストエディタをコピペしてもらえますか。※公開中の該当記事を編集中っぽいですね？
あと
/2017/02/15/my-wayfrank-sinatra/の画像も同時にアップしていただけたら、どの部分か確認できると思います。（記載漏れがなければ）あと、『サーバー』と表現されてるのを『別の表現で言えば』何になりますか？
２．かうたっくさんから教えて頂いたFTPでローカル環境の修正ファイルをアップ
この件ですが、もしかしたらWordPressのテンプレートファイルと関係ないかも知れないので一度忘れて頂いたほうが良いかと、今は思います。
以下は私メモとして。
※本番環境を直接編集されてる最中のプレビュー
※公開リンク先のbodyのclass
post-template-default single single-post postid-67 single-format-standard categoryid-1491 categoryid-1490 categoryid-1508 categoryid-1503 categoryid-1489 categoryid-1488 categoryid-1520 categoryid-1498 -
１．サーバーから一旦対象記事を削除し、下書きのテストを公開に切り替える。
何が違うか不明ですが、『サーバーから一旦対象記事を削除』これは、以下リンクのことですか？？？
このリンクはおそらく、以下公開ページの編集用ページだと思います。
https://ryoumablog.work/blog/2017/02/15/my-wayfrank-sinatra/
『
『上にあげた不明点も多々あるのですが』
』
編集ページだと思うので『更新ボタン』を押したら反映する気がしてきました。更新ボタンを押したら、反映されませんか？？？
元に戻したい時はリビジョン（記事の下の方にあるもの）で戻せますが、リビジョンを貯めないカスタマイズをしていたら自力で直す感じです。
※リビジョンがあるのなら、大量にあるかと頭がハテナになりつつ想像してます。 -
かうたっくさん、今回もお世話になります。
既に４０記事以上同じ作業を繰り返してますので、一連の流れは身についています。
スクリーンショットを撮ってみました。
プレビューのスクリーンショット
https://gyazo.com/63c79d1cb831681c2b43adfa0f9a70c0「表示」のスクリーンショット
https://gyazo.com/1a22ae78ca22149d2b65a05b698e891eかなりあちこち修正していますが一番わかりやすい箇所です。
藤圭子の動画がリンク切れになっているのをリンクを貼りなおしているのがわかると思います。ところで
「/2017/02/15/my-wayfrank-sinatra/の画像」
とはスクリーンショットのことだと思い、
試したのですが画像が大きすぎるのか歯車がいつまでもクルクル回って終わらないので諦めました。『サーバー』と表現されてるのを『別の表現で言えば』何になりますか？
ローカル環境に対する比較で使った言葉です。レンタルサーバーに保存されたデータのつもりです。
更新ボタンを押したら、反映されませんか？？？
これはもう何十回もやっていますので間違っていないと思います。
-
「表示」のスクリーンショット
https://gyazo.com/1a22ae78ca22149d2b65a05b698e891e『表示』とは管理画面のビジュアルエディタですか？
「/2017/02/15/my-wayfrank-sinatra/の画像」
とはスクリーンショットのことだと思い、
試したのですが画像が大きすぎるのか歯車がいつまでもクルクル回って終わらないので諦めました。竜馬さんには公開されたページはどのように表示されてるのか不明で、そこが分かると質問の意図が見える気もします。
公開されているアドレスは以下だとわかりました。
https://ryoumablog.work/blog/2017/02/15/my-wayfrank-sinatra/2/
キャッシュ・Cookieのない状況では、通常通りに表示されてました。
https://gyazo.com/17befea9410a79c091061516a33a4bf9- YouTubeの埋め込みを編集しても動画がうまく表示されない
ってことでしょうか？
（公開しているページの動画が表示されない）これが前提と考えて。
いつものブラウザをシークレットモード・プライベートウィンドウなどで表示しても動画が表示されませんか？
キャッシュの削除と、竜馬さんブログのCookieだけでも削除してみる・サーバー（MixHost）のキャッシュや高速化で何かが残ってる事はないですか？
私の環境で竜馬さんと同じソースを貼り付けても表示されます。
<div class="video-container"> <div class="video"><iframe width="680" height="510" src="https://www.youtube.com/embed/tNSewb6U9o8?feature=oembed" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen" class=""></iframe></div> </div><div class="video-container"> <div class="video"> </div> </div>これは管理画面上では付いてないと思いますが！？
私が埋め込んだ以下コードでもキチンと表示される感じですけどねぇ
<iframe width="560" height="315" src="https://www.youtube.com/embed/tNSewb6U9o8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>埋め込み元
https://www.youtube.com/watch?v=tNSewb6U9o8 -
何が違うか不明ですが、『サーバーから一旦対象記事を削除』これは、以下リンクのことですか？？？
私の場合一連の修正作業はWPダッシュボードでやっております。従って当該リンクはダッシュボードの「投稿」-「投稿一覧」から対象となる記事にカーソルを合わせると、左端が「編集」で４番目が「表示」となっています。ここで下書きテスト記事で修正確認済みの全文をコピーしてから「投稿一覧」の対象記事に移動し、「編集」をクリック。本文全部を選択後ペーストして内容をそっくり入れ替えるという方法をとっています。
「変更をプレビュー」で予定通りの画面が確認できれば修正は成功というわけです。これで４０記事以上、ここに投稿後も引き続き同じことをやっておりますが、この記事の場合だけ
「変更をプレビュー」でOKなのに、念のため「表示」で見ると変更前のままの画面になっているのです。
ブラウザからパーマリンクで対象記事を表示させるとやはり修正前の状態です。YouTubeの埋め込みを編集しても動画がうまく表示されない
ってことでしょうか？いいえ修正作業は本命のレイアウト崩れ対策であるゴミタグ除去だけでなく数十個所に及ぶのですが、見た目で分かりやすい例として
動画の部分を挙げただけです。この疑問点を含めて上記の説明で私の意図が少しはご理解いただけましたか？
文才が無くて申し訳ありません。ーーーーーーーーーーーーーーーーーーーーーーここまで書いてから
下書きのテスト記事から本番記事にコピー＆ペーストしました。「投稿の編集」画面から「変更をプレビュー」クリックでOK
（ここまでは今までと同じ）
「投稿一覧」画面から対象記事にカーソルを合わせ、「表示」をクリック。今までなら変更前の状態が表示されたのですが、
なんと変更がちゃんと反映された画面です！有頂天になりそうな気分を抑え、「投稿の編集」画面でタイトルの下にあるパーマリンク（青字）をクリックすると
なんと無情にも変更前の状態。
ここでかうたっくさんがキャッシュの件に触れておられたことを思い出し、〇の更新をクリック。
そうしたらなんと変更後の画面が現れました。
思わずバンザイしそうになりました。私の作業ミスによるものか原因は依然不明ですがとにかく一件落着致しました。
かうたっくさんにはお騒がせして本当に申し訳ありませんでした。深くお詫び申し上げます。
-
とにかく一件落着致しました。
良かったです＾＾
お疲れさまでした！
-
- トピック「「表示」と「プレビュー」の不一致」には新しい返信をつけることはできません。