人気記事一覧

• SEO

  サーチコンソールでインデックスステータスが0件の時にまず確認すること

  サイトを運営する上で、サーチコンソールやGoogleアナリティクスなどを使いこなすことはは非常に重要ですよね。 私もこのブログを公開したことで使用し始めました ...

  2017/05/18
• その他

  新作iPhone8, iPhone8 Plus, iPhone X の画面サイズは？メディアクエリの横幅に指定するピクセルについて

  新しいiPhoneが出ました。iPhone8, と iPhone X。 いろいろ気になることはあるものの、Webをやっていると画面サイズ（横幅）が気になって仕 ...

  2017/09/20
• JavaScript

  [href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ

  ページ内部でのリンク（目次など）を押した時に、スクロールアニメーションでリンク先まで移動するスクリプトありますよね。 ソースコードをググるとコピペで使えるコー ...

  2017/05/16
• WordPress

  WordPressで読み込むCSSやJSファイルにクエリパラメータを付与し、ブラウザキャッシュは有効のまま変更箇所をすぐに反映させる方法。

  CSSなどを変更してクライアントに確認してもらう時、「変わってませんよ？」と言われ、「すみません、キャッシュです。お手数ですが削除してから…」という不毛なやり取 ...

  2017/06/04
• WordPress

  WordPress : カテゴリーやタグ・タームを一覧表示する方法とWP_Term_Queryの使い方

  サイドバーなどでカテゴリやタグ一覧などを表示させたい時に、カテゴリ・タグ・タクソノミーで登録済みのターム情報を全て取得する方法をまとめていこうと思います。 主 ...

  2017/09/22
• ツール

  Visual Studio CodeをほぼSublime Textのように使う方法

  長らくお世話になっていたSublime Text (以下、Sublime) からVisual Studio Code (以下、VS Code) へ乗り換えました ...

  2018/01/06
• HTML

  HTML5で個人的に最低限必要だと思う記述・タグまとめ。head内に何を書いておけばいいのか？

  初めまして。この記事が初投稿です。 初回なので、軽くHTML関係のことから。ついつい忘れてしまって、いつもGoogle先生にお世話になってしまうHTMLの基礎 ...

  2017/05/07
• CSS/Sass

  レスポンシブの単位には％よりもvw, vhが便利！フォントサイズの指定にも使える

  レスポンシブデザインを取り入れたサイトを制作するとき、widthの幅やpaddingの数値などをpxではなく%で指定することが多いかと思います。 ですが、%指 ...

  2017/06/15
• JavaScript

  【脱jQuery!】ページ内リンクのスムーススクロールをjQueryなしで実装するコード

  今回は「ページ内リンクのスムーススクロール」をjQueryに頼らず実装してみました。 スクロールアニメーションはjQueryなしでは難しいとされている処理の一 ...

  2018/06/22
• CSS/Sass

  Sass・SCSSで使えるコメントアウト、「/* */」と「//」のコンパイル時の違い

  Sass(SCSS)でコメントアウトしたい時、CSSと同じく/* */で挟んだ部分をコメントできるのはもちろん、他のプログラム言語のように//でもコメントアウト ...

  2017/05/21
• WordPress

  [Wordpress] - 投稿・固定・アーカイブなど各ページへのパーマリンク・URLを取得する方法まとめ

  Wordpressでは特定のページまでのパーマリンク・URLを取得するためのテンプレートタグが複数あってややこしいので、各関数の役割や使い方を簡単にまとめてみま ...

  2017/07/22
• JavaScript

  [bxsliderあるある] 最後のスライダー画像が最初に表示されてしまう！そんな時に考えられる要因と対処方法３つ！

  スライダーを実装中するならとても便利なbxsliderですが、使用しているとこんな現象に遭遇しませんか？ 最後のスライダーがなぜか先頭にセットされてしまう。 ...

  2017/08/12
• WordPress

  WordPressの投稿内で任意のPHPコードを実行できる「ショートコード」を自分で作成する方法と呼び出し方。引数の受け渡しも簡単！

  WordPressでは「ショートコード」というものを利用して、記事内で任意のPHPコードを呼び出すことができます。 ショートコードを呼び出して使えるプラグイン ...

  2017/05/27
• CSS/Sass

  CSS3・CSS4とは？CSSの歴史と現状、Level(レベル)の遷移について調べてみた。

  CSS3だとかCSS4だとかって一体何？今自分が使ってるCSSはどれ？というのが気になって、CSS (Cascading Style Sheets) の歴史を色 ...

  2018/05/09
• WordPress

  WordPressでスラッグ名からIDを取得する方法。投稿・固定ページ・カテゴリ・タグ・タクソノミーごとの違いを整理。

  投稿IDやカテゴリIDから、投稿やカテゴリの情報を取得することは多いと思うのですが、今回はそのためのIDをスラッグから取得する方法について。 というのも先日、 ...

  2017/10/28
• WordPress

  wp_get_current_user()で取得できるログイン中のユーザー情報一覧。

  WordPressで現在ログイン中のユーザーの情報を取得できるwp_get_current_user()という便利な関数があります。 この関数で得られる情報っ ...

  2017/08/06
• WordPress

  the_post_thumbnail()なんて使わない。無駄なソースを吐き出さずにアイキャッチ画像を表示する方法

  WordPressでアイキャッチ画像を表示させる時、the_post_thumbnail()という関数を使用していませんか？ 関数を呼び出すだけで簡単にアイキ ...

  2017/05/21
• WordPress

  WordPressでファイルを読み込むためのwp_enqueue_styleとwp_enqueue_scriptの使い方と引数の意味を理解しておこう。

  webサイトでcssやjsファイルを読み込む時、普通ならheadタグ内にlinkタグなどを記述しますが、WordPressではwp_enqueue_style( ...

  2017/05/23
• JavaScript

  サブウインドウを開いて小窓表示させる時に心がけたい細かな工夫。「新しいタブで開く」に対応させる方法

  クリックでサブウインドウ（小窓）を表示させるスクリプトはそんない難しくないので、コピペで済ましがち。しかし、少しの工夫で、よりユーザにとって親切な実装ができるこ ...

  2017/06/20
• WordPress

  WordPressでソースコードの記述がめちゃくちゃ簡単に！新旧エディタに対応のシンタックスハイライター「Highlighting Code Block」の使い方

  WordPressの新ブロックエディタ・旧クラシックエディタの両方に対応しているシンタックスハイライトプラグイン、「Highlighting Code Bloc ...

  2018/12/10
• フロントエンド

  Internet Explorerを判定してアラートを表示し、モダンブラウザへ誘導する方法（PHP版 / JS版）

  一刻も早くInternet Explorer (以下 IE) の呪縛から解放されたい。 そこで、IEで訪れてきたユーザーに対してモダンブラウザへ誘導するアラー ...

  2018/06/05
• WordPress

  WordPressで「前の投稿」と「次の投稿」へのリンクを出力する方法と使用例8パターン紹介

  WordPressの記事の最後によく表示されている「前の投稿へ」「次の投稿へ」を出力するテンプレートタグ、previous_post_link()とnext_p ...

  2017/08/08
• WordPress

  カテゴリIDやタームIDからWP_Termオブジェクト情報を取得する方法まとめ

  WordPressでは、カテゴリー・タグ・タクソノミーの各タームに関する様々な情報は、「WP_Termオブジェクト」というものに保存されています。 投稿に紐づ ...

  2017/08/02
• ツール

  Dreamweaver CCのコードカラーリングをカスタマイズしてSublime Text風にアレンジする方法

  今回はDreamweaver CCのコードカラーリングをカスタマイズ方法をメモしていきます。 CCになってから格段と使いやすくなったDreamweaverです ...

  2017/05/12