今回は備忘録を兼ねたCSSの小ネタ。
FontAwesomeでリンクアイコンをCSSで表示している時、hoverの下線をテキストリンクのみにする方法を紹介します。
FontAwesomeのホバーをテキストだけにする方法
当ブログのパンくずリストを例に説明します。
当ブログでは、CSSの:before擬似
続きを読む
【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法
Chromeのデベロッパーツールに出てくる「user agent stylesheet」とは
Google ChromeのデベロッパーツールでWebサイト内のスタイルを確認していると、CSSルールの中に「user agent stylesheet」と設定されたものが存在する時があります。
自分で設定したスタイルではないし…これはなんぞや？ということで調べてみました。
user agent styl
続きを読む
【WordPress】301リダイレクトを.htaccessで行う方法と注意点
少し前にブログのカテゴリを整理し、URLが変更になったページがあったので.htaccessを使って301リダイレクトの設定をしました。
しかし、何度やっても上手く動作せずハマってしまったので備忘録。WordPressで構築したサイトで、301リダイレクトをする方法（.htaccess）と注意点について。
続きを読む
【初心者用】JavaScriptが苦手なWebデザイナー向け「jQueryの基本的な書き方」
JavaScriptの数あるライブラリの中でも、最も有名なのが「jQuery」。Web業界で働いている方は、毎日コード目にしていると思いますが、デザイナーさんの中には苦手な人も多いのではないでしょうか（私です）。
そこで今回は個人的な備忘録も兼ねて、jQueryの基本的な書き方を解説しようと思います。これか
続きを読む
WordPressのカスタム投稿タイプの条件分岐タグまとめ(シングル・アーカイブページ)
WordPressのカスタム投稿タイプのシングル・アーカイブページをタームで指定して条件分岐する方法を紹介。
シングルページの条件分岐を[is_tax]で指定して全然動かなかったので調べてみると、シングルページの場合は[is_object_in_term]を使うようですね。
カスタム投稿タイプの条件分岐
続きを読む
WordPressの投稿ページで前後の記事へのリンクを同じカテゴリ(タクソノミー)にする方法
WordPressでは、投稿記事の前後に「次の投稿」「前の投稿」といったページリンクする機能が用意されていますが、通常はカテゴリをまたいでリンク設定されます。
しかしブログの構成によっては、同じカテゴリ内の記事へリンクさせた方が親切な場合もあると思います。今回は、投稿記事の前後のリンクを同じカテゴリに絞る方
続きを読む
WordPressで複数ブログのRSSを取得して、日付・画像・サイト名・投稿名を表示させる方法
先日、クライアントより「複数のブログ（WordPress）の投稿をまとめて新着順にソートして、『日付』『画像』『サイト名』『記事タイトル』全てを表示できるようにして欲しい」と依頼がありました。
WordPressのRSSフィードを取得して、他のブログの新着情報を表示したことはありましたが、ここまで盛りだくさ
続きを読む
レンダリングブロックするjsファイルを非同期化して、ページの読み込みスピードを速くする方法
GoogleのPageSpeed Insightsでサイトをチェックすると、読み込みスピードを速くする方法として「レンダリングをブロックするリソースの読み込みを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください」と提案されることがあります。
これはHT
続きを読む