HTML&CSS

Font AwesomeのCSSには.pull-leftと.pull-rightの設定がある

アイコンフォントを使用するときにFont Awesomeを使う時の注意点です。 Bootstrapを使い慣れるとBootstrap以外のコードでもフロート対象にpull-leftやpull-rightのクラス名を使ってフロートを設定することもあると思います。 Font AwesomeのCSSにはこれ  >>続きを読む

WordPressのウィジェットを有効化

教科書の「Wordpressレッスンブック」 4-1メニューを表示 p138〜補足です。 ウィジェットを有効化する方法です。 本の中ではfunctions.phpに以下の内容を記述するとなっています。 register_sidebar( ); WordPress4.2.0 から上記の記述ではデバッグ  >>続きを読む

MAMP環境のWordPressをFusionのWindowsIEで検証

MAMP環境でWordPressテーマを開発する場合のIEの検証方法です。Windows環境はVMware FusionでIE8です。OSはVistaを使いましたが、Windows7でも同等と思います。 FusionでWindowsを使用するとそのままではlocalhostが使えません。 まず、VM  >>続きを読む

WordPressのデバッグモード

WordPressのテーマ開発を行うときPHPの記述間違いをすると画面が真っ白になった経験があると思います。これは概ねPHPがエラーになっています。デバッグモードにするとエラーの内容を教えてくれますので開発が楽になります。 デバッグモードにするにはインストールしたWordPressのフォルダの最上階  >>続きを読む

WordPressでトラックバックを使う方法

トラックバックとは自分のブログと共通した第三者のブログの記事に、自身のブログへのリンクを作成する機能です。具体的には、Aさんのブログが私のブログと共通した内容の記事を書いていたとします。参考になるのでAさんの記事を私のブログでリンクをしたとします。これは単純にAさんの記事の紹介ですが、トラックバック  >>続きを読む

WordPressの投稿で、キャプション付きの画像挿入の問題点

WordPressで投稿するときに画像挿入する場合はメディアの追加を使います。 その際、画像の大きさや表示位置(左揃え、中央揃え、右揃え)の設定ができるようになっています。さらにキャプションの設定もできます。 注意点として、画像の表示位置はこの指定を行っても変わりません。この設定は単にクラス名を付加  >>続きを読む

body_class()とpost_class()〜WordPress

WordPressで動的にクラス名をつけてくれるテンプレートタグにはbody_class()とpost_class()があります。 body 要素用のテンプレートタグが「body_class()」です。また、投稿のテンプレートタグが「post_class()」です。 「post_class()」はル  >>続きを読む

テーマのサムネイル画像〜WordPress

WordPressのテーマを作成するとき、テーマのサムネイル画像の大きさとかファイル形式などネットの中でも色々な数字が出てきて本当はどうするの?と思いWordPress Codexを調べたら答えが書いていましたので引用します。 テーマのスクリーンショットを作ります。ファイル名は screenshot  >>続きを読む

WordPressのログインパスワードを忘れた時の対処法

WordPressのログインパスワードを忘れた時の対処方法です。(開発者用) WordPressのテーマ開発の学習のときに、WordPressをXAMMPなどにインストールしたのはいいけれども、なぜかログインパスワードが通らないという受講生が時々あります。そのような場合はデータベースに保存されたデー  >>続きを読む

WordPress アドレス (URL)とサイトアドレス (URL)の違い

「WordPress アドレス (URL)」設定は、WordPress のコアファイルを配置する場所のアドレスです。 「サイトアドレス (URL)」設定は、WordPress サイトに一般の人がアクセスするために使うアドレスです。 「WordPress アドレス (URL)」を間違えて変更しないよう  >>続きを読む