• 解決済 kokona

    (@kokona)


    WP初心者です。
    フォーラムでも似たような記事をいくつか見たのですが解決しなかったので質問させていただきます。

    テーマはStinger5を使用しています。
    ほかの記事にもあったようにeditor-style.cssやfunctions.phpに
    変更を加えてみたのですが、行間に変化が見られません。

    <div>test</div>をテキストに加える形では変更できたのですが
    ビジュアルで記入したいので
    毎度毎度投稿するたびにわざわざテキストでその入力をするのは手間です。

    何か解決方法があれば教えてほしいです。
    よろしくお願いします。

15件の返信を表示中 - 1 - 15件目 (全23件中)
  • style.cssに下記を追加してください。

    .entry-content p
    {
        line-height:1em;
    }
    トピック投稿者 kokona

    (@kokona)

    返信ありがとうございます。
    遅くなって申し訳ありません。

    追加しましたが何も起こりません。
    そもそも、style.cssのどこに追加していいのか分かりません。
    今回は最後にいれてみました。

    改行する時に、enterキーのみ押していますか?
    そうならば、Shiftキーとenterキーを同時に押すように
    すれば、行間が狭くなります。

    これは、私も”はまった”罠です。
    1)enterキーのみ改行は、文章の段落が終わったとみなされ、
     少し間を空けて次の文章が始まります。
    2)Shiftキーとenterキーの改行が、文章の続きの改行と
     みなされて、次の文章が始まります。

    トピック投稿者 kokona

    (@kokona)

    返信ありがとうございます。
    Shiftキーと同時押しはほかの質問でも提案されていたのですが、
    毎回押すのは面倒なのでできれば今後このことに悩まないで済むように
    設定から変えてしまいたいです。

    Stinger5
    スタイルシートの99行目から始まる。

    /*--------------------------------
    各フォント設定
    ---------------------------------*/
    /* 基本の文字 */
    p {
    	font-size: 16px;
    	line-height: 25px;
    	margin-bottom: 20px;
    }

    105行目の line-height の値を小さくしましょう。

    レイアウトの修正をした場合、ブラウザのキャッシュのクリアを忘れないように。

    divタグでもいいということであれば、functions.phpに以下を追記します。

    function my_tiny_mce_before_init( $settings ){
    	$settings['forced_root_block'] = 'div';
    	return $settings;
    }
    add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init' );

    こうするとEnterでpタグを挿入していたものがdivに変わるかと思います。

    ただ、デモページで見た限りdivに対して特にスタイルは適用されないようなので、pタグと同じフォントサイズなどにする場合はすでに投稿されているようにCSSを追記する必要がありそうです。

    ただ単に段落を使わずに改行させるのならforced_root_blockをfalseにするなforce_br_newlinesを使うか……?

    http://wordpress.stackexchange.com/posts/119178/revisions

    トピック投稿者 kokona

    (@kokona)

    >맹조さん
    返信ありがとうございます。どのくらい変わるか試しに15pxにしてみましたが、変わりありませんでした。キャッシュを消すというのはどこで行えばいいのでしょうか。それが行われないと行間も変化が出ないのでしょうか?

    トピック投稿者 kokona

    (@kokona)

    >x743さん
    返信ありがとうございます。divタグでもいいかということなのですが、divタグにすることでほかにどんな変化があるのでしょうか。行間を狭くするためにdivタグを使うことで何かリスクがあるならそのリスクによってはできないかもしれません。

    <ただ、デモページで見た限りdivに対して特にスタイルは適用されないようなので、pタグと同じフォントサイズなどにする場合はすでに投稿されているようにCSSを追記する必要がありそうです。>
    すみません、初心者なのでよくわからないのですが、pタグというものが今使っているもので、x743さんが教えて下さっているのがdivタグというものですよね。スタイルが適応されないというのは、結局のところ変化がないということなんですか?また、pタグと同じフォントサイズというのはどういうことでしょうか……divタグにすると勝手にフォントサイズが変わってしまうのですか?そしてcssの追記ですが、10yendama.comさんが教えて下さった方法は変化が見られなかったので何かほかに方法がないか教えていただけると嬉しいです。

    トピック投稿者 kokona

    (@kokona)

    >Hinaloeさん
    返信ありがとうございます。
    サイトの方見させていただいたのですが、英語表記だったため内容の理解ができませんでした。申し訳ありません。

    editor-style.cssやfunctions.phpに変更を加えてみた

    ということは投稿画面での文字行間を狭くしたいということですか?

    トピック投稿者 kokona

    (@kokona)

    >맹조さん
    はい、というかどちらもです。
    記事を投稿フォームで記入しているときも行間が広いと感じますし、実際にプレビューを見てみても、投稿フォームと同じように表示されていて行間に違和感があります。
    ので、記入画面も実際の記事に関しても行間を狭めたいと思っています。
    説明不足ですみませんでした。

    IE で確認しているなら
    1136行目の line-height の値も小さくしましょう。

    キャッシュを消すというのはどこで行えばいいのでしょうか。

    これはブラウザそれぞれですので、ブラウザの仕様に従いましょう。

    トピック投稿者 kokona

    (@kokona)

    >맹조さん
    /*——————————–
    各フォント設定
    ———————————*/
    p {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 20px;
    こちらの部分で大丈夫でしょうか?
    試しに27pxを17pxに変えてみましたが変化ありませんでした。

    行間ではなく段落の間隔を狭くしたいということではないかしら

15件の返信を表示中 - 1 - 15件目 (全23件中)
  • トピック「行間を狭くしたい」には新たに返信することはできません。