JQuery『Sidr』をWordPressのカスタムメニューに対応させ設置する方法
スマホ表示の時のメニューとしてよく目にする横からにゅっと出てるくメニューを設置できるJQueryプラグイン『Side』。WordPressに設置する際、メニュー項目をいちいち手入力しなくてもカスタムメニューをそのまま対応させる方法をご紹介します。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 『Sidr』の設置方法 はじめに『Sidr』の設置方法をざっくりと説明します。 Sidrの必要ファイルの用意 ファイルは以下の公式サイトからダウンロードします。また、『Sidr』の動作のデモもこちらの公式サイトで確認することができます。
Bootstrap3とPHPでメールフォームを作る方法
CSSの記述量を減らし、簡単にレスポンシブサイトを実装できるBootstrap。BootstrapのコンポーネントでFormパーツも簡単に作ることができますが、PHPなどは用意されていないので実際に機能するメールフォーム（お問い合わせフォーム）にはなりません。 そこで、この記事ではBootstrap3と無料のPHPプラグインを使って実際に動作するメールフォームを作ってみます。 Botstrap3とPHPで動作するメールフォームを作る Bootstrap3でお問い合わせフォームを作る まずはBootstrapを使ってフォームを作ります。Bootstrapの使い方やフォームに関しては以下のページを参考にしてみて下さい。 Bootstrap公式ドキュメント 初心者のための簡単なBootstrap3のはじめ方 BootstrapでFormを作る方法 Bootstrapを使えば通常のHTMLフォーム
Bootstrap3のドロップダウンを多階層にする方法
CSSフレームワークとして最も人気の高いBootstrap。すでに多くの方が使っていると思います。Bootstrapを使っていて、ちょっとだけレイアウトや動きを変えたいということはよくあるんですが、ここで紹介するドロップダウンもその１つ。 通常はリンク（dropdown-toggle）をクリックするとメニューが開くという仕組み。 ドロップダウンでよくある要望が、マウスオーバーで開きたい場合やメニューの多階層化です。Bootstrapのドロップダウンをマウスオーバーで開く方法でマウスオーバーの方法を解説しましたが、ここでは多階層化する方法をまとめてみます。 Bootstrapのドロップダウンを多階層化する デフォルトでは上記の画像のように１階層だけ表示されます。これを多階層化するには以下のようなコードを追加します。 HTML <div class="dropdown"> <a href="#
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
壁紙・背景イラスト『花の模様・柄・パターン』２／無料のフリー素材集【百花繚乱】
