タグ

2016年4月27日のブックマーク (2件)

  • WordPress:カスタムフィールドの値で改行入力した際、そのまま表示したり任意のタグで括って表示する方法 - NxWorld

    WordPressでカスタムフィールドの値入力欄で改行入力した際、単純に表示させるだけでは改行は反映されずに表示されます。 それをしっかり改行も反映させて表示させたり、改行された各行を任意のタグで括ってから表示させたりする方法です。 紹介している内容は下の入力イメージのように入力欄がテキストエリアの場合で説明しています。 ここではいずれもget_post_meta( $post_id, $key, $single );を利用する形で紹介します。 また、エスケープしたり値有無のチェックを行うなどの記述は省いているので、その辺は必要に応じて追記してください。 単純に表示する 例としてキーがfooだった場合、表示する方法としてよく見るひとつが下記のような記述になります。 この方法で表示しようとした場合、例えば上に合った入力イメージのようにカスタムフィールド入力欄で「あいうえお(改行)かきくけこ(

    WordPress:カスタムフィールドの値で改行入力した際、そのまま表示したり任意のタグで括って表示する方法 - NxWorld
  • jQuery Snippets #7 - NxWorld

    基礎的なものからちょっとした機能の実装方法など、jQueryに関する個人的なメモ・スニペットリストの第7弾です。 動きをすぐ確認できるデモなどは基的に用意していないので、実際の動きを確認したい場合などは自身で簡単な環境を作成して試してもらうか「CodePen」や「JSFiddle」などを利用して確認してください。 画像のアスペクト比を割り出して、値によって処理を加える 例えば複数の画像を並べて表示したいという時に、同じサイズや同じ縦横比であればCSSなどで容易に調整可能ですが、それが横長や縦長など異なるサイズ(アスペクト比)で且つどのようなものが入ってくるのかを限定できない時などに利用できます。 jQueryを下記のように記述することでアスペクト比によってそれぞれ別の処理を実装することができ、例えばCSSのposition: absolute;とネガティブマージンを組み合わせることで、ど

    jQuery Snippets #7 - NxWorld