TwentySeventeenテーマでは、SVGアイコンが使われています。それ以前は、Iconfontが使われていました。fontawesome等でも、SVGアイコンが使われだしています。
世の中のどれぐらいのWEBサイトが、SVGでアイコンを実装しているのかは判りませんが、気にはなります。
TwentySeventeenでは、SVGアイコンを、スティッキー投稿のタイトル前に表示したり、カテゴリリンクの先頭にアイコンを表示するなどしていますが、それは主に装飾的なものとして存 ...
-
-
pointer events ,外部SVGを使ったbefore background , imgでの表示等々
pointer-events: visiblePainted;
inline svg
external svg
entspointer-events: visibleFill;
inline svg
external svg
pointer-events: visibleStroke
inline svg
external svg
pointer-events: visible
inline s ...
-
svgスプライトの作成と表示
SVGスプライトは、一つのSVGファイル内に、色などの設定を複数記述して必要なものを呼び出すテクニックですが、
具体的な使い方については、あまり紹介されていません。一例をメモに残します。
-
グーテンベルグブロックとテーマ
この記事は、gutenberg2.7の時点で書いています。今後変更になる可能性大です
WordPress5.0を目途に、Gutenbergは、着々と準備が進んでいるようです。(Milestones - WordPress/gutenberg)
日本語での表示にも対応したようです。
移行が行われた場合、エディター用にブロック毎に、様々なCSSクラスが追加されます。
コアのCSSは、テーマが何もしなくても、それにふさわしいスタイルを提供する事になっていますが、gutenbe ...
-
親要素に幅が指定された 子要素img を全幅画像表示する alignfull, alignwide CSS
グーテンベルグは、次期エディタの機能として、alignwide, alignfullといったクラスによる画像等のフルサイズ表示機能を追加しています。
続きを読む 投稿 ID 9341
-
Starter CSS
CSS 要素一覧と、WordPressのbody_class() post_class()が出力する要素一覧
-
HTML文書の両端揃えと、均等割り付け CSS
両端揃え、均等割り付けのための3つの方法
-
block aligns + percent width Classes
この記事は、Raindrops1.510で、追加予定のパーセント幅クラス、従来から画像の左右寄せに使われていた alignleft alignright aligncenter alignnoneといったコア関連クラスとの組み合わせで、フロートを使ったグリッドレイアウトのテストです。
-
WordPressのp要素で困ったときに
「WordPressは、余計なところまでPタグでラップされて困る」といった経験をされたことはありませんか？
