Web Design Leaves

日本語と英語の2ヶ国語のサイトを作成し、それぞれの言語のページが全く同じ構成の場合、言語のリンクをクリックするとそのページに対応する言語のページに移動するリンクを作成する例。 言語のリンクは、p 要素と a 要素で作成。 JavaScript が OFF の場合は、それぞれのトップページへ a 要素でリンク ディレクトリの構造は「en」フォルダの中に英語のペ…

続きを読む

.htaccess ファイルについてのメモ。 目次 基本的事項 ウェブサーバとして「Apache」が使用されていて、サーバ管理者が「.htaccess」ファイルの設置を許可していれば使用可能。 .htaccess ファイルは、サーバの挙動を決定する設定ファイルのひとつ ウェブサーバの設定は httpd.conf ファイルに記述するが、サーバ管理者しか編集でき…

続きを読む

ページの表示速度を改善する方法について調べたことのメモ。 gzip 圧縮での高速化 自分でファイルを圧縮する方法とサーバーでファイルを圧縮する方法の２通りある。 ファイルを gzip 圧縮して .htaccess で圧縮ファイルを読み込む指定をする 静的なウェブのあまり変更のないファイルに対して向いている。 Windows でファイルを圧縮するには、専用のソ…

続きを読む

追加情報 2013年9月8日 BackWPup を使用していたサイトで不具合（リダイレクトループ）が発生したため、現在はこのプラグインを使用していません。 関連情報：BackWPup の不具合（リダイレクトループ）発生 プラグイン BackWPup（バージョン 3.0.12 ）を使って WordPress をバックアップする方法のメモ。 プラグインのインスト…

続きを読む

マルチサイトを利用している場合のローカル環境からのサーバー移行手順のメモ。 大まかな手順 ローカル環境のデータベースのエクスポート エクスポートしたファイルを編集 ローカル環境のファイルをサーバーにアップロード サーバーのデータベースに 2. で編集した SQL ファイルをインポート サーバーの wp-config.php と .htaccess の修正 管…

続きを読む

WordPress でプラグインを使わずに、カスタムフィールドを使って meta 要素の「description」と「keywords」を出力する。 head 要素内の title 要素の後に、ページ種類と値が入力されているかによって条件分岐 メタボックスを使って meta 要素の独自のカスタムフィールドの入力項目を追加 カスタムフィールドの入力項目を作成 …

続きを読む

HTML5 を使っていて、カテゴリーを出力している部分が、W3C の「Markup Validation Service」を通らない。 「Bad value category tag for attribute rel on element a: The string category is not a registered keyword or absol…

続きを読む

JavaScript で DOM 要素の取得など、ブラウザがホームページの読み込み完了時に何らかの処理を行いたい場合、body の閉じタグの直前に記述するか window.onload=function()～ を使用する。 最近は、jQuery ばかりを使っていて（というか、「jQuery(function($){」の意味など忘れていて） JavaScrip…

続きを読む

Webサイトをメンテナンスする際に、どのURLにアクセスしても「現在メインテナンス中です」というページを表示する方法。 メンテナンスを知らせるページ（HTMLファイル）を作成し、サーバーのドキュメントルートに maintenance.htmlという名前（任意の名前）で保存。 上記と異なる名前（または保存場所）でファイルを作成した場合は、以下の「/mainte…

続きを読む

編集画面にメタボックスを使って独自のカスタムフィールドの入力項目を追加することができるが、add_meta_box() の第4パラメータでは、ページの種類しか指定できず、特定の固定ページのみに表示することができない。 特定のページにだけメタボックスを追加 参考にしたサイト How to Limit the Display of a WordPress Met…

続きを読む