記事編集画面と実際に投稿された画面との違いについて



  • お世話になります。
    下記サイトの動画を投稿した後の文章なのですが装飾が外れてしまいます。
    https://bokumato.site/19908/
    原因が分かる方はいないでしょうか?

    /<p id="surebody1" class="surebody_" style="padding: 10px; border: 2px solid #999999; color: #0000ff; font-size: 18px; font-weight: bold; -ms-word-break: break-all; background-color: #fff2cc;"><iframe src="https://www.youtube.com/embed/o9RMOs9-ic8" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br /><em class="syutten" style="color: #999999; font-size: small;"><a href="https://youtu.be/o9RMOs9-ic8" target="_blank" rel="noopener">(出典 Youtube)</a></em><br /><br />動画から文字起こし 35分くらいから↓ <br /><br />Q友達が芦田愛菜さんのことをいつも褒めてるんですがひろゆきさんは芦田愛菜さんのどういうところがすごいと思いますか? <br /><br />ひろゆき「えーと、僕は芦田愛菜さんの出てるドラマとかほぼ見たことがないので演技に関しては分からないんですけど、 <br />インタビューとかでそつのないことを必ず言ってるんですよねー 子供の頃かずっと 業界のドンであるスホウさんのことをおじさんと呼んでるみたいな っていう感じで芸能系でスホウさんとそういう関係なのね、じゃあちょっと叩くと危ないよね みたいなのがあるので あの子役はムカツクみたいな芸能誌が書きづらい状況にしてるんですよ」 <br /><br />「子役ってイメージ商売なのでメディアとかに叩かれちゃうとダメージ食っちゃって仕事無くなるとかあるんですけど でも芦田愛菜さんってメディアが敵に回さない構造になってるんですよ スホウさんを敵に回せるメディアがそもそもないので っていうことでうまいポジションにいつつちゃんと勉強もできるので桜蔭かなんか受かってるんですよね なんか女子御三家って言われるわりと偏差値が高い高校に って言うのがあるのでちゃんとバランスを見て言っちゃいけないことと言った方がいいことをトゲがない形で言う 要はその私スホウさんと仲いいねって言うとすごいスホウさんの力に頼ってる感になっちゃうじゃないですか でもそのよくお話するおじさんみたいな言い方すると別にそのスホウさんの力借りてるよって言うふうには聞こえないのでそこら辺のセリフ回しだったりとかちゃんと勉強できるっていうところが結構重要だなあと思うのと あと そのー これ僕の主観なんですけど 芦田愛菜ってそんなに可愛くないんすよ あのー ま、顔で言うとどこにでいるぐらいの顔だと思うんですよ この子すごいかわいいよねって言われる顔ではないんですけど でもあれだけ売れるってのって表情の作り方だったり立ち振る舞いなんですよね なので基本的にあの子は頭が良いおかげであのポジションにいっってると思うのでかなり優秀なんじゃないかなあと思います <br />あのーなんだ、悪口じゃないすよ 炎上しろ? すみません」</p>
    

    0_1624957570855_スクリーンショット 2021-06-29 18.00.08.png 0_1624957578795_スクリーンショット 2021-06-29 18.02.45.png


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @まーちゃん さん

    こんにちは!
    pタグの位置はiframeの後ろでいいと思います。

    <iframe src="https://www.youtube.com/embed/o9RMOs9-ic8" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><p id="surebody1" class="surebody_" style="padding: 10px; border: 2px solid #999999; color: #0000ff; font-size: 18px; font-weight: bold; -ms-word-break: break-all; background-color: #fff2cc;"><br /><em class="syutten" style="color: #999999; font-size: small;"><a href="https://youtu.be/o9RMOs9-ic8" target="_blank" rel="noopener">(出典 Youtube)</a></em><br /><br />動画から文字起こし 35分くらいから↓ <br /><br />Q友達が芦田愛菜さんのことをいつも褒めてるんですがひろゆきさんは芦田愛菜さんのどういうところがすごいと思いますか? <br /><br />ひろゆき「えーと、僕は芦田愛菜さんの出てるドラマとかほぼ見たことがないので演技に関しては分からないんですけど、 <br />インタビューとかでそつのないことを必ず言ってるんですよねー 子供の頃かずっと 業界のドンであるスホウさんのことをおじさんと呼んでるみたいな っていう感じで芸能系でスホウさんとそういう関係なのね、じゃあちょっと叩くと危ないよね みたいなのがあるので あの子役はムカツクみたいな芸能誌が書きづらい状況にしてるんですよ」 <br /><br />「子役ってイメージ商売なのでメディアとかに叩かれちゃうとダメージ食っちゃって仕事無くなるとかあるんですけど でも芦田愛菜さんってメディアが敵に回さない構造になってるんですよ スホウさんを敵に回せるメディアがそもそもないので っていうことでうまいポジションにいつつちゃんと勉強もできるので桜蔭かなんか受かってるんですよね なんか女子御三家って言われるわりと偏差値が高い高校に って言うのがあるのでちゃんとバランスを見て言っちゃいけないことと言った方がいいことをトゲがない形で言う 要はその私スホウさんと仲いいねって言うとすごいスホウさんの力に頼ってる感になっちゃうじゃないですか でもそのよくお話するおじさんみたいな言い方すると別にそのスホウさんの力借りてるよって言うふうには聞こえないのでそこら辺のセリフ回しだったりとかちゃんと勉強できるっていうところが結構重要だなあと思うのと あと そのー これ僕の主観なんですけど 芦田愛菜ってそんなに可愛くないんすよ あのー ま、顔で言うとどこにでいるぐらいの顔だと思うんですよ この子すごいかわいいよねって言われる顔ではないんですけど でもあれだけ売れるってのって表情の作り方だったり立ち振る舞いなんですよね なので基本的にあの子は頭が良いおかげであのポジションにいっってると思うのでかなり優秀なんじゃないかなあと思います <br />あのーなんだ、悪口じゃないすよ 炎上しろ? すみません」</p>
    

    これでいいかと思います。



  • @Ryota さん
    いつもありがとうございます。
    教えて頂いた通り順番を入れ替えさせていただきますとうまく行きました!
    ですが使っているツールを使用していると自動でこのタグで出力されてしまうのでスレッド内の文章・動画・文章で挟まれているスレッドだと動画以降の文章が外れてしまいます
    そのためStyleやCSSで修正する方法など思いつかないでしょうか?
    検索でyou tubeのCSSを調べていろいろ触ってみたのですが結局うまく行かなくて
    例として別記事のURLをあげさせていただきます
    https://bokumato.site/20915/

    <div id="preview"><div id="sure1" class="selectionsure ui-sortable-handle" style="margin: 0px; padding: 0px; border: currentColor;"><em>1</em> <span id="resuname1" style="color: #006600; display: inline;">湛然 ★ </span><em id="resutime1" style="color: #a4a4a4; font-size: 12px; display: inline;">:2021/06/21(月) 05:44:23.72 </em><em id="resuid1" class="resuid_CAPUSER9net" style="color: #6aa84f; font-size: 12px; display: inline;">ID:CAP_USER9.net</em><p id="surebody1" class="surebody_CAPUSER9net" style="padding: 10px; border: 2px solid #999999; color: #0000ff; font-size: 18px; font-weight: bold; -ms-word-break: break-all; background-color: #fff2cc;">窪塚洋介、6年ぶり単独TVCM出演 スタイリッシュな衣装で登場「すごく楽しいです」 <br />6/21(月) 0:00 オリコン <br /><a href="https://news.yahoo.co.jp/articles/daffaf26a6632667c1fb09e60dc5fbdf68b00f66" target="_blank" rel="noopener">https://news.yahoo.co.jp/articles/daffaf26a6632667c1fb09e60dc5fbdf68b00f66</a> <br />ファッションECサイトGLADD新TVCM『20時を待つ男 登場篇/ダンス篇』に出演する窪塚洋介 <br /><img style="max-width: 90%;" src="https://bokumato.site/wp-content/uploads/2021/06/20210621-00000303-oric-000-21-view.jpg" /><br /><a href="https://bokumato.site/wp-content/uploads/2021/06/20210621-00000303-oric-000-21-view.jpg" target="_blank" rel="noopener"><em class="syutten" style="color: #999999; font-size: small;">(出典 amd-pctr.c.yimg.jp)</em></a><br /><br /><br />窪塚洋介、6年ぶり単独TVCM出演 スタイリッシュな衣装で登場「すごく楽しいです」 GLADD新TVCM&amp;メイキング <br /><iframe src="https://www.youtube.com/embed/Gh_0iUQjknw" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br /><em class="syutten" style="color: #999999; font-size: small;"><a href="https://www.youtube.com/watch?v=Gh_0iUQjknw" target="_blank" rel="noopener">(出典 Youtube)</a></em><br /><br /><br /><br /> 俳優の窪塚洋介が、21日から全国で放送を開始するフラッシュセールサイト『GLADD』(グラッド: gladd.jp )の新TVCMに出演。約6年ぶりの単独TVCM出演となる窪塚は「スタジオのセットの空気感というか質感だったり、オシャレさだったり、独特の雰囲気の中で撮影できているんで、すごく楽しいです」とコメントを寄せている。 <br /><br /> 自身のインスタグラムより発信したティザー投稿が、SNS上で話題になった同CMは「20時を待つ男 登場篇/ダンス篇」の2篇からなり、毎日午後8時からSALEを開催する『GLADD』の特長を、窪塚と共に表現した作品となっている。 <br /><br /> CMは監督がこだわり抜いて制作したセットを用いて撮影が行われた。グラデーション掛かった青い壁に、本CM撮影のために特別制作された、大きな壁かけ時計、さらに監督が実際に自宅で使用されているソファの色違いのものが置かれ、細部までこだわり抜いたセットになっており、窪塚も一目見て「綺麗なセット」とつい漏らしたという。 <br /><br /> 撮影が始まると、カメラの前では俳優の顔になり、洋服好きな男を熱演する窪塚だが、「カット」の声が掛かり、カメラが止まると、周りのスタッフたちに積極的に話しかけ、自ら冗談を言うなど、和やかな空気感を作っていた。 <br /><br /> 窪塚は「スタジオのセットの空気感というか質感だったり、オシャレさだったり、独特の雰囲気の中で撮影できているんで、すごく楽しいです。リハに時間をかけて、本番がすごく短く、こうやって短時間に集中して撮る、というやり方が映画の撮影と似ているなと思いました。一発勝負とは言わないですけれど、そこに全てを掛けるみたいな」。 <br /><br /> 「台本があってないようなところがあるので、その場の自分の閃きだったりアイディアを撮っていただいて、それが瞬く間に編集されて見れるっていう環境も新鮮だし、リハみたいな気分で本番をやって、本番みたいな気分でリハをやれって言葉があるけれど、それができないと歯車が合わない現場だと思うんで、すごくやりがいもありますし、クリエイティブな部分ですごくハードルの高いことをやってらっしゃるなと思うし、それを一緒に楽しめているからうれしいです」とコメント。 <br /><br /> ファンや視聴者に向け「アーティストやクリエイターが、自分たちの歴史を背負って作り上げている作品です。それをGLADDさんというテーブルの上で披露できる機会を得られたという気持ちです。ちょっと大げさだけれど、それくらいの気持ちで撮影に臨んでいます。それくらい純度の高い想いで作りました」。 <br /><br />(※以下略、全文は引用元サイトをご覧ください。)</p><br /><div id="syutten_middle" style="text-align: right; display: block;"><a style="color: #999999; font-size: small;" href="http://tomcat.2ch.sc/test/read.cgi/mnewsplus/1624221863/" target="_blank" rel="noopener"><em>(出典 【芸能】窪塚洋介、6年ぶり単独TVCM出演 スタイリッシュな衣装で登場「すごく楽しいです」 [湛然★])</em></a><br /><br /><br /></div></div>
    

    0_1625015970779_スクリーンショット 2021-06-30 10.16.35.png 0_1625015975622_スクリーンショット 2021-06-30 10.16.50.png