それではヘッダ周りを調整していきます。 ヘッダーの構造 _sのヘッダ(site-headerクラス)は、site-brandingクラスとmain-navigationクラスで構成されています。 //header […]
UNDERSCORESでWordPressのテーマを作る3(ヘッダ)
この記事に興味を持っていただけたら
をクリックしてもらえると励みになります!
をクリックしてもらえると励みになります!
それではヘッダ周りを調整していきます。 ヘッダーの構造 _sのヘッダ(site-headerクラス)は、site-brandingクラスとmain-navigationクラスで構成されています。 //header […]
CSSで色やサイズを指定することができるアイコンフォントで有名なFont Awesome。Font Awesomeには「このアイコンどんなときに使うの?」と言いたくなるようなアイコンを含め4,566種のアイコンを提供して […]
Sassを書き始めるときにいつも引っ張り出してくるmixinをメモ。 よく使うものなので、再利用できるようmixinにしておくとすごく便利です。 mixinについてはこちらをご覧ください。→ Sassで@mixin 要素 […]
@mixin(ミックスイン)を使えば、あるスタイルを定義したルールセットの内容を継承しつつ、新しいルールセットを作ることができます。 ここまでは@extendと同じですが、 @mixinは引数を指定して定義した @mi […]
Sassでも変数を定義することで、任意の場所で呼び出すことができます。 変数は「$変数名:値; → $mainColor: #3a86e0;」という形で宣言します。 変数とスコープ どのるルールセットにも属さない変数は、 […]
@extendを使えば、あるスタイルを定義したルールセットの内容を継承しつつプロパティを追加・変更して、新しいルールセットを作ることができます。 @extendの使いどころ 共通するプロパティをひな形のルールセットにして […]