【WordPress】リンク付きカテゴリを表示する
サイドバーや投稿一覧にあるリンク付きのカテゴリ表示。便利ですよね。 ワンクリックで目的のジャンルを見に行かれるので、サイトの種類問わずよく見かけます。 以下ではリンクなしのカテゴリラベルを設置しましたが、本記事ではリンク...
WordPressおすすめ
WordPress
WordPress【WordPress】色分けしたカテゴリラベルを作る
お知らせ一覧などのリスト表示で見かける、カテゴリラベルの作成、設置方法をご紹介！ カテゴリごとにCSSで色分けするので、記事が分類でき、関連性も分かりやすくなります。 本記事では「リンクなし」でラベルを出力します。リンク...
WordPress【WordPress】Custom Post Type UIでカスタム投稿を作成
元からある投稿と分けて記事を管理したいときは、カスタム投稿を利用します。 例えば「製品情報」や「お客様の声」を、通常の「お知らせ」と違う区分にするなど。 ちなみに、投稿を分けなくても問題はありません。 不都合があるとすれ...
Photoshop画像のフォントをAdobeツールで検索する【日本語と英語に対応】
イメージに近いポスターや広告バナーを見つけたとき。どんなフォントを使っているか、色は、写真は、と色々調べますよね。 今回はその中でも「フォント」に注目。 経験を元に一つひとつ調べる方法もありますが、「Adobe Font...
TIPSCSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける
サイト制作をしていると、更新前のテキストや画像が「キャッシュ」として残ることがあります。 本来は、サイトの表示速度向上に役立つ機能ですが、制作中の身としては逐一キャッシュを削除しなければならず、少し面倒なシステムに思えた...
Illustrator【Illustrator】1pxズレて書き出されたら「ピクセルグリッドに最適化」
作成したイラストやアイコンが「1px大きい」「1px小さい」状態で書き出された！ ということはありませんか。 予定のサイズから1pxズレると、状況次第では細かい設定が必要になりますよね。 対処法はいくつかありますが、今ま...
Photoshop【Photoshop】画像の劣化を防いで拡大縮小できる「スマートオブジェクト」
画像を拡大、縮小したときに気になる「劣化」。 常に目当てのサイズということは少ないので、データを伸縮する作業が何かと必要になります。 でも、細かい編集はしたくないもの。 Photoshopの「スマートオブジェクト」を使え...
ツールVSCodeの「W3C Validation」でHTMLとCSSコードをチェック
VScodeの拡張機能「W3C Validation」を使えば、W3Cに準拠したコードなのかをエディタですぐにチェックすることができますよ！ 実際に動作するまで設定したところ、環境変数の設定が難しい印象でした。こちらの拡...
ツール「Font Awesome 6」のアイコンをIllustratorやXDで使う方法
Webアイコンフォントで有名な「Font Awesome」。実はデザインにも利用できます。 Adobeツールなら「Illustrator」「Photoshop」「XD」で使用可能。 流れとしては、 公式サイトにある「Fo...
プロフィール
サー坊
会社員からフリーランスに転身。Webデザイナー兼フロントエンドエンジニアをしています。「好きなことで好きなひとたちと生きる」が目標。少しずつできることを増やそうと奮闘中。
日々の気づきや基本操作などを備忘録としてまとめています。
人気の記事
-
「Font Awesome 6」をCDNやダウンロードデータでブラウザに表示する
-
【Photoshop】画像の劣化を防いで拡大縮小できる「スマートオブジェクト」
-
【Illustrator】文字を斜めに傾けて変形する
-
SublimeTextの日本語化とShift_JISの文字化けをインストールから解説
-
【WordPress】CSSとJavaScriptをfunctions.phpで読み込み出力する
-
ベーシック認証！「.htaccess」と「.htpasswd」の正しい書き方
-
画像のフォントをAdobeツールで検索する【日本語と英語に対応】
-
CSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける
-
xampp-control.iniにアクセス拒否された！管理者権限の付与ですぐ解決
-
【Git】プルでデータを取得し競合をマージする｜TortoiseGit