WPワークス

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

カテゴリー: チュートリアル

ワードプレスサイトの引越方法

ワードプレスサイトの引越方法
ドメイン名に合わせてサイト名は変更していますが、旧サイト「ワードプレスラボ」を丸ごと引越しましたので、 ついでにその方法も簡単に紹介してみようと思いました。 細かい部分は色々自分で設定し直す必要があるかもしれませんが、まぁ簡単に一括で引っ越しできる方法だけでも、実際に当サイトが行った方法を紹介していこうと思います。 サーバーはエックスサーバーを利用しています。   まずは下準備 必要な作 […]続きを読む

コンテンツページにおけるカスタムフィールド・メタボックス実装と使用方法を紹介

コンテンツページにおけるカスタムフィールド・メタボックス実装と使用方法を紹介
ワードプレスサイトで各ページの差別化を行う場合、テンプレートファイルを子テーマなどに実装することが多いと思います。カラム数やデザインを変化させるのも、HTMLの知識とワードプレスのタグを使用することで編集できてしまいますから便利ですよね。 ただ、SEO関連のプラグインでも使用されるようなメタタグの出力設定など、デザイン以外でも各ページにおける差別化を行う際は、テンプレートファイルだけでは不十分なこ […]続きを読む

jQueryプラグイン「Slider Pro」がめちゃ便利! 特徴、使い方、使用例まで紹介します!

jQueryプラグイン「Slider Pro」がめちゃ便利! 特徴、使い方、使用例まで紹介します!
テーマ「ShapeShifter」で使用できるウィジェット「Slide Gallary」で使用している無料のjQueryプラグイン「Slider Pro」を紹介します。 以前、背景をスライドさせるjQueryプラグイン「Vegas」を紹介しましたが、こちらは指定した要素をスライドさせることが出来、特徴が大きく異なります。 当サイトの「フロントページ」にもサンプルとして表示させています。「Slide […]続きを読む

テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。

テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。
ワードプレスの代表的なプラグイン「bbPress」と「WooCommerce」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中なので、ちょっと基本的な方法を紹介していこうと思います。 プラグイン「bbPress」は使ったことがあるんですが、「WooCommerce」はECサイトを構築するためのプラグインですので、本格的に商売する意図が無い場合はなかな […]続きを読む

テーマ「ShapeShifter」をプラグイン「bbPress」に対応させてみる。

テーマ「ShapeShifter」をプラグイン「bbPress」に対応させてみる。
ワードプレスの代表的なプラグイン「bbPress」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中で、ちょっと基本的な方法を紹介していこうと思います。 プラグイン「bbPress」は使ったことがありますから、少し勝手が分かっている分簡単でした。 このプラグインでは、基本的にワードプレス関数「the_content()」で生成されたフォーラムを出力しま […]続きを読む

ワードプレスのテーマやプラグインを翻訳ファイル編集ソフト「Poedit」でローカライズ(翻訳)する方法

ワードプレスのテーマやプラグインを翻訳ファイル編集ソフト「Poedit」でローカライズ(翻訳)する方法
今までは日本語のみだったんですが、英語から各言語に翻訳表示できるようにしました。漸くテーマ「ShapeShifter」の翻訳が終わりました。「バージョン1.0.3」が翻訳済みです。 日本語で見ると日本語表記が若干変化していると思いますが、実質何も変化していません。完全に公式リポジトリ用です。 僕自身最初は日本語でのみ配布するつもりでしたが、後からローカライズ対応にしようと編集すると実際かなり面倒で […]続きを読む

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

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

設定用ページの作成・追加方法

設定用ページの作成・追加方法
サブメニューページを作成・追加する方法の応用編です。 関連記事: 管理画面にサブメニューページの作成・追加方法 ここでは追加したサブメニューページで設定変更できるように編集する方法を紹介していきます。 サブメニューページである必要はないんですが、標準的な設定ページに仕上げるには一番良い方法だと思いました。 設定の追加方法の基本 設定の基本は「データベースに保存」と「データベースから取得」ですが、こ […]続きを読む

管理画面にサブメニューページの作成・追加方法

管理画面にサブメニューページの作成・追加方法
プラグインには、よく設定用のページが追加されているのを見かけるでしょうが、そういった管理画面にページを追加する方法を紹介していきます。 管理画面にページを追加することで、テーマカスタマイザー以外での設定を追加したり、ツールを設置することが出来るようになります。テーマの設定は、テーマカスタマイザーでも設定できますが、別に外観を気にしてライブプレビューで見る必要もないどころか、態々重いテーマカスタマイ […]続きを読む

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

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

ショートコードの作成・追加方法

ショートコードの作成・追加方法
非常に便利なワードプレスのショートコードですが、自分のオリジナルショートコードや編集が簡単にできるのをご存知でしょうか? ショートコードを自動で挿入してくれるプラグインも多く存在し、「Shortcodes Ultimate」といった非常に便利なプラグインも存在しますが、自分である程度自由に作成できるようになっておくと更に柔軟かつ効率の良いコンテンツ作成が可能になります。 ここではそんなワードプレス […]続きを読む

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

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

ダッシュボードウィジェットの作成・追加方法

ダッシュボードウィジェットの作成・追加方法
あまり使わないかもしれませんが、ダッシュボードウィジェットはテーマやプラグインの基本的な案内など、簡単にまとめた情報を表示するのに非常に便利ですので、ダッシュボードウィジェットの作成方法を紹介しています。 恐らく思っている以上に簡単に作成することが出来ますので、初心者でも挑戦してみてください。 基本的なウィジェットの追加 必要な関数は2つのみです。 1つはWordpress関数「wp_add_da […]続きを読む

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

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