Gulpの基礎知識Gulp, Node.js

No Image

新しいツールに興味を持ったとき、インストールは最初にして一番高い壁ではないでしょうか。
Gulpが気になっているけれどなかなか手を出す機会のなかった人に、ぜひインストールだけしてみてほしいと思って書きます。
PCが苦手 ...

WordPressのカスタマイズWordPress, PHP

No Image

WordPressにはデフォルトで「最近の投稿」ウィジェットが用意されていますが、これはすべてカテゴリーの記事が表示対象になっています。
投稿ページでは投稿の属するカテゴリーの最新記事を、カテゴリーアーカイブではそのカテゴリー ...

CSSフレームワークBootstrap, JavaScript, jQuery

No Image

WordPressのテーマ等でも頻繁に使用されるCSSフレームワーク、Bootstrap。
様々な機能があるBootstrapですが、今回は、中でも個人的に有用な「タブUI」の実装と、先日遭遇したトラブルについてメモ。 ...

HTMLの基礎知識HTML

No Image

HTMLのタグの表記に用いる不等号記号「<」「>」ですが、HTMLではそのまま記述するとタグとして解釈されてしまい、正しく表示できないケースがあります。
もちろん、WordPress等のCMSやブログサービスなどでこれら ...

WordPressのカスタマイズWordPress

No Image

WordPressではデフォルトのウィジェットで月別アーカイブを設置できますが、すべてのカテゴリーで共通した月別アーカイブになってしまいます。
サイドバーなどでカテゴリーごとに月別アーカイブを実装するには、プラグインを使用する ...

WordPressのカスタマイズWordPress, PHP

No Image

WordPressで投稿が属するカテゴリーの最新記事を取得したい! どうやったっけ? と思って調べてみたらなかなか見つからなかったので、以前作成した自分のコードを書いておきます。

とりあえずコードから。

コメン ...

WordPressプラグインWordPress

No Image

WordPressのプラグインの中でも、利用者数が多いであろう「Table of Contents Plus(TOC+)」プラグイン。
記事に自動的に目次を作成・追加してくれる便利なプラグインですが、当サイトで表示崩れが起きて ...

HTMLの基礎知識HTML

No Image

HTML5で新たに追加された要素footer。
今回は、このfooter要素について確認したのでメモ。

<footer>要素の使い方

footer要素は、内容がフッターのまとまりであることを表します。

HTMLの基礎知識HTML

No Image

HTML5で新たに追加された要素aside。
今更にはなりますが、使用方法を再確認したのでメモ。

aside要素の基本の使い方

aside要素は、メインのコンテンツの補足情報であることを示す。
内容がメインコ ...

HTMLの基礎知識HTML

No Image

HTML5で新たに追加された要素header。
今回は、このheader要素について確認したのでメモ。

header要素の使い方

header要素は、内容がヘッダーのまとまりであることを表します。
一般的に、 ...