SCSSでWordPressのカスタムをするのが思っていたよりかなり便利だった件

 JetPackを入れています。それで、特に意識をしてはいなかったのですが、SCSSが独自CSSをカスタマイズする画面で使えるようになっていました。  ですので試みに機能をONにしてみた(プリプロセッサをSass(SCS …

[CSS]一部ブラウザでKeyframe内に設定したflexboxのorderがきかない[memo]

 トップページにCSSでスライダーを表示したのですが、それをiOSで表示確認したとき、なんかちゃんといけてなかったので、いくつかのブラウザで確認しつつ原因を調べてみたところ、どうやら題名どおりの事態になっているらしいこと …

WordPressの独自CSSをSass(SCSS)で書く方法

いつの間にかできるようになっていたのでメモです。 手順 カスタマイズ→独自CSS 「プリプロセッサ」の欄を「Sass(SCSS Syntax)」に  これで完了です。こうするとSCSSが使えるようになるみたい。  もしか …

CSS変数についての対応状況のメモ

を読んで、どのブラウザがCSSのカスタム変数に対応しているのか疑問に思いましたので、Can I useで確かめてみることにしました。 Can I useのCSS変数に関するページ です。この記事が古くなっても、CanIU …

CSSを弄って、モバイル用デザインの記事フォントサイズを変更

モバイル用デザインについて、生地のフォントサイズを変更しました。 Verbosaはある程度モバイルでもいけるテーマ  Verbosaでは、いい感じにモバイルでもデザインを結構保ったまま閲覧することができます。 今まではモ …

一番上に戻るボタン、について。

こういうのを見かけたので、記録。 Verbosaには元々付いているし、どうやらWordPressテーマではそれなりに装備はしている…のかな。 WordPressでのトップに戻るボタン WordPressでのトップに戻るボ …

[memo]Vistaサポート終了→IE9サポート終了にあたって使用の障壁が薄くなったCSS色々メモ

Vistaサポート終了によりIE9サポート終了。 では何が使えるようになったか。 Can I useで少し確認。  おそらくFlexbox、Gradient(Gradientは一寸ましになった程度、か?ベンダープレフィッ …

WordPressプラグイン『Autoptimize』の紹介と導入/使用方法

 このサイトでは、WordPressのプラグインであるAutoptimizeを使用してある程度の軽量化を行っています。  便利ですし、防備録もかねてインストール方法などの紹介をいたします。 Autoptimizeとは   …