css

WordPressの親子ページで階層を1段階に限定する(CSSオンリー)
WordPressの固定ページには「親ページ」を指定して、複数の階層を作ることができるのですが、サイトの仕様上「孫」は作りたくない、と言う要望がありました。 そこで、どこぞかで関数をイジれば調節出来るのかもしれませんが、...
bootstrapでカスタムカラー配列を作成して不要な多色コンポーネントを削除する方法
先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。 しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要...
bootstrapから使用しないコンポーネントを削除する方法
次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。 そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです...
bootstrapのブレークポイントを削減する方法
bootstrapのグリッドは のようにブレークポイントが設定されています。 しかし、これも画面いっぱいに表示する管理画面のダッシュボードやWebアプリで無ければここまで細かく設定する必要も無いと思います。 そこで、これ...
bootstrapのテーマカラーを削減する方法
bootstrapは多くの便利なスタイルが格納されているフレームワークですが、一方で使用しないスタイルも多く、容量が大きいのが難点です。 例えばテーマカラーだけでも、 Primary Secondary Success ...
TablePressの標準スタイルシートの読み込みを停止する方法
WordPressで表組みを作成するプラグインと言えばTablePressが定番で使い勝手も良く重宝しています。 しかしながら、TablePressで表を作成すると、tableタグに.tablepressというクラス名が...
最新のJetpackでアセットCSS、JSをCDN配信に
Jetpackを最新版に更新すると、設定項目の中に「Asset CDN」という項目が追加されていることが確認出来ます。 [mx_image id="8756"] 📝 ポイント こちらの設定画面は通常隠されているので、{あ...
Bootstrapのパンくずリストを1行表示にして、超過分は省略する。
bootstrapのパンくずリスト。 bootstrapでパンくずリストのスタイルは、 と、display: flex;を使用する前提で定義されています。 これを、1行表示するためには、ol要素に新しく以下のように定義し...
Bootstrapの変数を自分のSCSS(SASS)で使う方法
bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。 通常、bootstrapの色や幅などの数値を変更するにはその中にある 📄 _variabl...
【CSS】FlexboxとPositon:Fixedを使って要素を中央固定表示する方法
CSSである要素を中央に固定して表示するには、表示したい要素の高さ分をtopから差し引く、という方法が良く用いられます。 しかし、これは要素の高さを予め決定しておく必要があります。 もし高さが可変する場合はjQueryを...
1234