WPワークス

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

タグ: テーマカスタマイザー

IDが原因で一部のテーマカスタマイザーの設定値が保存されない?

IDが原因で一部のテーマカスタマイザーの設定値が保存されない?
分かる方がいらっしゃったらご教授頂きたいんですが、テーマ「ShapeShifter」上で、一部のテーマカスタマイザー設定で問題が起こっているんですよ。確認したのは「右上固定可能ウィジェットエリア」でウィンドウのトップと右からの距離を設定する「range」タイプの設定です。   スクリーンショットにあるように、「保存して公開」というボタンをクリックすると、「無効な値です。」とラベル下に表示 […]続きを読む

テーマ「ShapeShifter」バージョン1.0.55の更新情報

テーマ「ShapeShifter」バージョン1.0.55の更新情報
ちょっとモバイルで見た時に、ページ全体に背景画像が設定されている場合、ヘッダー後とフッター前、フッター内のウィジェットエリアでは、その背景画像がもろに表示されてしまって、テキストなどのコンテンツが読みにくい状態になっていました。 というわけで、各オプショナルウィジェットエリアのラッパーの背景色を設定していない(値が「rgba(255,255,255,0)」というデフォルト設定になっている)場合に限 […]続きを読む

テーマカスタマイザー用クラス「Alpha Color Picker」が便利過ぎ!

テーマカスタマイザー用クラス「Alpha Color Picker」が便利過ぎ!
テーマカスタマイザーで、ワードプレスに標準的に備わっている「WP_Customize_Color_Control」クラスという配色設定するためのクラスがあるんですが、調べてみると、これを継承した「Alpha Color Picker」なる無料のサードパーティ製クラスが存在していました。 ええ、アルファ値を所有する色のプロパティ値「RGBA」を設定することが出来るんです。 アルファ値は一番下のスライ […]続きを読む

テーマカスタマイザーのライブプレビューをループ処理する方法

テーマカスタマイザーのライブプレビューをループ処理する方法
テーマカスタマイザーのライブプレビューって、JSファイルの編集って面倒じゃないですか。各設定項目毎に「wp.customize( ‘setting_id’…」と書いて、設定項目を追加すればするだけ、テキスト量がどんどん膨らんでしまいます。 でも単純なCSSプロパティ変更程度なら、簡単にループ処理できてしまうんです。 テーマカスタマイザー用のクラス「 Nora_T […]続きを読む

テーマカスタマイザーの設定項目を2つ以上使用するライブプレビュー編集

テーマカスタマイザーの設定項目を2つ以上使用するライブプレビュー編集
毎回更新したい人には無関係の話ですが、簡単なスタイル修正程度ならjQUeryで簡単に編集できますし、何よりライブプレビューの方が素早く仕上がりを確認できます。 ただ、最近まで僕も編集するのを忘れていたんですが、テーマカスタマイザーの設定によってはちょっと複雑なライブプレビューが必要な場合がありますよね。「〜〜モードはこういう処理」といった感じで、テーマカスタマイザーの別の設定項目によって、処理の仕 […]続きを読む

テーマカスタマイザーでの編集をライブプレビューする方法

テーマカスタマイザーでの編集をライブプレビューする方法
テーマカスタマイザーでの標準設定では、設定項目の値を変更する度にプレビューが更新され、確認するのに時間差を覚え、ちょっと煩わしさを感じるんじゃないでしょうか? 以前テーマカスタマイザーの編集方法でも少し紹介したんですが、ワードプレスのテーマカスタマイザーには画面を更新することなくライブプレビューする方法が用意されていますので、公式の参照ページにも載っていると思いますが、テーマやプラグインに実装する […]続きを読む

ダウンロード可能! 簡単にテーマカスタマイザーを扱えるクラスを作成しました。

ダウンロード可能! 簡単にテーマカスタマイザーを扱えるクラスを作成しました。
ワードプレスのテーマカスタマイザーに設定項目を追加するのって結構面倒ですよね。 必要最低限の単純な設定の追加だと、 「パネル(オプション)」「セクション」「設定」を追加 「スタイルの出力」など設定を取得して編集 「ライブプレビュー」の設定(オプション) といった編集が必要になり、設定1つ1つを編集するのは、設定項目が増えてくると非常に面倒だと感じていました。 そこでスタイル用のテーマカスタマイザー […]続きを読む

テーマカスタマイザーの編集方法

テーマカスタマイザーの編集方法
WordPressのテーマカスタマイザー、「外観」->「カスタマイズ」のページでは、主にテーマのスタイルをライブプレビュー(JavaScriptを書く必要あり)で確認しながら編集できます。 ここでは基本的なテーマカスタマイザーの編集方法を紹介していきます。 テーマカスタマイザーを作成 テーマカスタマイザーの作成方法ですが、テーマカスタマイザー用の関数を「customize_register」にフッ […]続きを読む

テーマカスタマイザーでの「option」と「theme_mod」の使い分け

テーマカスタマイザーでの「option」と「theme_mod」の使い分け
テーマカスタマイザーの項目を追加していく際、「add_setting」の「type」の値を指定することが出来ますが、どっちにしたら良いか悩んだことはありませんか? [crayon-5bf68e423a97c509508349/] こういうやつです。 僕も最初「どう違うの?」といった感覚で、使い分ける意味が分かりませんでしたが、テーマやプラグインを作成している内に分かったこともありますので、どう使い […]続きを読む
メニュ
ホーム
トップへ