HOME
 / カテゴリ「WordPress(応用)」を表示:37件
2017年11月14日

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

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

2017年11月19日

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

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

2017年11月14日

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

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

2019年05月30日

Flexboxを使ったヘッダの作成方法

Bootstrapのナビゲーション・バーとflexboxを使ったヘッダの作成事例です。Bootstrapのナビゲーション・バーを使う事により、スマホのヘッダ画面が簡単に作れます。またFlexboxを使う事によりPCやタブレットのヘッダ画面が簡単で綺麗なメニュが作れるようになりました。

2017年10月30日

TinyMCEにBootstrapのモーダルウィンドウを実装する

モーダルウィンドウとは新しいウィンドウを表示し、その操作が完了するまで親ウィンドウの操作ができないタイプのウィンドウのことです。ここではBootstrapのモーダルウィンドウ機能をビジュアルエディタで使う方法を解説しています。

2017年10月28日

TinyMCEで色々なタイプのBOXを作る

メモBOXは通常のCSSを使って作成したBOXです。ここではFlexboxの機能を利用して、横に1個や2個並ぶBOXで、枠線を付けたり、リンク対応をしたBOXを作成できるBOXの作り方を解説します。

2017年12月12日

WordPressのアイコンフォントを使える様にする。

Bootstrapを導入する事によりBootstrapが持っているアイコンフォントが使える様になっています。またWordPressもアイコンフォントを持っています。ここではこれを使える様にする設定と使い方を説明しています。

2017年12月07日

TinyMCEにタブ機能を実装する

ここではビジュアルエディタでタブ切替のコンテンツを作成する方法を解説しています。しかしタブの単純な作り方ではスマホ表示でタブが複数行になる!等の問題が発生します。そこでflexboxの機能を使ってスマホでも使えるタブを実現しました。

2017年12月12日

TinyMCEで段落変更(Enter)が使えるメモBOXを作る

TinyMCEのスタイルは1つの段落に対する定義になります。よってこのスタイルで作成したBOXは、改行(Shift+Enter)しか使えません。しかしショートコードという新しい概念を利用すると段落変更(Enter)が使えるBOXを作る事ができます。ここではその作り方を解説しています。

2018年10月22日

イメージの設定とレスポンシブ対応

TinyMCEで画像を取り扱うポイントは、画像に枠を付ける場合はどうするのか?と画像のレスポンシブ化は、どの様に実現するか?になります。ここではこれらの設定方法と使い方を解説しています。