WordPressのテーマでカスタマイズしたいときに子テーマを作ります。
親テーマのCSSを変更したいとき、子テーマでCSSを用意して親テーマのCSSの設定を上書きする人もいるのではないでしょうか?
しかしこれは避けたほうがいいです。理由は『CSSのサイズが大きくなる』から。
『それじゃあ、どうするのか?』を説明します。
続きを読むWordPressのテーマでカスタマイズしたいときに子テーマを作ります。
親テーマのCSSを変更したいとき、子テーマでCSSを用意して親テーマのCSSの設定を上書きする人もいるのではないでしょうか?
しかしこれは避けたほうがいいです。理由は『CSSのサイズが大きくなる』から。
『それじゃあ、どうするのか?』を説明します。
続きを読むWordPressのバージョン5の編集エディタgutenbergには『プレビュー』ボタンがあります。
ページの確認(正式なページではない)ができるのですが、『プレビューを生成中...』で止まってなかなか表示されません。
これまで我慢してきたのですが、やっと解決方法が見つかりました。
続きを読むテキストエディタのAtomでHTML, CSS, JavaScriptを開発するのにおすすめのパッケージをご紹介します。
大きく分けて『IDEを使う』『linterを使う』の2つの方法があります。標準で付いているものでも必要十分で、それを使うのもあり。
続きを読む::before, ::afterはCSSの疑似要素で一番使います。CSSで新たに要素を追加します。HTMLに書くまでもない要素を作るときに使います。
それについて、かんたんに誰でも分かるようにサンプルコードを使いながら解説します。
(ここでしか使えないcontentプロパティも説明します。)
続きを読むHTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。
このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。
これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むマルチ言語サイトで、同じスタイルをそれぞれ用意するのではなく、同じものを使いたいときがあります。でも、CSSに文字列を書いてある場合どうしたらいいのでしょうか?
CSSでは、サイトの言語別に分けてスタイルを適用させる方法があります。サンプルコードを使って、かんたんに誰でも分かるように解説します。
続きを読む