HOME
 / カテゴリ「WordPress(応用)」を表示:34件
2017年12月07日

独自のメール送信プログラムを作成する

wordpress関数のwp_mailを使った事例を解説しています。このフォームのボタンはBootstrapで、ダブルクリックによる二重送信防止機能も付けています。

2017年11月23日

フッタを作成する

このコンテンツはこのサイトのフッタページのデザインを解説した物です。

2017年11月23日

リストページをデザインする

このコンテンツはこのサイトのリストページのデザインを解説した物です。ページデザインはFlexboxを採用して左にコンテンツ、右にウィジェットを配置しています。またページ送りはBootstrapのページネーションを利用しています。

2017年11月23日

投稿ページをデザインする

このコンテンツはこのサイトの投稿ページのデザインを解説した物です。ページデザインはFlexboxを採用して左にコンテンツ、右にウィジェットを配置しています。

2017年11月22日

自作のページネーションを作成する

自作のページネーションを作成する方法を解説しています。これはWordPressのページネーションからデータを取得し、それをBootstrapのページネーションフォーマットで出力しています。

2017年11月20日

スマホ対応のサイドバープログラムの作成

PC画面ではサイドバーがあっても良いが、幅が狭いスマホではこのエリアが確保できない。そこでスマホの場合は自動的にBootstrapのドロップダウンメニュに置き変えるサイドーバーの作り方を解説しています。

2017年11月22日

固定ページをデザインする

このコンテンツはこのサイトの固定ページのデザインを解説した物です。ページデザインはFlexboxを採用しています。またトップページはfront-page.phpを利用しています。

2017年11月14日

自作のパンくずを作成する

パンくずは一般的にはプラグインを利用しますが、ECサイト等でサイトに特化したパンくずにする為には自作のパンくずの方がカスタマイズ性に優れます。そこでここでは自作のパンくずを作る方法を解説しています。

2017年11月19日

Bootstrapを使った検索ボタンの作成

Bootstrapのインプットグループ機能を使った検索BOXを作成した事例です。検索BOXは関数化してボタンの色を指定できる様にしています。

2017年11月14日

Bootstrapのナビゲーション・バー機能を使う

Bootstrapのナビゲーション・バー(Navbar)機能を使うとスマホ画面がスマートになります。但しデフォルトでは使いづらいのでNavbarボタンの関数化とWordPressメニュを使う方法を解説しています。