タグ

2020年9月29日のブックマーク (2件)

  • ワードプレスの記事に自動で挿入されるpタグ、brタグを無効化する方法 | WP topics

    ワードプレスには文章の改行を自動で挿入してくれたり段落にまとめてくれる機能があります。 実際にテキストエディタで書いた文章の終わりでEnterキーを押せば、投稿した記事もその位置で改行されてますよね? こういった機能がワードプレスには標準装備されているのですが、場合によってはありがた迷惑というか意図しない動きを生むことがあります。 今回はこちらを無効化する事によってワードプレスの自由度を上げていこうと思います。 ワードプレスの自動整形機能とは? 運用上のメリット 上記でも触れましたが、ワードプレスはエディタ内での改行をうまくページに反映させてくれようとします。 例えばエディタで このように記述してプレビューを確認してみましょう。 すると、 このような形で文章のまとまりをpタグで囲い、改行を入れたところにbrタグが自動で挿入されているのが分かるかと思います。 制作におけるデメリット これだけ

    ワードプレスの記事に自動で挿入されるpタグ、brタグを無効化する方法 | WP topics
    natsukareala
    natsukareala 2020/09/29
    “<?php remove_filter('the_content', 'wpautop'); ?>”
  • 蛍光ペン風にテキスト上をマーカーするCSSを設定してみた

    WordPressのテーマによっては最初から蛍光ペン風のマーカーが付いていることがあります。 その場合は設定する必要はありません。 この記事は設定されていない方向けに書いています。 蛍光ペンマーカーを設定(CSS) まずはCSSの設定からスタート。 蛍光ペンマーカーのCSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) このlinear-gradient属性、グラデーションを使って設定します。 ()内の線の太さと線の色を好みの色と太さに変更するだけでOK。 線の太さと線の色の意味は下の通りになります。 線の太さ 黄色の蛍光ペン(太) .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } 黄色

    蛍光ペン風にテキスト上をマーカーするCSSを設定してみた
    natsukareala
    natsukareala 2020/09/29
    “.marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); }”