人気記事一覧
-
ツール
Visual Studio Codeをインストールしたらまず確認・設定しておきたい基本項目まとめ
Visual Studio Codeを使い始めて、1年ほど経過したでしょうか。もうすっかり離れられなくなっております。 あんなに溺愛していたSublime T ...
2018/08/07 -
ツール
Visual Studio CodeをほぼSublime Textのように使う方法
長らくお世話になっていたSublime Text (以下、Sublime) からVisual Studio Code (以下、VS Code) へ乗り換えました ...
2018/01/06 -
JavaScript
[href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ
ページ内部でのリンク（目次など）を押した時に、スクロールアニメーションでリンク先まで移動するスクリプトありますよね。 ソースコードをググるとコピペで使えるコー ...
2017/05/16 -
WordPress
WordPressで読み込むCSSやJSファイルにクエリパラメータを付与し、ブラウザキャッシュは有効のまま変更箇所をすぐに反映させる方法。
CSSなどを変更してクライアントに確認してもらう時、「変わってませんよ？」と言われ、「すみません、キャッシュです。お手数ですが削除してから…」という不毛なやり取 ...
2017/06/04 -
WordPress
WordPress : カテゴリーやタグ・タームを一覧表示する方法とWP_Term_Queryの使い方
サイドバーなどでカテゴリやタグ一覧などを表示させたい時に、カテゴリ・タグ・タクソノミーで登録済みのターム情報を全て取得する方法をまとめていこうと思います。 主 ...
2017/09/22 -
HTML
ファビコン(favicon)のタグや画像サイズは結局どれにすればいいのか
ファビコンを設定するためのタグの基本は、rel="icon"を指定した<link>タグに、「.ico」拡張子のファイルを読み込ませます。 < ...
2018/08/04 -
HTML
HTML5で個人的に最低限必要だと思う記述・タグまとめ。head内に何を書いておけばいいのか？
初めまして。この記事が初投稿です。 初回なので、軽くHTML関係のことから。ついつい忘れてしまって、いつもGoogle先生にお世話になってしまうHTMLの基礎 ...
2017/05/07 -
JavaScript
[bxsliderあるある] 最後のスライダー画像が最初に表示されてしまう！そんな時に考えられる要因と対処方法３つ！
スライダーを実装中するならとても便利なbxsliderですが、使用しているとこんな現象に遭遇しませんか？ 最後のスライダーがなぜか先頭にセットされてしまう。 ...
2017/08/12 -
WordPress
[Wordpress] - 投稿・固定・アーカイブなど各ページへのパーマリンク・URLを取得する方法まとめ
Wordpressでは特定のページまでのパーマリンク・URLを取得するためのテンプレートタグが複数あってややこしいので、各関数の役割や使い方を簡単にまとめてみま ...
2017/07/22 -
CSS/Sass
Sass・SCSSで使えるコメントアウト、「/* */」と「//」のコンパイル時の違い
Sass(SCSS)でコメントアウトしたい時、CSSと同じく/* */で挟んだ部分をコメントできるのはもちろん、他のプログラム言語のように//でもコメントアウト ...
2017/05/21 -
CSS/Sass
レスポンシブの単位には％よりもvw, vhが便利！フォントサイズの指定にも使える
レスポンシブデザインを取り入れたサイトを制作するとき、widthの幅やpaddingの数値などをpxではなく%で指定することが多いかと思います。 ですが、%指 ...
2017/06/15 -
WordPress
WordPressでスラッグ名からIDを取得する方法。投稿・固定ページ・カテゴリ・タグ・タクソノミーごとの違いを整理。
投稿IDやカテゴリIDから、投稿やカテゴリの情報を取得することは多いと思うのですが、今回はそのためのIDをスラッグから取得する方法について。 というのも先日、 ...
2017/10/28 -
WordPress
wp_get_current_user()やget_userdata()で取得できるログイン中のユーザー情報一覧。
WordPressで現在ログイン中のユーザーの情報を取得できるwp_get_current_user()という便利な関数があります。 この関数で得られる情報っ ...
2017/08/06 -
WordPress
the_post_thumbnail()なんて使わない。無駄なソースを吐き出さずにアイキャッチ画像を表示する方法
WordPressでアイキャッチ画像を表示させる時、the_post_thumbnail()という関数を使用していませんか？ 関数を呼び出すだけで簡単にアイキ ...
2017/05/21 -
CSS/Sass
CSS3・CSS4とは？CSSの歴史と現状、Level(レベル)の遷移について調べてみた。
CSS3だとかCSS4だとかって一体何？今自分が使ってるCSSはどれ？というのが気になって、CSS (Cascading Style Sheets) の歴史を色 ...
2018/05/09 -
ツール
Dreamweaver CCのコードカラーリングをカスタマイズしてSublime Text風にアレンジする方法
今回はDreamweaver CCのコードカラーリングをカスタマイズ方法をメモしていきます。 CCになってから格段と使いやすくなったDreamweaverです ...
2017/05/12 -
JavaScript
【脱jQuery!】ページ内リンクのスムーススクロールをjQueryなしで実装するコード
今回は「ページ内リンクのスムーススクロール」をjQueryに頼らず実装してみました。 スクロールアニメーションはjQueryなしでは難しいとされている処理の一 ...
2018/06/22 -
JavaScript
サブウインドウを開いて小窓表示させる時に心がけたい細かな工夫。「新しいタブで開く」に対応させる方法
クリックでサブウインドウ（小窓）を表示させるスクリプトはそんない難しくないので、コピペで済ましがち。しかし、少しの工夫で、よりユーザにとって親切な実装ができるこ ...
2017/06/20 -
WordPress
WordPressでファイルを読み込むためのwp_enqueue_styleとwp_enqueue_scriptの使い方と引数の意味を理解しておこう。
webサイトでcssやjsファイルを読み込む時、普通ならheadタグ内にlinkタグなどを記述しますが、WordPressではwp_enqueue_style( ...
2017/05/23 -
WordPress
カテゴリIDやタームIDからWP_Termオブジェクト情報を取得する方法まとめ
WordPressでは、カテゴリー・タグ・タクソノミーの各タームに関する様々な情報は、「WP_Termオブジェクト」というものに保存されています。 投稿に紐づ ...
2017/08/02 -
CSS/Sass
SASS・SCSSのコンパイル時にエンコードエラー？Dreamweaverで気をつけたい以外な原因と対処法
SCSSを使い始めたころ、「Error: Invalid US-ASCII character "\xE3"」 とかいうエラーが出まくったことがあります(Dre ...
2017/06/16 -
WordPress
ABSPATHとはなんぞや。WordPressのインストールされたパスが定義されたグローバル定数らしい。
はい、タイトルだけでほぼ解決してしまっていますが、今回はWordPressで定義されている定数、「ABSPATH」についてのメモです。 初見では何者なのか全く ...
2017/07/25 -
WordPress
WordPressで「前の投稿」と「次の投稿」へのリンクを出力する方法と使用例8パターン紹介
WordPressの記事の最後によく表示されている「前の投稿へ」「次の投稿へ」を出力するテンプレートタグ、previous_post_link()とnext_p ...
2017/08/08 -
フロントエンド
Internet Explorerを判定してアラートを表示し、モダンブラウザへ誘導する方法（PHP版 / JS版）
一刻も早くInternet Explorer (以下 IE) の呪縛から解放されたい。 そこで、IEで訪れてきたユーザーに対してモダンブラウザへ誘導するアラー ...
2018/06/05
