Web Design Leaves

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む