「CSS」というタグがついている記事
画像ブロックを下余白なしにするやり方2022年5月19日
作業が楽になってきていて、これから CSS のコードを書く機会がだんだん減っていく傾向のように感じています。
VK Post Author Display の投稿者プロフィールの画像のスタイル調整2022年4月11日
スマホで見たときに余白がかなり大きくて気になるので、CSS でカスタマイズしてみました。
段落やテーブル内のテキストリンクをボタンにするカスタマイズ2022年4月1日
WordPress のブロックエディターで、段落やテーブルの中のテキストリンクをボタンのようなスタイルにするやり方を考えてみました。
グローバルナビメニューのお問い合わせだけスタイルを変えてみました②2022年2月28日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。※スクロール時 (.header_scrolled) とタブレット (.device-mobile) の表示に対応
- カテゴリー
- Lightning G3カスタマイズ
グローバルナビメニューのお問い合わせだけスタイルを変えてみました2022年2月25日
グローバルナビメニューの最後にある お問い合わせ が目立つようにスタイルを変えてみました。
- カテゴリー
- Lightning G3カスタマイズ
CSS グリッドレイアウトを使った画像のレイアウト例2022年2月23日
CSS グリッドレイアウトを使うと、柔軟で複雑なコンテンツの配置が可能になります。フレックスボックスと使い分けて活用したいですね。
- カテゴリー
- その他
CSS だけでアコーディオンを実装しました (Lightning 無料版)2022年1月24日
JavaScript を使わずに CSS だけでアコーディオンを実装するやり方を紹介します。
- カテゴリー
- カスタマイズ
外部リンクに Font Awesome アイコンをつけるカスタマイズ2021年12月28日
段落内のテキストリンクに自動的に Font Awesome アイコンをつけるやり方を紹介しています。
メディアとテキストブロック (WordPress) のカスタマイズ例2021年10月18日
WordPress 標準の「メディアとテキスト」ブロックを CSS でカスタマイズして、テキストをずらしてメディアに重ねたデザインにしてみました。
CSS で縦中横のスタイルを設定するやり方2021年9月30日
text-combine-upright プロパティを使って、CSS で縦中横のスタイルを設定できます。
アーカイブページでのカテゴリー表示のスタイルを変更しました2021年9月15日
カテゴリー名をアイキャッチ画像に重ねて表示していましたが、見づらいので、カードの上にタブ形式で表示するスタイル に変更しました。
投稿や固定ページのページヘッダーの画像を個別に設定するやり方2021年9月1日
編集画面で カスタム CSS に行を追加します。Lightning G3 Pro Unit でも投稿の編集画面にはページヘッダー画像設定がありませんので、この記事で紹介したやり方で設定します。
ハンバーガーメニューのボタンを目立たせるカスタマイズ2021年8月23日
デフォルトのハンバーガーボタンのままだと控えめなので、ボタンが目立つように CSS で飲食店向けにカスタマイズして、さらにパソコン、タブレットでも使えるようにしました。ペットサロン向け・カットサロン向けのパターンもあります。
- カテゴリー
- Lightning G3カスタマイズ
パンくずリストのカスタマイズ＋α ②2021年8月23日
Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。さらにヘッダーの余白をなくしてすっきりさせてみました。
パンくずリストのカスタマイズ＋α2021年8月16日
Lightning のパンくずリストのスタイルを CSS でカスタマイズしてみました。ついでに、グローバルメニューとソーシャルボタンも傾けてデザイン統一を図ってみました。
アンカー付き URL でコンテンツの見出し部分がグローバルメニュー（固定ヘッダー）の後ろに隠れてしまう問題の対策2021年8月13日
Lightning G3 でサイト内の別ページにアンカーを指定してリンクしたときに、コンテンツの上の部分(通常は見出し)が固定表示されているグローバルメニューの後ろに隠れてしまう問題の対策を紹介します。JavaScript を使用しています。
- カテゴリー
- Lightning G3
Lightning っぽくない個性的なヘッダーにするカスタマイズ例2021年8月6日
ヘッダー部分をカスタマイズして、ひと目では Lightning とわからないようなデザインにするやり方を紹介します。