よく読まれている記事一覧
-
CSS/Sass
CSSでスクロールバーのデザインをカスタマイズする。
スクロールバーのデザインをCSSだけでカスタマイズする方法を具体例を挙げながらまとめていきます。すごく、簡単です。 普通にブラウザの右側に出てくるスクロールバ ...
2017/07/12 -
WordPress
もう迷わんよ。WordPressで固定ページや投稿ページが持つ様々な情報を取得する方法まとめ[基本情報・投稿タイプ・カスタムフィールド・カテゴリ・タグ・タクソノミーなど]
WordPressをいじっていると、投稿ページや固定ページなど、そのページが持つ情報を取得するというのは日常茶飯事かと思います。 しかし、ひとつの情報に対し、 ...
2017/07/22 -
CSS/Sass
游ゴシックのfont-family指定方法2018年度版！@font-faceは絶対NG！WindowsのChromでかすれる問題徹底検証
游ゴシックは素晴らしい。まず前提としてこれは間違いのないことです。 ただ、面倒くせぇ。問題が多すぎるのです。 かねてより議論されている「WindowsのCh ...
2018/04/02 -
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 -
SEO
サーチコンソールでインデックスステータスが0件の時にまず確認すること
サイトを運営する上で、サーチコンソールやGoogleアナリティクスなどを使いこなすことはは非常に重要ですよね。 私もこのブログを公開したことで使用し始めました ...
2017/05/18 -
WordPress
いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた
取得したい記事をかなり自由に指定できるWP_Query。WordPressで必須知識と言っても過言ではないでしょう。 しかし、WP_Queryは万能だからこそ ...
2017/06/14 -
CSS/Sass
CSSで複数行に渡るテキストにマーカーを引いたようなエフェクトを付ける
以前、テキストにマーカーを引いたようなエフェクトを付ける方法をメモしたのですが、今回はその別バージョンです。 [in_link 192] 前回は、擬似要素を ...
2017/05/28 -
その他
新作iPhone8, iPhone8 Plus, iPhone X の画面サイズは？メディアクエリの横幅に指定するピクセルについて
新しいiPhoneが出ました。iPhone8, と iPhone X。 いろいろ気になることはあるものの、Webをやっていると画面サイズ（横幅）が気になって仕 ...
2017/09/20 -
ツール
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
WP-PageNaviの基本的な使い方と、不具合を出さないために覚えておきたい設定方法まとめ
Web制作していると実装することの多いページャー（ページ送り）機能。 WordPressでページャーといえば WP-PageNavi という有名なプラグインが ...
2017/11/21 -
WordPress
WordPressでカテゴリ・タグ・タクソノミーに登録している全てのターム情報を一覧で取得する方法まとめ。WP_Term_Queryが超便利！
サイドバーなどでカテゴリやタグ一覧などを表示させたい時に、カテゴリ・タグ・タクソノミーで登録済みのターム情報を全て取得する方法をまとめていこうと思います。 主 ...
2017/09/22 -
JavaScript
[href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ
ページ内部でのリンク（目次など）を押した時に、スクロールアニメーションでリンク先まで移動するスクリプトありますよね。 ソースコードをググるとコピペで使えるコー ...
2017/05/16 -
JavaScript
[bxsliderあるある] 最後のスライダー画像が最初に表示されてしまう！そんな時に考えられる要因と対処方法３つ！
スライダーを実装中するならとても便利なbxsliderですが、使用しているとこんな現象に遭遇しませんか？ 最後のスライダーがなぜか先頭にセットされてしまう。 ...
2017/08/12 -
WordPress
WordPressで読み込むCSSやJSファイルにクエリパラメータを付与し、ブラウザキャッシュは有効のまま変更箇所をすぐに反映させる方法。
CSSなどを変更してクライアントに確認してもらう時、「変わってませんよ？」と言われ、「すみません、キャッシュです。お手数ですが削除してから…」という不毛なやり取 ...
2017/06/04 -
CSS/Sass
brタグで改行すると行間が何故か広くなってしまい、pタグのline-heightでも調節できない時の原因と対処法
brで改行した時に何故か行間が広くなってしまい、cssでline-heightとかで調節してもうまくいかない時、ありませんか？ 自動改行ではちゃんと行間が調節 ...
2017/05/14 -
ツール
Dreamweaver CCのコードカラーリングをカスタマイズしてSublime Text風にアレンジする方法
今回はDreamweaver CCのコードカラーリングをカスタマイズ方法をメモしていきます。 CCになってから格段と使いやすくなったDreamweaverです ...
2017/05/12 -
WordPress
[コピペで使える] WordPressでプラグインを使わずにパンくずリストを自動で作成し、好きな場所に表示させる方法
WordPressでプラグインを使わずにパンくずリストを作成してみようと思います。function.phpにコードをコピペし、好きな場所で関数を呼び出すだけでO ...
2017/06/25 -
HTML
HTML5で個人的に最低限必要だと思う記述・タグまとめ。head内に何を書いておけばいいのか？
初めまして。この記事が初投稿です。 初回なので、軽くHTML関係のことから。ついつい忘れてしまって、いつもGoogle先生にお世話になってしまうHTMLの基礎 ...
2017/05/07 -
WordPress
WordPressでログイン中のユーザー情報を取得する方法と取得できる情報一覧。取得できる値はvar_dumpで吐き出される構造と一致しないものがある？
WordPressで現在ログイン中のユーザーの情報を取得する方と、その時に得られる情報の中身を調べてみたのでメモしておきます。 また、調べているときに気づいた ...
2017/08/06
