タグ

2015年10月4日のブックマーク (3件)

  • WordPressの記事タイトルの文字を調整したい!長いタイトルの場合は省略する素敵な方法

    ブログ記事のタイトルって、その日の気分で長さが変わるワタシです。 ノリノリの時はスッゴク長いタイトルを付けます。 気分が乗らない時は、単語のようなタイトルになることもあります。 長いタイトルはデザインを狂わす! 少しこだわったレイアウトにしたブログやWEBサイトは文字数によって デザインが狂わされ、デザイナーを発狂させます。 こんな感じでタイトルが長いと、はみ出したりして「イーーーーーーーーー」ってなります。 自分だけが更新するサイトならちょっと気を使うだけでいいですが、 もし会社のサイトなどで複数の更新者がいる場合、何が起きるかわかりません。 その度に修正するなんてナンセンス! 自動でタイトル文字数を調整してやる! 自動でタイトルの文字数を調整できればスマートですよね? もちろん、出来ちゃいます! <?php //the_title(); ?> <!--タイトル表示テンプレートタグをコメ

    WordPressの記事タイトルの文字を調整したい!長いタイトルの場合は省略する素敵な方法
  • 「the_excerpt()」をカスタマイズ[WordPress]

    Kotoriはマルファン症候群という難病を患っています! 今後は、マルファン症候群に関するトピックも扱っていきます! KOTORI Blogの公式キャラクター「パンD」です。 まえがき みなさん、WordPressの投稿記事の抜粋を表示する時はどうしてますか? WordPress標準で用意されている「the_excerpt()」を使用するという方も多いのではないでしょうか。 「the_excerpt()」を簡単に説明します。 「the_excerpt()」は記事の抜粋を […](角括弧+三点リーダー)を最後に付けて表示します。記事編集画面の「抜粋」に何かしら入力があればそれを、入力が無ければ記事の文から110文字(WP Multibyte Patchが有効な場合)を抜粋として出力します。 しかし、この「the_excerpt()」はそのままだと使いづらい! というのも表示する抜粋の文字数

    「the_excerpt()」をカスタマイズ[WordPress]
  • srcset属性を使ったSVGフォールバック・ハック

    SVGをサポートする環境がほとんどになってきた。それでもなんとか8であったり、かんとか2.3であったりのことを考慮せざるをえないという状況はありうる。それにはonerror属性を使った対応が有力だが、srcset属性でSVGファイルを指定するだけというハックのことを知った。将来的に使えなくなるわけではないが、やりたいことと実装にい違いが少なからずあるのでハックと言って良いだろう。 <img src="foo.png" srcset="foo.svg"> 表示したいSVGをsrcset属性で、フォールバックに使いたいPNGをsrc属性で指定するだけだ。これでsrcset属性をサポートしているブラウザーではSVGが、そうでないブラウザーではPNGが表示される。srcset属性のサポートに対して、より多くのブラウザーがSVGをサポートしていることから成立する。もちろんい違いがあるのでSVG

    srcset属性を使ったSVGフォールバック・ハック