最近の覚書やメモ

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

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

wordpress WP インストール時の注意点とセキュリティ

2013年4月19日

WordPress インストール時の個人的に気になった注意点やセキュリティなどに関して。 ユーザー名にadminを使用しない ブルートフォース攻撃を防ぐために、必ず admin 以外のユーザー名を使う。 そのため、インストールの際に管理者の名前をデフォルトの admin を使わずに、別の名前で作成する。(admin でインストールしてあっても後から変更可能だ…

続きを読む

inmotion ドメインの移行 (Dreamhost から inMotion へ)

2013年4月18日

しばらく時間がたってしまったけれど、昨年(2012年)実施したDreamhost から inMotion へのサイトの移転とドメインの移行のメモ。 inMotion の関連ページ How to migrate your website FROM another host TO InMotion Hosting Updating your domain&#82…

続きを読む

inmotion inMotionで新しいドメインの追加

2013年4月18日

inMotion ホスティングで、既存のプラン(共用サーバー)に新たにドメインを追加する場合。 利用しているプランが「Power Plan」の場合は、以下のようになっている。 Websites on Account:6 Domains Supported:26 Additional Sub Domains:100 つまり、新しいドメインを5つ(メインと合わせ…

続きを読む

wordpress WordPressでプラグインを使わずにページネーションを設置する方法

2013年4月17日

プラグイン「WP-PageNavi 」を使わずに、テンプレートタグ「paginate_links()」を使って同等の機能を作成できることを以下のサイトで知り、参考にさせていただき自分用に変更したもの。(と言っても、元の部分はほとんど変更なしというか変更は不要) Yuriko.Net 「WP-PageNavi を使わずにナビゲーション表示」 「前へ」「次へ」の…

続きを読む

jquery jQueryで文字数により表示幅を変える

2013年4月17日

コードなどを記述する pre 要素の overflow を auto にしている時、1行の文字数が多い場合マウスオーバーすると幅が自動的に広がるようにする。 このサイト(例)の場合、google-code-prettify を使ってコードの記述部分をシンタックスハイライトするようにしていて、行番号を表示する場合は、番号リスト(ol)で出力され、そうでない場合…

続きを読む

wordpress WordPress でカテゴリーのリストを出力する

2013年4月16日

WordPress でカテゴリーのリストを出力するには、wp_list_categories() を使って簡単に出力できるが、除外するカテゴリーは ID で指定しなければならなかったり、li 要素の前に画像を出力することができなかったりと微調整が難しい。また、毎回「get_categories()」を使って記述するのも面倒くさい。 そこで自前でリストを出力す…

続きを読む

jquery WordPress で jQuery を使い画像のパスを指定する場合の注意

2013年4月16日

テーマのテンプレートは、wp-content/themes/themeに置かれているが、ブログで表示される場合は、wp-contentと同じ階層にある、index.phpとして表示される。 このため、相対パスで記述するとリンク切れが発生してしまう。 以下のように jQuery で記述した場合、画像は表示されない。 フルパスで記述すると、画像は表示されるように…

続きを読む

jquery jQuery でリストの中に入れた画像の垂直位置を中央にする

2013年4月15日

次のような場合、画像の大きさや、line-height の値によって、画像がうまく中央に位置しないことがある。 このような場合、outerHeight()を使って、画像を中央(垂直方向)に表示することができる。 この時、CSS は、画像要素の「position」を「absolute」にして、その親要素の li 要素の「position」を「relative」…

続きを読む

wordpress wp_list_categories()で出力したリストの背景画像を変更する

2013年4月15日

WordPress で wp_list_categories()で出力したリストに CSS で背景画像を設定して、マウスオーバーしたときに表示するようにする。 CSSは jQuery でまず、「background」を「none」にしておく。 マウスオーバーしたら、背景画像を指定して、マウスアウトしたら、「background」を「none」にする。 Wor…

続きを読む

wordpress WordPress でパンくずリストを出力する

2013年4月15日

プラグインを使わずに、パンくずリストを出力する方法。 以下のサイトにとても丁寧でわかりやすい解説があったので、それを元にカスタム投稿タイプやカスタムタクソノミーにも対応するように、このサイト用に作成してみたもの。 「パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(Web Design Recipes)」 パラメータ…

続きを読む