CSSを学び始めると、最初にやることの一つに、テキストの色や、背景色の設定があると思います。
指定の仕方は、意外とたくさんあります。このページでは、WordPress を使って色の指定をしていく作業を中心に、さまざまな方法を私見を交えてみていきたいと思います。
- カテゴリー別アーカイブ WordPress
このカテゴリーでは、ワードプレスに関連したCSSについて扱っています。
また、RaindropsテーマのCSSユニットテストも兼ねています。
Raindrops組み込みクラスを使用して、思い通りの表示が出来ないときなどに参照いただくことで、テーマ由来のバグの可能性の判断にお役立てください。-
-
WordPress wp_nav_menu()の、タブナビゲーションをCSSだけで実装
ワードプレスにテーマをホストしてもらおうとすると、現在タブキーによるナビゲーション機能が必須になっています。
デフォルトテーマ等では、jsを使用した実装になっていますが、CSSだけでも実装できそうです。
プライマリーメニューは、サブメニューが親メニューの右側に表示されるものも多く、深い階層を作ると、ブラウザからはみ出したり、
アクセシビリティに関心の高い人は、js 停止したら、ナビゲーションが表示できなくなるなんて？？？という人もいると思います。そんな人向けの、プライマリー ...
-
block-editor-block-mover , block-editor-block-toolbarは、gutenberg7.2で、data-blockと分離されたよ
gutenberg7.2からdeta-blocckの子要素から、.components-popoverの子要素として分離されました。
だから、これまでテーマ等で、ツールバーやムーバーの位置調整を行っているテーマ製作者の方 スタイルが適用されなくなりそうです。
チェックしてみるといいかも、、、
-
WordPress 5.3 ブロックエディタ gutenberg CSSの変更の準備できてますか？
WordPress 5.3のリリースが、来月に予定されています。（リリーススケジュール）
ブロックエディタは、5.0でコアに実装され、機能の改善やバグの修正は gutenberg プラグインで行われてきました。
-
TwentySeventeen の SVG iconの仕組みと、チャイルドテーマでのカスタマイズ。
TwentySeventeenテーマでは、SVGアイコンが使われています。それ以前は、Iconfontが使われていました。fontawesome等でも、SVGアイコンが使われだしています。
世の中のどれぐらいのWEBサイトが、SVGでアイコンを実装しているのかは判りませんが、気にはなります。
TwentySeventeenでは、SVGアイコンを、スティッキー投稿のタイトル前に表示したり、カテゴリリンクの先頭にアイコンを表示するなどしていますが、それは主に装飾的なものとして存 ...
-
block aligns + percent width Classes
この記事は、Raindrops1.510で、追加予定のパーセント幅クラス、従来から画像の左右寄せに使われていた alignleft alignright aligncenter alignnoneといったコア関連クラスとの組み合わせで、フロートを使ったグリッドレイアウトのテストです。
-
WordPressのp要素で困ったときに
「WordPressは、余計なところまでPタグでラップされて困る」といった経験をされたことはありませんか？
-
figure要素のCSS
画像とcaptionの幅をそろえるには、どうしたらいいのか
-
dialog要素、または、その代替要素をワードプレスで使えるようにする。
dialog要素について考える。
-
Raindrops ul.alignleft ul.alignright ol.alignleft ol.alignright クラステスト
Raindrops1.507で追加した。ul,ol要素用のクラスalignleft alignrightのテストページ
