サポート » 使い方全般 » 記事作成画面での改行について

  • 解決済 narukichi

    (@narukichi)


    お世話になっております。

    ワードプレスでの記事を作成しているのですが、
    記事編集画面で改行が反映されずに困っております。

    どなたか、ご存知の方がいらっしゃいましたら
    お力を貸して頂けると幸いです。

    ■現在の使用環境

    テーマ:最新版コクーン
    プラグイン:最新版Advanced Editor Tools (previously TinyMCE Advanced)
    (設定の旧エディターで『クラシックブロックとクラシックエディター内のパラグラフタグを保持』にチェックを入れて利用中。)

    ■現在の状況
    テーマを最新のものに更新後から記事編集画面でEnter改行、Shift+エンター改行の区別、判別が付かなくなりました。

    具体的な例を挙げますと、

    以前は記事編集画面(ビジュアル)でEnterを改行をすると、
    約2行分の改行がされていたのですが、テーマを更新後から1行分の改行になっております。

    その他にも、
    Shift+Enter改行をすると、同様に1行だけの改行となっており、
    どの部分でEnter改行、Shift+Enter改行を施したのかが一目でわからない状況となっております。

    解決策をご存知でしょうか?

    ご参考までに、ブログのリンクと、編集画面冒頭の『ビジュアル』、『テキスト』の両文を掲載致します。

    ■ブログリンク
    https://narukichi.jp/sedori-evaluation-for-new-account

    ■編集画面の画像(ギガファイル便のリンクです。)
    Shift+Enter改行などが一目でわからず、文章が立て続けに入力されているように見える状態になっております。

    https://10.gigafile.nu/0113-c9ad141b03cf545dafa5d92612a26a6d7

    ■『ビジュアル』

    ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    こんにちは、なるきちです。

    今回は、
    Amazonせどりでの評価の貯め方についての記事を書きます。

    Amazonで商品を販売していく上では
    必須項目である『ストア評価』です。

    新規アカウントを作成したばかりの方は
    特にストア評価を気にしたい所ですよね。

    ストア評価を貯めつつ、売上も立てて
    アカウントの販売実績ができていけると理想です。

    この記事の結論を最初で書くと、

    低単価・高回転・小物の新品商品で評価集めをしつつ
    アカウント実績を強化→真贋調査突破!になります。
    (中古品を扱う場合→アカウントが育ってきたらメイン商材の中古を扱う。)
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーー

    ■『テキスト』

    ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    <p>こんにちは、なるきちです。</p>
    <p>今回は、<br />
    Amazonせどりでの評価の貯め方についての記事を書きます。</p>
    <p>Amazonで商品を販売していく上では<br />
    必須項目である『ストア評価』です。</p>
    <p>新規アカウントを作成したばかりの方は<br />
    特にストア評価を気にしたい所ですよね。</p>
    <p>ストア評価を貯めつつ、売上も立てて<br />
    アカウントの販売実績ができていけると理想です。</p>
    <p> </p>
    <p>この記事の結論を最初で書くと、</p>
    <p><span class=”marker-under-blue”><span style=”font-size: 20px;”>低単価・高回転・小物の新品商品で評価集めをしつつ<br />
    アカウント実績を強化→真贋調査突破!</span>
    </span>になります。<br />
    (中古品を扱う場合→アカウントが育ってきたらメイン商材の中古を扱う。)</p>
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーー

    • このトピックはnarukichiが1ヶ月、 3週前に変更しました。

    ヘルプの必要なページ: [リンクを見るにはログイン]

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • 何らかの理由でpタグのmarginやpaddingの設定が解除されてしまったのではないかと。

    WordPressは記事作成画面のデザインをeditor-style.cssで変更出来ます。
    なので、子テーマのeditor-style.cssに

    .post p {
    	margin: 1.3em 0;
    }

    などを記述してみてください。

    スレッド開始 narukichi

    (@narukichi)

    moyo55さま

    ご教授頂きありがとうございます。

    少しわからない単語がありますので、
    勉強して再度ご連絡させていただいてもよろしいでしょうか?

    はい、大丈夫です。

    それから、Cocoonのエディター本文のclassやidは#tinymceや.mce-content-bodyでした。
    なのでpタグのデザインを指定する場合のeditor-style.cssへの記述は.post pではなく、

    #tinymce p {
    	margin: 1.3em 0;
    }

    のような感じになります。

    • この返信は1ヶ月、 2週前にmoyo55が編集しました。
    スレッド開始 narukichi

    (@narukichi)

    moyo55さま

    遅くなり、すみません。

    こちらの『editor-style.css』にはどのような手順で行けるのでしょうか?

    当方、HTMLの基礎知識もなく、
    プラグイン頼りで設定しておりましたので詳細設定方法がわからないです^^;

    それと、
    Advanced Editor Toolsプラグインの旧エディター仕様ですが、
    何かおかしいところはないか見て頂けないでしょうか?

    https://4.gigafile.nu/0118-d13f1505790315fdb1ee8a3db050dd716

    https://4.gigafile.nu/0118-c9cdbc0ccb6967a4a7587e363ee5109e0

    返信が承認待ちになってしまったので同じ内容をブログの方に記述しました

    途中から失礼します

    Cocoonの最新バージョン=2.2.5

    ということでしたら
    https://wp-cocoon.com/2-2-5/
    に書かれているように、
    「クラシックエディターの余白がおかしい場合は、Cocoon設定の設定保存ボタンを押し動作確認してみてください。」
    で解消されるかも知れません。

    また、CocoonはWordPress公式サイトで提供されているテーマではありませんので、
    https://wp-cocoon.com/community/
    で同じような不具合がないかを調べたり、実際に質問した方が解決は早いかも知れません。

    私自身Cocoon常用でないためこれ以上の回答は難しいですが、参考になれば幸いです。

    スレッド開始 narukichi

    (@narukichi)

    moyo55さま

    ブログまでご丁寧に書いて頂き、ありがとうございましたm(_ _)m
    申し訳ないのですが、himaartjpさまのご指示で解決できました。

    himaartjpさま

    こちらのリンクを拝見して、
    設定してみたところ元通りの設定にすることができました。

    今後はなにか問題が有りましたら、こちらを見てみます。
    ありがとうございます。

    お二人さま方、お時間を頂き、かつご丁寧に指導頂きありがとうございましたm(_ _)m

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。