シンプルでSEOにも強いWordpressテーマとして人気の「STINGER8」。カスタマイズの一つとして、トップページの一覧に更新日を追加する方法を記載。 itiran.phpに追記する 親テーマで …

WordPressを使用、かつ「Google XML Sitemaps」プラグインを利用しているケースで、Google Search Consoleに上記のエラーが出た場合の対処方法について記載。 プ …

アイコンフォントとは？ アイコンを表現できるWebフォント。テキストデータとして読み込むので、画像で表示するよりもページを軽くすることができる。また、拡大・縮小しても綺麗に表示できる。 IcoMoon …

WordPressのメディアでSVG画像をアップしようとすると「セキュリティーの理由によりこのファイル形式は許可されていません」とエラーが出てしまう。 functions.phpに追記する プラグイン …

インライン要素には「text-align: center;」 【対象】a、button、code、iframe、img、spanなど ブロック要素には「margin: auto;」 【対象】div、f …

予算の関係などで「低解像度の画像で何とかしなければならない」という場合に便利。 photoshopの画像保管メニュー「ディティールを保持2.0」を使用する イメージ＞画像解像度＞再サンプルにチェック＞ …

アートボードの背景を透明色にする ウィンドウ＞属性＞アートボード背景色：　←透明を選択

レイヤーマスクとは 画像の上に覆いかぶさるカバーのようなもの。画像の切り抜きによく使われる。 レイヤーマスクのかけ方 1.　レイヤーに、切り抜きたい形に選択範囲を作る。2.　レイヤーパネルでマスクボタ …

HTMLの親要素と子要素の基本構造 特殊なセレクタ例 [参考html] セレクタ>セレクタ　（子セレクタ）　親要素の直接の子孫に適用　（例）p > a → pタグの子要素のaタグに適用　※参考html …

ベンダープレフィックスとは Google chromeやMozilla Firefox、Safariといったブラウザベンダーが、CSS3で実装予定の機能を各ブラウザで使えるようにしたもの。 最近はブラ …