人気記事一覧

• WordPress

  親情報を取得するget_post_ancestors() と get_ancestors() の違い [WordPress]

  WordPressで親IDを取得するテンプレートタグ、get_post_ancestors() とget_ancestors() の何が違うのか？ と気になっ ...

  2017/07/23
• SEO

  [リッチスニペット]スキーマ(schema.org)でパンくずリストのmicrodataをマークアップしてみた

  スキーマ(schema.org)を使用したてパンくずリストをmicrodataマークアップする方法。 記事によって記述例が全然違うので、自分が納得のいく方法を ...

  2017/06/08
• JavaScript

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

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

  2018/06/22
• その他

  MacのSafariのユーザーエージェント機能でインターネットエクスプローラー(Internet Explorer)を使う方法

  Macでインターネットエクスプローラー(以下IE)を使わないといけない！というごく稀なケースに遭遇したときに覚えておきたいTipsです。（VPNの接続時や管理画 ...

  2017/05/26
• フロントエンド

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

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

  2018/06/05
• WordPress

  WordPressのバージョンアップデートやプラグインアップーデートの自動更新・自動配信メールに関する設定方法

  複数のWordPressサイトを管理していると、アップデートを手動で行うのがかなり面倒になってきますよね。 今回は、WordPressでバージョンアップやプラ ...

  2017/11/08
• WordPress

  WordPressの超シンプルなSEOプラグイン「SEO SIMPLE PACK」の使い方

  超シンプルかつ、管理画面が全て日本語表記のプラグイン、「SEO SIMPLE PACK」を作成・公開いたしました。今回はその使い方を紹介したいと思います。 W ...

  2018/07/18
• HTML

  iPhone(iOS)でセレクトボックスのoptionタグのフォントサイズが大きすぎてテキストが省略されてしまう時に、全て表示させる方法

  iphoneなど、スマートフォンでセレクトボックスを使用すると、選択肢のoptionタグ内の文字サイズがデフォルトでは大きすぎて、プルダウンのテキストが省略され ...

  2017/06/25
• WordPress

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

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

  2017/05/27
• JavaScript

  lazysizesの実行タイミングをwindowのloadイベント時に移し、ページ読み込み時に動作させる方法

  「背景画像も遅延読み込みが可能な万能Lazyloder」として以前別の記事で使い方を紹介した「lazysizes」の、実行タイミングを変更する方法です。 先日 ...

  2017/08/05
• JavaScript

  jQueryのclickイベントが動作しない？Ajaxなどで遅延読み込みした要素へのイベント登録方法を確認しよう。

  クリックイベントが動作しない！という場合、まずはクリックする対象がAjaxなどで遅延読み込みされている要素かどうか確認しましょう。 そのような場合は、記述方法 ...

  2017/08/16
• ツール

  VS Codeのファイルアイコンテーマsetiをカスタマイズしてフォルダアイコンを表示させる方法

  今回はVS Codeのアイコンテーマをカスタマイズして、デフォルトでは表示されないフォルダアイコンを表示する方法をメモしていこうと思います。 VS Codeは ...

  2018/03/27
• WordPress

  WP_Term_Queryではカテゴリ並び替えプラグイン「Intuitive Custom Post Order」の設定が反映されないらしい件

  カテゴリや記事を好きな順番に並び替えることができる便利なプラグイン、「Intuitive Custom Post Order」。 よくお世話になっているのです ...

  2017/10/01
• WordPress

  wp_termmetaテーブルを使って、カテゴリ・タグ・タクソノミーのタームにカスタムフィールド（メタ情報）を追加する方法

  WordPress ver 4.4から、データベースにwp_termmetaというテーブルが新しく追加されるようになりました。投稿のメタ情報を保存するwp_po ...

  2017/11/07
• CSS/Sass

  スマホ表示とデスクトップ表示でレスポンシブに改行位置を変える時はbrタグにクラスを付けてcssだけで管理すると超楽な件

  レスポンシブコーディングをするときに、デスクトップ表示とスマホ表示でテキストの改行位置を変えたい時、みなさんどうしてますか？ 私の場合、少し前までPHP側から ...

  2018/05/06
• SVG

  【#1】SVGを極めたい！~ SVGとは何か・基本図形の描画とスタイル付け ~

  最近、SVGアニメーションを自由に扱えるようになりたいなと思いまして、SVGを基礎から勉強していこうと思います。 今回は第一回目、基礎の基礎編です。SVGとは ...

  2018/05/23
• WordPress

  【jQuery・プラグインなし】WordPressで記事の見出しから自動で目次ナビを生成する自作スクリプト

  WordPressの記事から見出しを自動で探し出し、リンク付きの「目次」ナビゲーションを設置するためのスクリプトを紹介します。 jQueryも一切使っていない ...

  2017/05/16
• JavaScript

  JavaScriptを理解する - レキシカルスコープとクロージャ

  「JavaScriptを理解する」第3回です。今回は「クロージャ」というものをメインに勉強してきました。 また、クロージャを理解するためには、JavaScri ...

  2017/10/22
• WordPress

  get_template_directory()とget_template_directory_uri()の違い

  get_template_directory()とget_template_directory_uri()の違いはなんだ？と気になったのでメモ。 まず日本語C ...

  2017/06/05
• WordPress

  WordPress管理画面の投稿一覧でアイキャッチ画像用カラムを追加しても画像だけ表示されない時に確認したいこと

  管理画面の投稿一覧ページにアイキャッチ画像の列を追加したい時、ちょっとググればすぐに同じ様なコードがたくさん出てきます。 何も考えずにそのコードをコピペで使い ...

  2017/10/02
• JavaScript

  【脱jQuery!】jQueryなしで「ページトップへ戻るボタン」を実装する

  目指せ脱jQuery！ということで、jQueryなしで「ページトップへ戻るボタン」を実装するコードを2種類ほどメモしておこうと思います。 処理の流れとしては、 ...

  2018/06/20
• SEO

  サイトマップページのmetaタグrobots属性には"noindex,follow"を指定しよう

  サイトマップページのrobots属性、どうしてますか？ 私は、サイトマップページはSEO的にindexしてほしくなかったので、"noindex, nofoll ...

  2017/08/13
• サーバー

  mac OS High SierraにVirtualBox+VagrantでCentOS7仮想環境を構築【#1】 ~ インストールから仮想マシンへの接続まで ~

  「mac OS High Sierra」のホストOSに、 「VirtualBox + Vagrant」で CentOS7のローカル仮想環境を構築してみました。 ...

  2018/05/30
• CSS/Sass

  リンクの横に表示する 「>（大なり記号）」 を画像を使わずにCSSだけで作成する方法

  リンクをボタンのように表示させる際、右側に大なり記号">"を使用しているのをよく見かけないでしょうか。 この時、テキストの">"をそのまま使うと楽 ...

  2017/05/14