WPワークス

ダウンロードコンテンツやワードプレスのカスタマイズ方法を配信中。

タグ: ウィジェット

「外観」->「ウィジェット」以外のページで、ウィジェットを設定する方法

「外観」->「ウィジェット」以外のページで、ウィジェットを設定する方法
まだ管理者によるレビューが始まってもいないので、リポジトリの利用がまだなんですが、テーマ「ShapeShifter」で使用していた投稿メタによるウィジェットエリアへの出力に、登録されているウィジェットを新たに設定して出力する機能を付けました。 ええ、まだ配布していないバージョンの話です。 標準的に備わっているウィジェットの設定画面でなくても、ウィジェットの出力は可能ですので、ページ毎にウィジェット […]続きを読む

テーマ「ShapeShifter」を使ったページのレイアウトをメタボックスで編集する方法

テーマ「ShapeShifter」を使ったページのレイアウトをメタボックスで編集する方法
バージョン1.0.17の更新を経て、ウィジェットエリアに配置したウィジェットアイテムを、メタボックスで設定することで自由にウィジェットエリア位置に出力することが出来るようになりました。 「何故そんな訳の分からない機能を追加した?」と思うかもしれませんが、テーマ「ShapeShifter」にはコンテンツの編集ページのメタボックスで「ウィジェットエリア非アクティブ化設定」を設けていますので、これらを組 […]続きを読む

全てのウィジェットにプロパティを追加するフック

全てのウィジェットにプロパティを追加するフック
最近プラグイン「Bogo」に学んで、テーマ「ShapeShifter」でもウィジェットの出力条件を指定するプロパティを全てのウィジェットに設置したのですが、その方法について紹介します。 プロパティがある程度汎用的なことに限られるとは思いますが、非常に便利なフックで、ウィジェットの背景などにも使用できます。ただ、全てのウィジェットに追加する項目ですので、汎用性の高いプロパティを選ぶべきでしょう。 個 […]続きを読む

ウィジェット配置時にウィジェットのIDナンバーをJavaScriptで使用する方法

ウィジェット配置時にウィジェットのIDナンバーをJavaScriptで使用する方法
ウィジェットをウィジェットエリアにドラッグなどして追加した時、ウィジェットのメソッド「form」で出力される部分のIDってどうなっているか知っていますか? 僕も最近まで「$this->id」で取得できるものだと思い込んでいたんですが、実際は少し異なるものでびっくりしたんです。 そもそも何故こんなことをしているのかですが、フォーム内でJavaScriptの変数名にIDナンバーを使用し、その変数にJS […]続きを読む

コピペでOK! 「Mobile Detect」を使ったワードプレスのウィジェット用の条件分岐表示に便利な関数

コピペでOK! 「Mobile Detect」を使ったワードプレスのウィジェット用の条件分岐表示に便利な関数
サードパーティ製のクラス「Mobile Detect」を紹介したので、実際にテーマで使用している例を紹介しようと思いました。 関連記事: 「Mobile Detect」でデバイス毎の条件分岐が簡単に! テーマ「ShapeShifter」では主にウィジェットでの分岐に使用していますので、そのコードをそのまま紹介しようと思います。「trait」を使用していますので、不要な方は外してしまいましょう。 ウ […]続きを読む

ウィジェットアイテムの作成・追加方法

ウィジェットアイテムの作成・追加方法
ウィジェットアイテムは、マウスでカチカチと操作するだけで簡単に配置できるアイテムですので、テーマやプラグインに実装することで、任意のウィジェットエリアに自由に配置することが出来ます。テンプレートファイルに直接HTMLを書くよりは柔軟に表示を切り替えられ、非常に便利ですよね。 自分好みのウィジェットアイテムを作成できたら良いなと思ったことがあるなら、ちょっと下に紹介していますので一度挑戦してみてくだ […]続きを読む

条件分岐できる便利なカスタムテキストウィジェットの作り方

条件分岐できる便利なカスタムテキストウィジェットの作り方
WordPressが標準で用意しているテキストウィジェットは非常に便利ですが、表示ページを自在に設定できた方が良いと思いますので、簡単に作成できるオリジナルテキストウィジェットの追加コードを紹介します。 デバイスごとの条件分岐には、Wordpress関数「wp_is_mobile」でも可能ですが、タブレットなどの条件も入れることを検討し、外部ソースの「Mobile Detect」を使って作成します […]続きを読む
メニュ
ホーム
トップへ