タグ

ブックマーク / willstyle.co.jp (3)

  • 「MW WP Form」で任意の選択項目を任意の数だけ出力する方法 | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちは、CTOの奥田です。 WordPressでサイトを制作している時に必要となってくるのがメールフォームだと思います。 一番ポピュラーなメールフォームプラグインといえばContact Form 7がありますが、確認画面を出力するにはカスタマイズが必要だったり何かと手がかかります。 そんな時、「MW WP Form」を使えば確認画面付きのメールフォームを簡単に設置できます。 今回は更に「MW WP Form」で作成したメールフォームに任意の項目を追加する方法をご紹介いたします。 Table of contents「MW WP Form」とはフォームと投稿を紐付ける投稿内の任意の値を選択項目で出力する任意の選択項目を任意の数だけ出力するさいごに「MW WP Form」とは「MW WP Form」とはWordPressで構築したサイトに確認画面付きのメールフォームを簡単に設置できるプラグイ

    「MW WP Form」で任意の選択項目を任意の数だけ出力する方法 | Will Style Inc.|神戸にあるウェブ制作会社
  • Vanilla.jsのアニメーションスクロールプラグイン「Smooth Scroll」 | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちは、アートディレクターの奥田です。 先日自分がバンドをはじめた頃に第一線でライブをしていた兄貴的存在のバンドの限定復活ライブがありました。 自分がバンドをはじめた頃といえばちょうど10年前ぐらいでしょうか。10年の時を経てもその音は色褪せず「バン」と一発、音を出しただけでそのバンドの空気になる。 やはり音楽の持つ力は素晴らしいとあらためて感じました。 さて、Web制作でjQueryとおさらばして数ヶ月経ちますが、調べれど調べれどjQueryのプラグインしか出て来ず困ったという場面が何度かありました。 今回はアニメーションスクロールはこれで決まりでしょうというプラグインがあったのでご紹介致します。 Table of contentsインストール使い方固定ヘッダーの指定URLを更新せずにスクロールさせるイージングコールバック最後にインストールまずはSmooth Scrollをインストー

    Vanilla.jsのアニメーションスクロールプラグイン「Smooth Scroll」 | Will Style Inc.|神戸にあるウェブ制作会社
  • フォームのセレクトボックスとチェックボックス・ラジオボタンをCSSで装飾する | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちは制作の奥田です。 お問い合わせフォームで、テキストフィールドやテキストエリアを装飾するのはとても簡単なんですが、セレクトボックスやチェックボックス・ラジオボタンの装飾はクロスブラウザの問題などでちょっとややこしいイメージをお持ちの方も多いと思います。 しかし、IE8以前のサポート終了によりIE9以降の対応でよくなったのを期に、フォームをデザインすることが容易になってきました。 せっかく良いデザインにしてもフォームの要素がデフォルトのままだとなんか残念な気持ちになりますよね? というわけで今回はCSSのみでフォームを装飾する方法をご紹介いたします。 セレクトボックスの装飾まず、select要素の挙動を統一するため、要素をappearance: button;でボタン要素にしてしまいます。 select::-ms-expandでIEの矢印を非表示にします。 select:-moz-f

    フォームのセレクトボックスとチェックボックス・ラジオボタンをCSSで装飾する | Will Style Inc.|神戸にあるウェブ制作会社
  • 1