Stylesheet - スタイルシートアーカイブ

body タグの class 属性にユーザー権限グループを追加

ユーザー権限に応じて表示 / 非表示を切り替えたい場合にブロックやウィジェット毎に表示 / 非表示を切り替えることができるプラグインはいろいろとあります。 Elementor 用のものもあるのですが、これまで使用していた […]

Bootstrapで左右幅を決め、左側にロゴ、右側にメニューや電話番号というような配置のヘッダーを作成することが少なくありません。ヘッダー全体の高さを指定していなければ、左右のいずれかのボリューミーなほうのコンテンツに […]

cssは編集可能で、htmlソースに手を加えたくない、もしくは手を加えられないような場合って以外とあると思います。そのような場合にhtmlソースをそのままで、スタイルシートに手を加えることで、ブロックの順序（表示位置） […]

言ってること伝わります？（笑） WordPressだと、function.php にごにょごにょすると、bodyタグのクラスセレクタにページスラッグを追加できたりするので、コンテンツ部分を作ってしまってからでも、各ページ […]

こんな具合にメニュー項目の左側にアイコンをつけたい。なんて場合が多々ありますが、あとあとのメンテナンスのしやすさや、工数を削減するために、既存サイトのコンテンツを活用しながらデザインリニューアルするために、HTMLに i […]

中央揃えや下揃えでいろいろと苦労してきたけど、flex 時代になり、なおかつBootstrap4 を使用しているなら、d-flex でいとも簡単にできてしまう。上下左右中央でこんなcssを書いたりしていましたが .wr […]

ページトップボタンのついているサイトの中で、ボタンの色がシュッと色が変わって、シャキッとページトップに移動するサイトって少なくないですね。お硬いサイトやなんかはそれで良いと思うのですが、デザインに凝っているサイトだった […]

慣れてしまえば、そういうものだと割り切れるのですが、スタイルシートのボーダーは長さが指定できない。 border-width は指定できるが、そこでいう「幅」はボーダーの幅（長さ）ではなく、ボーダーの太さ（線の高さ）なの […]

リスト項目やメニュー項目で、「奇数項目に背景色を」とか「最初だけ左枠線をつけたい」とか、結構あります。簡単にスタイルシートで指定できますが、簡単に忘れます(；´Д｀) なので、備忘録としてメモメモ最初の要素 &#82 […]

クリッカブルな日本地図を描きたい。とき、日本地図の画像を用意して、都道府県の座標を落としていく、イメージマップを使われてきたのが一般的かと思いますが、イマドキ「Japan Map プラグイン」という jQuery プラグ […]