タグ

CSSに関するosanpo_uのブックマーク (6)

  • カテゴリースラッグ名を出力 | Lovelog+*

    WordPressテンプレートタグを使用したカテゴリースラッグ名の出力方法を解説します。 実は古い記事にコメントをいただきまして… 元記事⇒カテゴリースラッグ名を出力したい… 結構出力方法に悩む方がいるので(私も昔そうでした)、 参考にしていだければと思います。 テンプレートタグの解説 テンプレートタグの個別の解説については、WordPress*リファレンスを参考にして下さい。 テンプレートタグによるカテゴリースラッグ名を出力 get_the_category()を使用して、現在ページを開いているカテゴリーIDを取得します。 私がPHPをうまく説明できればよいのですが、 今のところなんちゃってPHP使いのため、 ソースで勘弁してください…:汗: single.phpで検証して、出力できたので試してみてください。 archive.phpでもcategory.phpのテンプレートでも使えると思

    カテゴリースラッグ名を出力 | Lovelog+*
    osanpo_u
    osanpo_u 2012/01/20
    カテゴリーでCSS分け
  • テンプレートタグ/get the category - WordPress Codex 日本語版

    投稿に付けられた全てのカテゴリーをリンク形式で表示します。 この例はループの中で使わなければなりません。 なお、get_the_category_list() を使っても同じことができます。 <?php $categories = get_the_category(); $separator = ' '; $output = ''; if ( $categories ) { foreach( $categories as $category ) { $output .= '<a href="' . get_category_link( $category->term_id ) . '" title="' . esc_attr( sprintf( __( "View all posts in %s" ), $category->name ) ) . '">' . $category->cat

    osanpo_u
    osanpo_u 2012/01/20
    スラッグとかタイトルとか出す
  • HTMLとCSSだけで作るFacebookの「いいね!(like)」ボタン : web memo.Ver.2

    Facebookを利用するようになって各種サイトにおいてある「いいね!(like)」ボタンを自然に押すようになった。ボタンをおいてないところもlike bookmarkletなんかで押せるから問題ないと言えば問題ないものの、やはりサイトにおいてあった方が目に付くし押しやすいという事実はどうしても感じてしまう。 ところが先日記事ごとに「いいね!」ボタンをおいていたサイトにアクセスしたら、ボタンが消えてしまっていた。話によると「(ページ自体が重いので)軽くするために外してしまった」らしい。確かにいいね!ボタンはiframeかJavaScript(XFBML)を使って表示するしかなく、インラインフレームの読み込み時間も相まって少々重いパーツになってしまっていると思う。 しかしこれで納得してしまっては面白くないので、フレームを使わない簡単なHTMLCSSだけでブログなどに設置できるいいね!ボタン

    HTMLとCSSだけで作るFacebookの「いいね!(like)」ボタン : web memo.Ver.2
  • CSSで指定した背景色を、カテゴリごとに読み分ける設定をしたい

    おはようございます、大変お世話になっております。 フォーラムのバックナンバーと、皆さまのあたたかなアドバイスのおかげで、WPのサイトが仕上がってきており、当に感謝しております。 日はもうひとつ教えていただけましたら嬉しいです。 どうぞよろしくお願い致します! 教えていただきたいのは、CSSとカテゴリーの記載をベースにして、サイトの背景色を分ける方法です。 具体的な説明をお許しください。 サイトの視覚的な見やすさ……今、どの特集の中にいるのか分かりやすくするため……に、特定のグループ(カテゴリ)の時に、背景色を変えたいと考えています。 具体的には、 カテゴリworkshopの中にいる時はAという背景色をリンクして カテゴリbooksの時にはB カテゴリstoreの時にはC それ以外の時には背景色なし という風な指定をCSSで書いて、そのカテゴリが選択された時に、CSSで指定したclass

    CSSで指定した背景色を、カテゴリごとに読み分ける設定をしたい
    osanpo_u
    osanpo_u 2011/11/28
    カテゴリごとに背景色を読み分け
  • [CSS]マウスのフォーカスで、画像の上にアイコンを表示するスタイルシート

    画像にマウスをフォーカスすると、画像の上にアイコンを表示するスタイルシートをJanko At Warp Speedから紹介します。 Add zoom icon to images using CSS (and jQuery, of course) demo アイコンを表示する仕組みは、画像の上に空spanを配置し、hover時に「display:block;」を適用するものです。 また、空spanを最初から配置しない代わりに、スクリプト(jQuery)を使用し、フェードのアニメーションを伴ってアイコンを表示するサンプルも紹介されています。 demo(下段)

    osanpo_u
    osanpo_u 2011/09/07
    マウスオーバーでアイコンが出る
  • 画像の保存を禁止する 〜CSSテクニック〜

  • 1