WordPress で wp_head() を使ってページ毎にスタイルシートを変更する : Serendip – Webデザイン・プログラミング
WordPress テンプレートの html ヘッダ内に記述する wp_head() を使いページ・カテゴリ毎に外部スタイルシートを読み込ませる。 テンプレートの <head> 〜 </head> 内に <?php wp_head(); ?> を記述する。 <head> ... <?php wp_head(); ?> ... </head> テンプレートディレクトリにある functions.php に以下の例のように記述を追加する。 function style_select() { $template_dir = get_template_directory_uri(); $tag_str = '<link rel="stylesheet" href="' . $template_dir . '/'; if (is_page('about')) { $tag_str .= 'about
[WordPress head内] ページテンプレートごとにCSSを読み込む - ハウスウエディング [665-667]
ページでWPウェブを構築する際に便利そうなので備忘録 ページごとにテンプレートを変更して、それぞれに応じたCSSを使用する 例えば、以下の構成で作る場合 「page.php」 デフォルトのページテンプｒ－ト 「page.css」 page.phpのレイアウト用CSS 「nosidebar.php」 サイドバーを外したテンプｒ－ト 「nosidebar.css」 nosidebar.phpのレイアウト用CSS 「nopost.php」 アーカイブリストなどを表示するだけの投稿の無いページテンプレ 「nopost.css」 nopost.phpのレイアウト用CSS 「bbs.php」 ゲストブックのテンプレート 「bbs.css」 bbs.phpのレイアウト用CSS 上記のファイルを作成し、それぞれのPHPファイルに <?php /* Template Name: nosideb
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
