コラム テーマ「ShapeShifter」☓ プラグイン「Magic Template Holder」の組み合わせ術１ 両方僕が作成したテーマとプラグインですが、自分で使ってもいるので、実践しながら覚えた便利な使用方法について紹介します。 既に利用されている方もいらっしゃるかもしれませんが、このプラグインは保存したテキストを簡単にエディタ... コラム Magic Template Holder,ShapeShifter,テーマ,プラグイン,活用術 2016年4月29日 Nora
カスタマイズ テーマ「ShapeShifter」を使ったページのレイアウトをメタボックスで編集する方法 バージョン1.0.17の更新を経て、ウィジェットエリアに配置したウィジェットアイテムを、メタボックスで設定することで自由にウィジェットエリア位置に出力することが出来るようになりました。 「何故そんな訳の分からない機能を追... カスタマイズ ShapeShifter,ウィジェット,テーマ,メタボックス,活用法 2016年4月28日 Nora
カスタマイズ 全てのウィジェットにプロパティを追加するフック 最近プラグイン「Bogo」に学んで、テーマ「ShapeShifter」でもウィジェットの出力条件を指定するプロパティを全てのウィジェットに設置したのですが、その方法について紹介します。 プロパティがある程度汎用的なことに... カスタマイズ ウィジェット,フック,設定,追加 2016年4月27日 Nora
チュートリアル コンテンツページにおけるカスタムフィールド・メタボックス実装と使用方法を紹介 ワードプレスサイトで各ページの差別化を行う場合、テンプレートファイルを子テーマなどに実装することが多いと思います。カラム数やデザインを変化させるのも、HTMLの知識とワードプレスのタグを使用することで編集できてしまいます... チュートリアル カスタムフィールド,メタボックス 2016年4月24日 Nora
プラグイン ワードプレスサイトの多言語化プラグイン「Bogo」が便利過ぎ！ 日本語のみでやろうと最初は思っていたので忘れていたのですが、テーマ内のダッシュボードウィジェットなどに貼った説明ページへのリンクがあり、「そういえば全て日本語だった」と思い出して焦りました。 そこで以前から名前は知ってい... プラグイン Bogo,多言語化 2016年4月23日 Nora
カスタマイズ ワードプレスのユーザー（作者）のスラッグについて ワードプレスでユーザースラッグの設定をしたことがない人ってどれくらいいますか？ ちょっと今更な疑問なんですが、そういえば「ユーザースラッグ」について書いたことはなかった気がします。 そもそも「ユーザースラッグって何だ？」... カスタマイズ スラッグ,ユーザー 2016年4月17日 Nora
コラム ダウンロード時に注意！ 「Modernizr」のエラーが起こる原因。 CSSアニメーションを追加したのですが、ブラウザのチェックのために「Modernizr」を導入することに決めたのですが、中々上手く行かず「なんでやねん！」と嘆いていました。 というのは、ダウンロードしたJSファイルをイン... コラム Modernizr,エラー 2016年4月7日 Nora
カスタマイズ スクロールして徐々にテキストを表示する方法 テーマ「ShapeShifter」バージョン1.0.9で取り入れたCSSアニメーションの実装方法についてです。 まぁ通常必要ない機能だとは僕自身思ったんですが、敢えて非表示にして、スクロールすると見えるようにすると、 僕... カスタマイズ CSSアニメーション,スクロール,表示 2016年4月5日 Nora
チュートリアル jQueryプラグイン「Slider Pro」がめちゃ便利！ 特徴、使い方、使用例まで紹介 テーマ「ShapeShifter」で使用できるウィジェット「Slide Gallary」で使用している無料のjQueryプラグイン「Slider Pro」を紹介します。 以前、背景をスライドさせるjQueryプラグイン「... チュートリアル jQuery プラグイン,Slider Pro,スライダー系 2016年3月30日 Nora
カスタマイズ テーマカスタマイザー用クラス「Alpha Color Picker」が便利過ぎ！ テーマカスタマイザーで、ワードプレスに標準的に備わっている「WP_Customize_Color_Control」クラスという配色設定するためのクラスがあるんですが、調べてみると、これを継承した「Alpha Color ... カスタマイズ Alpha Color Picker,サードパーティ,テーマカスタマイザー 2016年3月23日 Nora
カスタマイズ ワードプレスのページ速度を改善する方法 ページのロードに時間が掛かるページってイライラしますよね。 僕自身実際にテーマを作成するまでどうやって改善できるか悩んでいましたし、大抵画像ファイルだったり、サーバーの設定で何とかするもんだと思っていましたが、自分でテー... カスタマイズ PageSpeed Insights,ページ速度,改善 2016年3月16日 Nora
カスタマイズ コピペOK！ 「公開」ボタンの有効・無効を切り替えるセーフティーの設置方法 「間違えて記事を公開してしまった」なんてことありませんか？ 僕はいつも「下書きとして保存」ボタンと間違えて、青く目立つ「公開」ボタンを押してしまいそうで不安なんですが、そろそろそんな不安ともおさらばしようと、テーマ「Sh... カスタマイズ 「公開」ボタン,コピペOK,セーフティー 2016年3月8日 Nora
カスタマイズ ウィジェット自体の出力条件を含め、ウィジェットエリアがウィジェットを出力するか判別する方法 ウィジェットエリアが出力するアイテムがあるかどうかって、どうチェックしていますか？ 通常は恐らく「is_active_sidebar」を使用すると思うんですが、条件付きでコンテンツを出力するウィジェットを使ってみると、こ... カスタマイズ is_active_sidebar,アクティブ,ウィジェットエリア 2016年3月6日 Nora
カスタマイズ ウィジェット配置時にウィジェットのIDナンバーをJavaScriptで使用する方法 ウィジェットをウィジェットエリアにドラッグなどして追加した時、ウィジェットのメソッド「form」で出力される部分のIDってどうなっているか知っていますか？ 僕も最近まで「$this->id」で取得できるものだと思い込んで... カスタマイズ JavaScript,ウィジェット 2016年2月25日 Nora
カスタマイズ テーマカスタマイザーのライブプレビューをループ処理する方法 テーマカスタマイザーのライブプレビューって、JSファイルの編集って面倒じゃないですか。各設定項目毎に「wp.customize( ‘setting_id’…」と書いて、設定項目を追加す... カスタマイズ テーマカスタマイザー,ライブプレビュー,ループ 2016年2月17日 Nora
チュートリアル テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。 ワードプレスの代表的なプラグイン「bbPress」と「WooCommerce」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中なので、ちょっと基本的な方法を紹介していこうと... チュートリアル ECサイト,WooCommerce,テーマ,作成 2016年2月12日 Nora
チュートリアル テーマ「ShapeShifter」をプラグイン「bbPress」に対応させてみる。 ワードプレスの代表的なプラグイン「bbPress」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中で、ちょっと基本的な方法を紹介していこうと思います。 プラグイン「bbPr... チュートリアル bbPress,テーマ作成 2016年2月10日 Nora
チュートリアル ワードプレスのテーマやプラグインを翻訳ファイル編集ソフト「Poedit」でローカライズ（翻訳）する方法 今までは日本語のみだったんですが、英語から各言語に翻訳表示できるようにしました。漸くテーマ「ShapeShifter」の翻訳が終わりました。「バージョン1.0.3」が翻訳済みです。 日本語で見ると日本語表記が若干変化して... チュートリアル Poedit,ローカライズ,ローカリゼーション,翻訳 2016年2月6日 Nora
カスタマイズ テーマカスタマイザーの設定項目を２つ以上使用するライブプレビュー編集 毎回更新したい人には無関係の話ですが、簡単なスタイル修正程度ならjQUeryで簡単に編集できますし、何よりライブプレビューの方が素早く仕上がりを確認できます。 ただ、最近まで僕も編集するのを忘れていたんですが、テーマカス... カスタマイズ テーマカスタマイザー,ライブプレビュー,複雑な設定項目 2016年1月31日 Nora
チュートリアル テーマカスタマイザーでの編集をライブプレビューする方法 テーマカスタマイザーでの標準設定では、設定項目の値を変更する度にプレビューが更新され、確認するのに時間差を覚え、ちょっと煩わしさを感じるんじゃないでしょうか？ 以前テーマカスタマイザーの編集方法でも少し紹介したんですが、... チュートリアル テーマカスタマイザー,ライブプレビュー 2016年1月31日 Nora
