HTML&CSS text-indentで文字を非表示にする
h1要素などの背景にcssで画像を指定してh1のテキストを隠すための手法としてtext-indentが使われます。
かつて多く取られた方法は−9999pxの位置まで飛ばす方法でしたが、パフォーマンスの問題やサーチエンジン対策としてダークな...
Tips
HTML&CSS HTML&CSS font-sizeにvwを使用して文字を画面サイズに応じて拡大縮小
ビューポートに応じた割合を指定できる単位vwは以前紹介しましたが、今回はvwをフォントサイズに設定して画面のサイズに応じて文字を拡大縮小する方法を解説します。
この方法の一番のメリットはスマートフォンを縦向き（ポートレイト）にしても横...
HTML&CSS CSSで計算する〜calc()
CSSの値を計算することができるcalc()ファンクションの紹介です。IE8は当然ダメで、それ以外はOpera Miniと一部Androidを除くと使えます。
使用可能なブラウザはこちらです。
CSSの幅や高さの計算やフォントサイズ...
HTML&CSS Adobe Typekitの使い方
TypekitとはAdobeが提供するFontを自分のパソコンで同期したり、Webフォントとして使ったりできるものです。
このサービスを使用するにはAdobeのCreative Cloudに契約するか、Typekit単体で契約するなどしま...
HTML&CSS Font AwesomeのCSSには.pull-leftと.pull-rightの設定がある
アイコンフォントを使用するときにFont Awesomeを使う時の注意点です。
Bootstrapを使い慣れるとBootstrap以外のコードでもフロート対象にpull-leftやpull-rightのクラス名を使ってフロートを設定するこ...
Tips WordPressのウィジェットを有効化
教科書の「Wordpressレッスンブック」 4-1メニューを表示 ｐ138〜補足です。
ウィジェットを有効化する方法です。
本の中ではfunctions.phpに以下の内容を記述するとなっています。
WordPres...
Tips MAMP環境のWordPressをFusionのWindowsIEで検証
MAMP環境でWordPressテーマを開発する場合のIEの検証方法です。Windows環境はVMware FusionでIE８です。OSはVistaを使いましたが、Windows７でも同等と思います。
FusionでWindowsを...
Tips WordPressのデバッグモード
WordPressのテーマ開発を行うときPHPの記述間違いをすると画面が真っ白になった経験があると思います。これは概ねPHPがエラーになっています。デバッグモードにするとエラーの内容を教えてくれますので開発が楽になります。
デバッグモ...
Tips WordPressでトラックバックを使う方法
トラックバックとは自分のブログと共通した第三者のブログの記事に、自身のブログへのリンクを作成する機能です。具体的には、Aさんのブログが私のブログと共通した内容の記事を書いていたとします。参考になるのでAさんの記事を私のブログでリンクをしたと...
Tips WordPressの投稿で、キャプション付きの画像挿入の問題点
WordPressで投稿するときに画像挿入する場合はメディアの追加を使います。
その際、画像の大きさや表示位置（左揃え、中央揃え、右揃え）の設定ができるようになっています。さらにキャプションの設定もできます。
注意点として、画像の表示位...