最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

jquery jQuery で作成した機能が Firefox の最新バージョンで機能しない

2013年7月7日

Firefox の最新バージョン(22.0)になってから、この PC では画像が大きく表示されぼやけて見えるようになった。 また、コードなどを記述する pre 要素にマウスオーバーすると幅が自動的に広がるようにする機能を jQuery で以下のように記述して実現していたが、マウスアウトする際に、今までは元の幅に自動的に戻っていたのに、戻らなくなった。(「jQ…

続きを読む

wordpress WordPress 投稿に挿入した画像を Lightbox のように表示

2013年7月7日

プラグインを使わずに投稿に挿入した画像を Lightbox のように表示する方法のメモ。 対象はその投稿に対してアップロードした画像。例えば、他の投稿に対してアップロードした画像を使用(挿入)している場合はこの方法ではその画像の情報は取得できないので正しく表示されない。 追記 2014年1月8日 過去にアップロードした画像を使用(挿入)している場合」にも(お…

続きを読む

wordpress アイキャッチ画像や「メディアを追加」で生成されるサムネイル

2013年7月4日

アイキャッチ画像の設定や「メディアを追加」(本文に挿入するしないに関わらず)を行うと、「設定」→「メディア」ページで設定した基本サイズ(thumbnail,medium,large)、「set_post_thumbnail_size()」で指定したサイズ(post_thumbnail)、及び add_image_size() で指定したサイズのサムネイルが自…

続きを読む

wordpress WordPress 特定のタームを除外(含む)したリストを返す

2013年7月1日

投稿ごとのカスタム分類のリストを得る「get_the_term_list」は特定のタームを除外したりすることができないので、これをカスタマイズした際のメモ。 get_the_term_list()は「/wp-includes/category-template.php 」に以下のように記述されている。 これを以下のようにカスタマイズして、特定のタームを除外で…

続きを読む

wordpress WordPress の wp-login.php をブルートフォースアタックから守る

2013年6月27日

以下のサイトで WordPress のセキュリティ(ブルートフォースアタック対策)に関する記事を見つけたのでメモ。 WordPress wp-login.php brute force attack ブルートフォースアタック対策 次は記事で推奨されている内容。 強固なパスワードを使用する。 デフォルトの管理者ユーザー名「admin」を使用しない。 wp-ad…

続きを読む

wordpress WordPress ベーシック認証でリダイレクト ループ

2013年6月27日

特殊なケースだと思われるが、先日使っているホスティングでサブドメインを作成して、そこに WordPress をインストールし、ログインページにベーシック認証を設定したところ、以下のようなエラーになった。 Firefox ページの自動転送設定が正しくありません このアドレスへのリクエストに対するサーバの自動転送設定がループしています。 Chrome このウェブ…

続きを読む

wordpress アイキャッチ画像を Lightbox のようなモーダルウィンドウで表示

2013年6月24日

ページに特定のサイズで表示したアイキャッチ画像をクリックすると、 Lightbox のようなモーダルウィンドウで拡大画像を表示する方法のメモ。 現在表示されているアイキャッチ画像の ID を get_post_thumbnail_id($post->ID) で取得。 wp_get_attachment_image_src() を利用して、拡大表示するアイキャ…

続きを読む

jquery jQuery で Lightbox のようなモーダルウィンドウを表示

2013年6月24日

jQuery を使って簡単に Lightbox のようなモーダルウィンドウを表示する方法のメモ。 基本的な構造 サムネイル画像にモーダルウィンドウで表示する拡大画像のソースへのリンクを設定する。 ページの適当な個所に半透明のモーダルウィンドウと拡大画像を表示する領域を設定し、CSS で非表示にしておく。 半透明のモーダルウィンドウの領域:id=”…

続きを読む

wordpress カスタムフィールドに入力した値で表示件数を変更する

2013年6月22日

カスタムフィールドに入力した値で表示件数を変更する方法のメモ。 以下は「works」というカスタム投稿タイプを作成した場合の例。 「works」の最新の投稿を表示する固定ページ(スラッグ:recent_works)を作成(page-recent_works.php) 上記固定ページに「display_count」というカスタムフィールドを作成。 カスタムフィ…

続きを読む

wordpress WordPress でサイトを非公開にする場合

2013年6月21日

開発段階などで、WordPress でサイトを非公開にする場合のメモ。 WordPress ではブログ全体を非公開にするという設定はないので、非公開にしたい場合はサーバ側で認証機能を使うなどの設定をする必要がある。 (記事単位で非公開にすることはできる。) 検索エンジンにインデックスされないように設定を行なうことはできる。但し、公開後は必ずインデックスされる…

続きを読む