タグ

2014年3月20日のブックマーク (7件)

  • [WordPress]カスタムフィールドでラジオボタンを作り、ラジオボタンの値で条件分岐(ループ内・外・組み込み)させる | tipsBear

    [WordPress]カスタムフィールドでラジオボタンを作り、ラジオボタンの値で条件分岐(ループ内・外・組み込み)させる 前回の記事の補足になりますが、そもそもテキストしか扱えないカスタムフィールドでどうやってラジオボタン使うの? ということと、カスタムフィールドのラジオボタンの値での条件分岐の方法(ループ内・ループ外・ループに組み込む)をご紹介します。 カスタムフィールドで出来ることは想像以上に多くカバーしきれていないので、今回はラジオボタンにのみ焦点を絞って解説します。 自作する このようなラジオボタンのカスタムフィールドを作ります プラグインを使うまでもないという時やもっとレイアウトを思い通りにしたいとかそういった場合は、おなじみfunctions.phpにadd_meta_box()とカスタムフィールドのCRUD関数を使ってコードを追加します。 functions.phpに追加 a

    [WordPress]カスタムフィールドでラジオボタンを作り、ラジオボタンの値で条件分岐(ループ内・外・組み込み)させる | tipsBear
  • カテゴリに画像のカスタムフィールドを追加する方法[WordPress]

    まえがき WordPressのカテゴリに画像を登録して表示したい時があると思います。 そんな時、KoToRiは『Advanced Custom Fields』というプラグインを使用し、カテゴリに画像をアップロードできるカスタムフィールドを作成します。 正直、WordPressのカスタムフィールドのプラグインは『Custom Field Template』一択なのですが、『Custom Field Template』はカテゴリにカスタムフィールドを作成できません。なのでカテゴリにカスタムフィールドを設定したい場合だけ『Advanced Custom Fields』を『Custom Field Template』と平行して使用します。 記事にカスタムフィールドを追加するだけなら『Custom Field Template』を使用すれば十分かと思います。 Custom Field Templat

    カテゴリに画像のカスタムフィールドを追加する方法[WordPress]
  • バナーレイアウト20選

    効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし

    バナーレイアウト20選
  • IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ

    2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします!今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト! Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは

    IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ
  • CSSのコードだけで実装できるWebデベロッパーのための28のスニペット – bl6.jp

    とてもよさそうなまとめですね。CSSのコードだけで実装できるWebデベロッパーのための28のスニペット「28 Free CSS-Only Code Snippets for Web Developers」が紹介されていました。JavaScriptを使わなくてもCSSだけでこんなにたくさんのことができるんだなーとビックリしました。 [ads_center] チェックボックスやスライダーなど チェックボックス、ラジオボタン、プログレスバー、スライダー、モーダルウィンドウなどといった色々な種類のCSSスニペットを確認することができます。 こんな感じで、まだまだたくさんのスニペットが紹介されています。とても参考になりますね。

    CSSのコードだけで実装できるWebデベロッパーのための28のスニペット – bl6.jp
    nakomaru
    nakomaru 2014/03/20
  • [WordPress]カスタムタクソノミーに親子関係(階層)を持たせ、複数選択したタームの並び順を親>子の順番に表示する | tipsBear

    [WordPress]カスタムタクソノミーに親子関係(階層)を持たせ、複数選択したタームの並び順を親>子の順番に表示する WordPressのカスタム分類(タクソノミー)にはhierarchicalという、カテゴリーのような親子関係(階層)を持たせる第3パラメータがあります。 今回は、上記の設定で親子関係をもたせたカスタム分類(タクソノミー)のタームを、親>子のように親子で並べる方法のメモです。 ※「カスタム分類(タクソノミー)」だと長いので、以下省略して「タクソノミー」と記述します。 やりたいこと タクソノミーに階層をもたせ、タームに親子関係をもたせたい 投稿記事に属している上記のタクソノミーのタームたちを、親>子の順番できちんと並べたい。 タームが複数選択されていた場合も、親>子・親>子のように順番に並べるようにしたい。 上記に書いてあることそのまんまでひねりなし。文章だけ見ればすごく

    [WordPress]カスタムタクソノミーに親子関係(階層)を持たせ、複数選択したタームの並び順を親>子の順番に表示する | tipsBear
  • Windowsユーザー必見!普段使い&制作に役立つ便利ツール5選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのぺちこです。 ぼーっとしている間に妹が高校を卒業していました。さらに、実家に顔を出したら成人式の話をしていました。なんというか、何もかもが衝撃です。 さて。デザイナーならmacじゃないの?という声もよく耳にしますが、コーディング&(IE)デバッグのことを考えると、Windowsの方が勝手が良いことも多いです。 結果的にデスクトップとノートでWindowsmacの2つを持っている人も少なくはないのではありませんか。おかげでタイプミスの多さったら。 ということで、今回は制作に関わるWindowsユーザーのみなさまにオススメのフリーソフトをご紹介したいと思います。 Windowsユーザー必見! 普段使いにも制作にも役立つ便利ツール5選 お手軽キャプチャソフト「LightShot」 Windows標準機能のスクリーンショットは少々使いにくいですよね。 「ちょっとした修正の

    Windowsユーザー必見!普段使い&制作に役立つ便利ツール5選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作