body タグの class 属性にユーザー権限グループを追加
ユーザー権限に応じて表示 / 非表示を切り替えたい場合にブロックやウィジェット毎に表示 / 非表示を切り替えることができるプラグインはいろいろとあります。 Elementor 用のものもあるのですが、これまで使用していた […]
body タグの class 属性にユーザー権限グループを追加 続きを読む »
ユーザー権限に応じて表示 / 非表示を切り替えたい場合にブロックやウィジェット毎に表示 / 非表示を切り替えることができるプラグインはいろいろとあります。 Elementor 用のものもあるのですが、これまで使用していた […]
body タグの class 属性にユーザー権限グループを追加 続きを読む »
Bootstrapで左右幅を決め、左側にロゴ、右側にメニューや電話番号というような配置のヘッダーを作成することが少なくありません。 ヘッダー全体の高さを指定していなければ、左右のいずれかのボリューミーなほうのコンテンツに
横並びのボックスの高さを揃えて、画像を下揃えにする 続きを読む »
cssは編集可能で、htmlソースに手を加えたくない、もしくは手を加えられないような場合って以外とあると思います。 そのような場合にhtmlソースをそのままで、スタイルシートに手を加えることで、ブロックの順序(表示位置)
スタイルシートからブロックの順序を入れ替える 続きを読む »
言ってること伝わります?(笑) WordPressだと、function.php にごにょごにょすると、bodyタグのクラスセレクタにページスラッグを追加できたりするので、コンテンツ部分を作ってしまってからでも、各ページ
特定のclassセレクタを持つ要素の親要素にスタイルを適用する 続きを読む »
こんな具合にメニュー項目の左側にアイコンをつけたい。なんて場合が多々ありますが、あとあとのメンテナンスのしやすさや、工数を削減するために、既存サイトのコンテンツを活用しながらデザインリニューアルするために、HTMLに i
before擬似要素で指定した背景画像の位置決め – 行頭マークなどの配置 続きを読む »
中央揃えや下揃えでいろいろと苦労してきたけど、flex 時代になり、なおかつBootstrap4 を使用しているなら、d-flex でいとも簡単にできてしまう。 上下左右中央でこんなcssを書いたりしていましたが .wr
Bootstrap4でお手軽上下左右中央揃え 続きを読む »
ページトップボタンのついているサイトの中で、ボタンの色がシュッと色が変わって、シャキッとページトップに移動するサイトって少なくないですね。 お硬いサイトやなんかはそれで良いと思うのですが、デザインに凝っているサイトだった
なんだかゆっくりしたいわぁ♨ ゆっくりスクロール ゆっくり色変わり 続きを読む »
慣れてしまえば、そういうものだと割り切れるのですが、スタイルシートのボーダーは長さが指定できない。 border-width は指定できるが、そこでいう「幅」はボーダーの幅(長さ)ではなく、ボーダーの太さ(線の高さ)なの
リスト項目やメニュー項目で、「奇数項目に背景色を」とか「最初だけ左枠線をつけたい」とか、結構あります。 簡単にスタイルシートで指定できますが、簡単に忘れます(;´Д`) なので、備忘録としてメモメモ 最初の要素 R
要素の最初、最後、偶数、奇数、n番目にスタイルを適用させたーい 続きを読む »
クリッカブルな日本地図を描きたい。とき、日本地図の画像を用意して、都道府県の座標を落としていく、イメージマップを使われてきたのが一般的かと思いますが、イマドキ「Japan Map プラグイン」という jQuery プラグ
クリッカブルでレスポンシブな日本地図 – Clickable and Responsive Japanese Map 続きを読む »