くろゆき

WordPress・ブログ

WordPressで今見ているページのテンプレートファイル名を管理バーに出力してくれるプラグイン

WordPressで今見ているページに使用されているテンプレートファイル名を管理バーに出力してくれるプラグイン「Show Current Template」のご紹介。どのテンプレートファイルが使われているか一目瞭然になるので、テーマカスタマイズ時に見当違いのファイルを編集していたというミスがゼロになります。
HTML・CSS

Bootstrapでレスポンシブなカラム作成 ブレイクポイントとカラム数の指定方法をマスター

Bootstrapの機能の中でも最も便利なカラム分けについて解説。よく見かける「大画面で3カラム分割、小画面で1カラムに変化」というレイアウトをサンプルとして実際に作成します。
WordPress・ブログ

WordPressの邪魔な管理バーの位置を上下に切り替えるプラグインAdmin Bar Position

WordPressサイトでログイン時に表示される黒い帯の管理バーをブラウザの下に移動してくれるお手軽プラグインをご紹介。導入は簡単で、「Shift + ↑」「Shift + ↓」で上下に移動も可能です!テーマカスタマイズをされる方にオススメ!サイトメニューと管理バーがカブって困っている方にはCSSによる解決方法も。
HTML・CSS

知らないとハマる!CSSを書く場所と読込順とインライン記述の優先関係

CSSは記述する場所によって優先度が変わる?その理由と把握しておくべきポイントを図例を用いて丁寧に解説。フレームワークやテーマ改造などで複数CSSを読み込むサイト構築がスタンダートになりつつある今、基本を把握しておきましょう。
HTML・CSS

CSSトラブルを防ぐ!セレクタの優先順位をマスターしよう

CSSで特につまづく優先順位のルールについて例を用いてソフトに解説。セレクタ・詳細度・点数制がピンとこない方はこの記事で概要とポイントがわかります。wordpressテーマやフレームワークのカスタムの為にも知っておくべき知識です
HTML・CSS

Chromeブラウザの検証機能でCSSスタイルの確認や変更をテストする方法

CSSを調整する際、変更したい箇所にマウスを当てるだけでスタイルがわかるChromeの便利機能(デベロッパーツール)をご紹介。確認すべきポイントや手軽に行える変更プレビューについて、画像多めで解説しています。
HTML・CSS

Bootstrapをカスタマイズしよう!CSS調整のコツはスタイルの優先順位だ!

BootstrapのCSSをカスタマイズする方法をジャンボトロンを例に解説。変更の為には避けて通れない、CSSの優先順位についても説明しています。
HTML・CSS

Bootstrapでコンテンツを中央寄せするcontainerの役割を覚えよう!

Bootstrapでコンテンツを中央に配置する為のcontainer。レイアウトの際、多用するこのクラスについて、使用例や挙動などを詳しく解説しています。
HTML・CSS

Bootstrapで横幅いっぱいに画像を表示しよう!ジャンボトロン(jumbotron)の設置方法

サイトのメイン画像によく使われる、横幅いっぱいのメイン画像をBootstrapで簡単設置。ジャンボトロン(jumbotron)をサンプルで詳しく解説しています。
HTML・CSS

CDNを利用して最速お手軽にBootstrap導入しよう!サンプル付き実践編

Bootstrap初心者さんは、最初の導入をネット上のBootstrapファイルを利用するCDNで簡単にすませよう!HTMLファイル一つで実践できるサンプル解説つき!連載第二弾。
HTML・CSS

CSS初心者の強い味方!Bootstrapで簡単レスポンシブサイト制作

CSS初心者でもレスポンシブサイトが作れる!導入がややこしいBootstrapの設定を最小の記述で終わらせて実践方式で触ってみましょう!今回は導入前の予備知識の解説です。
WordPress・ブログ

超便利!WordPressプラグインにメモを残せるPlugin Memorandum

Wordpressプラグイン一覧のプラグイン名のすぐ下にメモを書き込めるお役立ちプラグイン!役割や特性などをすぐにメモって見返して効率UP!