よく読まれている記事一覧
-
CSS/Sass
CSSでスクロールバーのデザインをカスタマイズする。
スクロールバーのデザインをCSSだけでカスタマイズする方法を具体例を挙げながらまとめていきます。すごく、簡単です。 普通にブラウザの右側に出てくるスクロールバ ...
2017/07/12 -
CSS/Sass
游ゴシックのfont-family指定方法2018年度版！@font-faceは絶対NG！WindowsのChromeでかすれる問題徹底検証
游ゴシックは素晴らしい。まず前提としてこれは間違いのないことです。 ただ、面倒くせぇ。問題が多すぎるのです。 かねてより議論されている「WindowsのCh ...
2018/04/02 -
WordPress
もう迷わんよ。WordPressで固定ページや投稿ページが持つ様々な情報を取得する方法まとめ[基本情報・投稿タイプ・カスタムフィールド・カテゴリ・タグ・タクソノミーなど]
WordPressをいじっていると、投稿ページや固定ページなど、そのページが持つ情報を取得するというのは日常茶飯事かと思います。 しかし、ひとつの情報に対し、 ...
2017/07/22 -
JavaScript
$(window).on ('load')関数が動作しない時はjQueryのバージョンをチェック！
先日、load関数 $(window).on('load') がページの読み込みごとに動作したりしなかったりする謎の現象に悩まされました。 どうやらキャッシュ ...
2017/05/12 -
JavaScript
背景画像も遅延読み込み可能。万能Lazyloader、lazysizesの使い方
画像の遅延読み込みをしたいとき、何を使用しますか？ 私は「lazysizes」を発見してからというもの、ずっとこいつにお世話になっています。 個人的に、画像 ...
2017/05/25 -
JavaScript
スクリーン・ウインドウ・画面サイズをjavascriptで取得する方法まとめ
JavaScriptでスクリーン ・ウインドウ・画面サイズなどを取得しようとすると、 screen.widthや window.innerWidthなど、候補が ...
2017/07/24 -
WordPress
プラグインなしでSNSシェアボタンを自作するための基本知識と実装コード、アナリティクス解析方法
SNSシェアボタンをプラグインなしで実装した時の備忘録です。（このブログのシェアボタンはこの記事の方法で実装しています。） PHPだけで実装するパターンと、h ...
2017/05/30 -
WordPress
いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた
取得したい記事をかなり自由に指定できるWP_Query。WordPressで必須知識と言っても過言ではないでしょう。 しかし、WP_Queryは万能だからこそ ...
2017/06/14 -
SEO
サーチコンソールでインデックスステータスが0件の時にまず確認すること
サイトを運営する上で、サーチコンソールやGoogleアナリティクスなどを使いこなすことはは非常に重要ですよね。 私もこのブログを公開したことで使用し始めました ...
2017/05/18 -
その他
新作iPhone8, iPhone8 Plus, iPhone X の画面サイズは？メディアクエリの横幅に指定するピクセルについて
新しいiPhoneが出ました。iPhone8, と iPhone X。 いろいろ気になることはあるものの、Webをやっていると画面サイズ（横幅）が気になって仕 ...
2017/09/20 -
WordPress
WP-PageNaviの基本的な使い方と、不具合を出さないために覚えておきたい設定方法まとめ
Web制作していると実装することの多いページャー（ページ送り）機能。 WordPressでページャーといえば WP-PageNavi という有名なプラグインが ...
2017/11/21 -
CSS/Sass
CSSで複数行に渡るテキストにマーカーを引いたようなエフェクトを付ける
以前、テキストにマーカーを引いたようなエフェクトを付ける方法をメモしたのですが、今回はその別バージョンです。 [in_link 192] 前回は、擬似要素を ...
2017/05/28 -
ツール
VS Codeの配色テーマ、Monokaiをカスタマイズしてみた
先日、「VS CodeをSublime Textのように使う」というメモを公開したのですが、VS CodeのMonokaiが少しSublime Textのものと ...
2018/02/09 -
JavaScript
スマホ・タブレット( iPhone/iPad/Android ) でスクリーンの縦・横判定方法と画面回転時の発動イベントのまとめ。およびそれらの組み合わせによる不具合・最適解の考察
スマホやタブレットでスクリーンの縦横の向きを判定する方法と、画面回転時にどんなイベントが発火するのかを整理していき、どの方法で向きを判定してどのイベントにその判 ...
2017/08/15 -
ツール
Visual Studio CodeをほぼSublime Textのように使う方法
長らくお世話になっていたSublime Text (以下、Sublime) からVisual Studio Code (以下、VS Code) へ乗り換えました ...
2018/01/06 -
WordPress
[WordPress]カテゴリー・タグ一覧表示！タクソノミーに登録している全ターム情報を取得する方法まとめ
サイドバーなどでカテゴリやタグ一覧などを表示させたい時に、カテゴリ・タグ・タクソノミーで登録済みのターム情報を全て取得する方法をまとめていこうと思います。 主 ...
2017/09/22 -
JavaScript
[href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ
ページ内部でのリンク（目次など）を押した時に、スクロールアニメーションでリンク先まで移動するスクリプトありますよね。 ソースコードをググるとコピペで使えるコー ...
2017/05/16 -
WordPress
[WordPress] アーカイブページの種類別にタイトルやスラッグ（投稿タイプやカテゴリ・タグなどの情報）を取得する方法をまとめた関数を作ってみた
WordPressのアーカイブページで、カテゴリ・タグや投稿タイプなど、様々な情報を取得する方法をまとめていきます。 表示中のアーカイブページが投稿タイプのア ...
2018/04/07 -
CSS/Sass
brタグで改行すると行間が何故か広くなってしまい、pタグのline-heightでも調節できない時の原因と対処法
brで改行した時に何故か行間が広くなってしまい、cssでline-heightとかで調節してもうまくいかない時、ありませんか？ 自動改行ではちゃんと行間が調節 ...
2017/05/14 -
WordPress
WordPressで読み込むCSSやJSファイルにクエリパラメータを付与し、ブラウザキャッシュは有効のまま変更箇所をすぐに反映させる方法。
CSSなどを変更してクライアントに確認してもらう時、「変わってませんよ？」と言われ、「すみません、キャッシュです。お手数ですが削除してから…」という不毛なやり取 ...
2017/06/04 -
JavaScript
lightboxの超軽量版！jQuery不要の画像拡大スクリプト「Luminous」の基本的な使い方とオプションの説明、複数画像への適用方法
「Luminous」という、クリックすると画像を拡大してくれる超軽量の素晴らしいスクリプトを発見したので、使い方をメモっておこうと思います。 この類のスクリプ ...
2018/04/09 -
JavaScript
[bxsliderあるある] 最後のスライダー画像が最初に表示されてしまう！そんな時に考えられる要因と対処方法３つ！
スライダーを実装中するならとても便利なbxsliderですが、使用しているとこんな現象に遭遇しませんか？ 最後のスライダーがなぜか先頭にセットされてしまう。 ...
2017/08/12 -
WordPress
[コピペで使える] WordPressでプラグインを使わずにパンくずリストを自動で作成し、好きな場所に表示させる方法
WordPressでプラグインを使わずにパンくずリストを作成してみようと思います。function.phpにコードをコピペし、好きな場所で関数を呼び出すだけでO ...
2017/06/25 -
その他
iOS・Android端末のCSSピクセル・dp解像度一覧。レスポンシブでメディアクエリのブレイクポイントは結局何ピクセルなのか？はどこまで対応するかで変わる。(2018年度)
今や当たり前のレスポンシブコーディングですが、メディアクエリでスマホやタブレット用のスタイルを切り替える時のブレイクポイントは結局何ピクセルにすればいいんだ.. ...
2018/05/18
