CSS CSS疑似要素 :before, :after で作る見出しデザイン 吹き出し
疑似要素 :before, :after
最初はとても難しく考えていたけれど、簡単に色んなものをくっつけられて便利♪
見出しの文字を入れた枠に
色、サイズ、位置など指定して三角をくっつければ吹き出しの見出しができる。
ホームページ制作メモ
CSS 
CSS CSSで指定する見出しデザイン radial-gradient ドット（水玉）の背景
ドット（水玉）の背景を作る時は円グラデーションのradial-gradientを使う。
background-size: 20px 20px;→敷き詰める背景１マス分のサイズ。
background-image: radial-gradient(#ffbfbf 20%, transparent 0), radial-gradient(#ffbfbf 20%, transparent 0);
CSS CSSで指定する見出しデザイン repeating-linear-gradient ストライプの背景
ストライプの背景を作る時は
線グラデーションを繰り返すrepeating-linear-gradientを使う。
background:repeating-linear-gradient(45deg, #ffe1e1, #ffe1e1 5px, #ffffff 5px, #ffffff 10px);
(向き＝角度,１つ目のグラデ―ションの開始カラーと開始位置,終了カラーと終了位置,２つ目の開始カラーと開始位置,終了カラーと終了位置)
CSS CSSで指定する見出しデザイン linear-gradient グラデーションの背景
背景の線グラデーションの基本の書き方は
background:linear-gradient(向き, 開始カラーと開始位置%, 終了カラーと終了位置%);
※グラデーションの開始位置が0%、終了位置が100%の時は、それぞれ省略できる。
CSS CSSで指定する見出しデザイン border-radius 角丸
border-radius:○px; で全ての角の丸みをまとめて指定。
それぞれ指定する時は border-radius:左上の角、右上の角、右下の角、左下の角。
CSS CSSで指定する見出しデザイン box-shadow シャドウ
ドロップシャドウをつける時は
box-shadow : X軸のオフセット Y軸のオフセット ぼかし 色 。
色の指定は、カラー番号またはRGBa(R,G,B,0～1であらわす透明度)で。
CSS CSSで指定する見出しデザイン border 枠
枠線をまとめて指定する時は
border : 1px solid #cc0000; (線の太さ 線の種類 線の色) 。
四辺それぞれに違う設定をする時は
border-top、border-right、border-bottom、border-leftを使う。
WordPress Simplicityの検索ボックスの「ブログ内を検索」の文言を変更する方法
Wordpressのテーマ Simplicity の検索ボックス内にもともと表示されている 「ブログ内を検索」の文言を変更したいのに、場所がわからなくて試行錯誤しましたが シンプルに… テーマのカスタマイズ → テーマ内テキスト → 検索ボ...
WordPress Simplicityスマホページの右余白
テーマSimplicityを使った自サイトのスマホページが 全体に左に寄っているというか、右に余白ができてしまっていた。 margin、padding、floatほかいくつか試してみてうまくいかなくて もっときっちり検証すればいいのかもしれ...
WordPress Simplicity固定ページで投稿日を非表示に
Simplicityでは、投稿日や更新日の表示・非表示を 外観－テーマ－カスタマイズ－レイアウト（投稿・固定ページ）と進んで チェックボタンON/OFFで切り替えることができる。 今回、投稿ページには投稿日を表示して、固定ページでは非表示に...