WordPressこのカテゴリーでは、ワードプレスに関連したCSSについて扱っています。RaindropsテーマのCSSユニットテストも兼ねています。Raindrops組み込みクラスを使用して、思い通りの表示が出来ないときなどに参照いただくことで、テーマ由来のバグの可能性の判断にお役立てください。iconの仕組みと、チャイルドテーマでのカスタマイズ。TwentySeventeenテーマでは、SVGアイコンが使われています。それ以前は、Iconfontが使われていました。fontawesome等でも、SVGアイコンが使われだしています。世の中のどれぐらいのWEBサイトが、SVGでアイコンを実装しているのかは判りませんが、気にはなります。alignnoneといったコア関連クラスとの組み合わせで、フロートを使ったグリッドレイアウトのテストです。noteの関連記事です。WordPressdialog要素、または、その代替要素をワードプレスで使えるようにする。dialog要素について考える。クラステストRaindrops1.507で追加した。書字方向を切り替えた時に、正常にスタイルが適用されるかどうかを試しています。WordPressの投稿のページ分割機能を使った場合に正常に表示できるかをテストしています。タイトル脇のボタンで縦書きと横書きの切り替えた時それらがページ移動時に正常に動作するかを確認しています。テーマ1.482で縦書きをサポートをしようとしていて、この記事はその試験のために書いています。偏見のようなものが私にありました。現在このサイトは、WordPressのRaindropsテーマ(のチャイルドテーマ)を使って、このテーマでそれぞれのスタイルルールが正常に動作する事を確認し、テーマのアップデートのための基礎的な資料とする事が主な役割になっています。他のサイトで公開しているスタイルルール等をこのサイトで再現して投稿本文内で適切に表示できるかどうかもテストしていますので、コピーコンテンツもあります。そのようなコンテンツについては、参照元へのリンクを添付してありますので、そちらをご覧いただけますようお願いします。Raindropsテーマは、投稿、ページ毎に配色、フォント、レイアウト、カスタムCSSを適用可能な、他に類例のないテーマです無償テーマでは、珍しく取扱説明書も充実し、初心者から、プロフェッショナルまで、ユーザーを選びませんこのブログで適用されているスタイルのほとんどは、投稿ページのCSSエディタだけで記述されています。scoped属性を使ったように、その投稿だけに適用されます。個別投稿のスタイルは、アーカイブなどのループページでも、正確に反映させることが出来ます一般に、CMSを使った投稿やページは、一定のレイアウト、一定の配色という制約の中に、埋め込まれます。