2010年1月12日のブックマーク (3件)

  • WordPressテンプレートを各カテゴリ等で別々に使い分ける | Travelogue

    バージョンが2.7になってますます便利になったWordPress。これまで以上に使う機会が増えています。特に、ページ数が多いサイトを制作するときや、クライアント側で内容を書き換えたいという要望があった場合など、私にとってかなり無くてはならないツールとなっています。 そこで、WordPressをCMSとして利用する時に超!便利な機能についていくつか書いてみたいと思います。 今回は、WordPressのテンプレートファイルを、各カテゴリやページごとに別々に使い分ける方法です。例えば、複数のカテゴリテンプレートを用意し、各カテゴリのコンテンツ内容によって使い分ける方法等について紹介します。 今回の内容は、HTMLはある程度分かるけれどPHPとかの知識は無く、見よう見真似でこれからWordPressを始めてみようという人あたりにちょうど良いと思います。 ※2012年5月25日追記:このエントリーの

  • リンクをクリックした時に出る点線を消す! | Health is better than wealth

    リンクをクリックした時に出る点線を消す方法を紹介します。 なんのこっちゃわからない人もまだ出会っていない人もいると思いますが、知っている人はちょっとウザいと思うかもしれません。 まずはこの画像をご覧ください。 これはカテゴリのWindows Vistaをクリックした時の画像です。 borderのように点線が入っているのがわかりますね。 いくつかのブラウザで試したところ、表示されたのはFirefox3だけでした。 ≪ 確認したブラウザ ≫ Firefox3、IE7(Internet Explorer7)、Opera9.6、Safari、Google chrome リンクをクリックした時に出る点線を消す方法 CSSファイルに以下の文字を追加するだけです。超簡単(゚∀゚∩ a{outline:none;} 意味は、a(リンク)のoutline(アウトライン)をnone(無し)にする事です。 aセ

  • リンク画像をクリックしたときに表示される点線を解決!(消す) | Katt Weblog

    たまにはWebに関係ある事を書こうと思います。 一部のブラウザ(Firefox他)で閲覧したとき、画像置換で作ったリンクボタン(ナビゲーション等)をクリックしたら画面いっぱいに出てくる点線が気になるので、それを解決しましよう。 (もう出つくしたネタではあるけど) まずクリックした時に点線が出てくる原因は、来アンカーの対象であるテキストが、「text-align:-9999px;」など、テキスト飛ばしによって画面のはるか彼方へ飛ばされているため。 なので、CSSで指定したwidthからあふれる内容に対しては、以下のようなCSSで隠してしまうことによってあの変な点線は消すことができます。 ul li a { display: block; width: 150px; height: 40px; text-indent: -9999px; overflow: hidden; } これで解決!