「ワードプレス」タグアーカイブ

WordPressの子テーマを最速で適用する手順

WordPressのテーマを子テーマ化する最速の方法

細かい説明一切無しの手順。

1.FTPソフトで子テーマフォルダを作る

 

/wp-content/themes の中に 「テーマ名-ch」と言う名のフォルダを作成する。
ちなみに名前はなんでもいいので、適当でもOK。

child-theme1

 

2.作ったフォルダにcssファイルとfunctions.phpファイルをアップロード

FTPソフトで、今作った子テーマフォルダに、style.cssとfunctions.phpをアップロードする。

style.css
functions.txt
↑「右クリック」 「名前を付けて保存」でダウンロードせよ。

style.cssの中身

/*
Theme Name: Child
Template: twentytwelve
*/

Theme Name: これは適当でいい。
Template: の右の「twentytwelve」と書いてある部分は、親のテーマのフォルダ名なので、違うテンプレートを使っている場合は、(FTPソフトなどを見て)親のテーマのフォルダ名に変更する事。

functions.txt の中身

<?php
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}

こちらは編集する必要はないので、拡張子の.txtを、.phpに変更し、functions.phpをそのまま子テーマフォルダにアップロード。
 
 

3. 親テーマのカスタマイズしたphpを子テーマフォルダにアップロード

 
例えば、ヘッダーをカスタマイズした場合、親テーマのheader.phpを一旦ダウンロードし、子テーマフォルダにアップしなおす。
 
child-theme2

 
子テーマフォルダ内はfunctions.php、style.css、header.php(などのカスタマイズしたphpファイル)の3つだけ。
 
child-theme3
 
 

4. ワードプレス管理画面から、テーマを子テーマに変更する

 
「外観」→「テーマ」→「Childなどの子テーマの名前を選んで有効化」
 
※ヘッダー画像、jetpackのCSS編集、メニューなど、テーマ由来の設定は一旦初期化される(削除されるわけではない)ので、先にコピペメモをとるなり、覚えておくなりする事。
一般設定、表示設定、パーマリンク設定などは初期化されないのでそのままでOK。
 
 

5. メニューやCSS編集(jetpackプラグイン)などの設定をやりなおす

 
「外観」→「メニュー」→「位置の管理」で、メニューを以前と同じものを選んだり、ヘッダー画像を戻したりすれば、全て元通り。
 
これで、子テーマ適用完了。

3.WordPress.orgの自作プラグインをアップロードする方法。Subversionの使い方。

WordPress.orgの自作プラグインをApache Subversionを使って公式ディレクトリに公開する

 

順序は大まかに

0. 概要:Wordpressの自作プラグインを公式ページに登録・公開して、プラグイン追加からインストールできるようにする方法

1.WordPress.orgのアカウントに登録し、公式ディレクトリにプラグインを申請する

2.プラグインの公式ディレクトリへのアップロードに必要なSubversionのダウンロードとインストール

3.Subversionを使ってWorpdress.orgの公式ディレクトリにアップロード&バージョン管理
↑いまここ↑

4..potファイルから .mo ファイルを作ってプラグインの多言語化(国際化)
 
 

という感じ。
公開後もSubversion (Apache Subversion / アパッチ・サブバージョン) を使い、バージョンアップを行っていくことになるので、その基本的な使い方のメモ。

Subversionは、コマンドプロンプトに新たなコマンドを追加するソフトウェアなので、操作はコマンドプロンプトから行う。
 
まだSubversionのインストールがまだの場合は → Subversionのダウンロードとインストール を参照。
 
 

Subversionの使い方(WordPressの自作プラグインのアップロード・公開編)

 
コマンドプロンプトを起動。
subversion-usage-1

Windows7以前のバージョンの場合は、「左下のスタートボタン」→「全てのプログラム」→「アクセサリ」→「コマンドプロンプト」。

 
 
まず、Wordpress.orgの公式ディレクトリから作業スペースを自分のPC内にコピーする。
コマンドは

svn co http://plugins.svn.wordpress.org/レポジトリへのパス/

←coとレポジトリへのパスの間に半角スペース。
subversion-usage-2

上の画像の場合、自分のPCの「Cドライブ→Users→userpc」内に作業スペース(フォルダ)をコピーする。
作業スペースの場所はどこでもいいので、デスクトップなどで作業したい場合は、

cd (フォルダへのパス)

←cdとフォルダへのパスの間に半角スペース。
で移動してから、「svn co」コマンドでコピーすること。
cd-move
コマンドプロンプト内に「cd 」と

ちなみに、レポジトリへのパスは、Wordpress.orgへのプラグイン登録申請の承認メールに SVN repository へのリンクとして記載されている。
addplugin5

 
 

コピー完了すると、下の画像のように表示される。
これで、指定した場所に「tags、assets、trunk、branches」の4つのフォルダがコピーされている。
subversion-usage-3

※エラーでコマンドが通らない場合はSubversionのインストールがうまくいっていない可能性があるので、Subversionのダウンロードとインストール を再度チェック。

 
 

コピー先を見てみると、確かにフォルダができている。
今回の場合は、「Cドライブ→Users→userpc」
subversion-usage-4

 
 

作業スペースの 「trunk」 フォルダに入れたプラグインを、Wordpress.orgのディレクトリへアップロードすることになるので、自作のプラグイン.php と、readme.txt を「trunk」内に移動しておく。

 
 

作業スペース(フォルダ)に移動するので「cd (trunkフォルダへのパス)」とコマンドを叩く。
subversion-usage-5

画像の場合では「cd C:\Users\userpc\add-featuredimage-to-all-posts\trunk」
 
 

作業フォルダ trunk の中の、自作プラグイン.php と readme.txt をWordpressの公式ディレクトリ(レジストリ)にアップロードする。
コマンドは「svn add (自作プラグイン名).php readme.txt」。
subversion-usage-6

A (自作プラグイン名).php
A readme.txt

と表示されたら、アップロード成功。1分程度必要な場合もある。
 
 

次にコミット(作業を更新を実行すること)する。
コマンドは「svn commit -m “first release.”」とする。
subversion-usage-7
この際、PCへのログインパスワードと、Wordpress.orgへのログインパスワードの入力が必要。PCへのログインパスワードが設定されていない場合は、空欄(または0000など適当)でもOK。

追加しています xxxx.php
追加しています readme.txt
ファイルのデータを送信しています ..done

と表示されれば、コミット(更新の実行)が完了している。
こちらも1分程度必要な場合もある。

 
 

以上で、自作プラグインのWordpress.org公式ディレクトリへのアップロード・公開は完了。

 
 

作業としては必要ないが、Wordpress.orgのレジストリを覗いてみると、ちゃんとアップロードされていることが分かる。なお、サーバー反映までに10分程度必要。

subversion-usage-10

これで、管理画面のプラグインの新規追加からも検索で表示され、インストールも可能になった。

 
 

Subversionの使い方(WordPressの自作プラグインのバージョンアップ編)

 
 

バージョンアップも基本的にはやることは同じ。
trunk フォルダ内の 自作プラグイン.php に修正を加えたりした後、レジストリにアップロードしてコミットする。

バージョンアップの際のコミットは「svn commit -m “1.2(数字はバージョン数)”」という形で、バージョンアップしていく。
「commit」でファイルの送信上書きもされるので、「svn add」や「svn copy」は必要ない。バージョンアップだけなら、

下画像では「first release」となっている部分をバージョン数にする。
「cd」コマンドで、trunk フォルダに移動してからコミットすること。
subversion-usage-7

追加しています xxxx.php
追加しています readme.txt
ファイルのデータを送信しています ..done

と表示されれば、コミット(更新の実行)が完了している。

 
 

バージョンを変化させずに修正する場合(誤字訂正などの簡易な変更など)の場合も、同じ方法で、
「svn commit -m “1.2(数字はバージョン数)”」
でバージョン数を変化させずにコミットすることで対応可能。

ただし、この場合既にインストールしている人には、プラグインのバージョンアップが通知されないので、修正されないままになる。

 
 

更新後にも、過去のバージョンを、残したい場合は、タグ付けが必要になる。
タグ付けのコマンドは
「svn copy (http://wordpress内のディレクトリ/trunkのURL) (http://wordpress内のディレクトリ/tags/現バージョン) -m “tagging (現バージョン) release.”」
URLとURLの間などは半角スペースを入れて。
subversion-usage-8

これで、現バージョンを、1.8としてタグ付けして残すことになる。

例えば1.9にバージョンアップした場合、1.8は1.8のまま残せるし、1.9のタグ付けをすれば、1.9も1.9のまま残すことができる。

 
 

ディレクトリに公開されているので、wordpress.orgでプラグインの検索をすると、出てくるようになる。

subversion-usage-11

また、管理画面の プラグイン > 新規追加 からも検索で追加できるようになる。

 
 

この公式ディレクトリに、ヘッダー画像を追加することもできる。
subversion-usage-12

 
 

作業スペースの assetsフォルダ に、 banner-772×250.jpg という名前の、サイズ 772px 250px の画像を入れる。
画像のファイル名は、必ずこの名前にすること。

cd コマンドで、 作業スペースの assets フォルダに移動し、
「svn add banner-772×250.jpg」 とコマンドを叩いて、画像をアップロードする。
subversion-usage-9
上の画像では、「screenshot-1.jpg」 になっているが、 banner-772×250.jpg でも同じ方法でアップロードできる。

 
 

以上で、プラグインのバージョン管理と、ヘッダー画像のアップロードも完了。

次は、プラグインの翻訳の方法を見ていこう。

————-
関連記事:

0. 概要:Wordpressの自作プラグインを公式ページに登録・公開して、プラグイン追加からインストールできるようにする方法

1.WordPress.orgのアカウントに登録し、公式ディレクトリにプラグインを申請する

2.プラグインの公式ディレクトリへのアップロードに必要なSubversionのダウンロードとインストール

3.Subversionを使ってWorpdress.orgの公式ディレクトリにアップロード&バージョン管理

4..potファイルから .mo ファイルを作ってプラグインの多言語化(国際化)
↑次ここ↑

4.WordPressの自作プラグインを多言語対応させる方法。.moファイルをwordpress.orgに追加

WordPressの自作のオリジナルプラグインを多言語対応する方法

 

順序は大まかに

0. 概要:Wordpressの自作プラグインを公式ページに登録・公開して、プラグイン追加からインストールできるようにする方法

1.WordPress.orgのアカウントに登録し、公式ディレクトリにプラグインを申請する

2.プラグインの公式ディレクトリへのアップロードに必要なSubversionのダウンロードとインストール

3.Subversionを使ってWorpdress.orgの公式ディレクトリにアップロード&バージョン管理

4..potファイルから .mo ファイルを作ってプラグインの多言語化(国際化)
↑いまここ↑

 

自作プラグインを英訳(または日本語訳)する手順

wordpress.org/plugins/へと移動する。

今回は英語ページで説明する。日本語ページでも基本的にやる事は全く同じ。

WordPress.orgに登録した、メールアドレスとパスワードで、wordpress.orgにログインする。
pi-translation-0

 

ログインしたら、自分のID名をクリックする。
pi-translation-1

 

左のメニューの「Plugin」日本語だと「プラグイン」をクリックしたら、自作プラグインが表示される。
その自作プラグイン名をクリック。
pi-translation-2

 

自分のプラグインの公開ページ(ディレクトリ)に行けるので、右の「Admin(日本語の場合 管理)」をクリック。
pi-translation-3

 

Adminページの中ほどの「Continue(日本語の場合 続ける)」のボタンをクリック。
pi-translation-4

Generate POT file
For more information on POT files, domains, gettext and i18n have a look at the I18n for WordPress developers Codex page and more specifically at the section about themes and plugins.

日本語:
POT ファイルを生成
POT ファイル、ドメイン、gettext、i18n に関して更に詳しい情報は I18n for WordPress developers Codex ページ (英語) をご覧ください。さらに具体的にはテーマとプラグインについてのセクションが参考になるでしょう。

と書いてある部分。

POTファイルというのが、プラグインを多言語対応させる元となるものなので、ここからダウンロードするページへ移動する。

 

「Get POT(日本語:POTを取得)」をクリックして、POTファイルをダウンロード。
pi-translation-5

 

POTファイルがダウンロードされるので、これを Poedit を使って、翻訳ファイルの .moファイルを作成する。
pi-translation-6

参考記事:
Poeditのダウンロードとインストール、簡単な使い方

.potファイルから.poや.moファイルを作ってWordPressの言葉を変更する方法

 

翻訳した.moファイルの名前を必ず
(プラグイン名)-ja.mo
とすること。 .po も同じ名前にしておくといい。
pi-translation-8

 

翻訳が終わったら、作業フォルダ(作業フォルダの説明はここ参照)の中に、「languages」フォルダを作って、その中に .mo ファイルを入れる。
.mo だけでも翻訳はされるが、ついでに .po も入れておくと迷わなくていい。
pi-translation-languages

 

Subversionを使ってWordpress.orgのディレクトリ内の「trunk/languages」にアップロードする。

まず「cd」コマンドで作業フォルダへ移動して
「svn add」コマンドで、「languages」フォルダごとアップロードできる。
pi-translation-7

 

プラグインにlanguagesへのパスを追記する。
(自作プラグイン).phpのソース上部に記載すること。
pi-translation-phpadd

 

<?php
/*
Plugin Name: プラグインの名前(英語が望ましい)
Plugin URI: プラグインの更新情報などを載せるURL(適当でもいい)
Description: プラグインの説明文。翻訳前なので英語で。
Version: 数字。最初は1.0でいい。バージョンアップするごとに変更
Author: 作者の名前(適当OK)
Author URI: 作者のURL(適当OK)
License: GPLv2 or later
Text Domain: WordPress.orgのレジストリ
Domain Path: /languages
*/

load_plugin_textdomain( ‘WordPress.orgのレジストリ’, false, basename( dirname( __FILE__ ) ).’/languages’ );

これで、言語ファイルが 「/languages」に入ってますよ。と指定することになる。

 

コミット(更新を実行)するために、「commit -m “バージョン数”」コマンドでコミットする。
pi-translation-10

ちなみに画像では、コマンド実行ミスをしているので、「既にバージョン管理下におかれています」とエラーが出ている。
エラーが出た場合でも、焦らず正しいコマンドを実行すれば大丈夫。

 

サーバーの反映には10分程度必要だが、これでプラグインの多言語化が完成!
translation-pija

————-
関連記事:

0. 概要:Wordpressの自作プラグインを公式ページに登録・公開して、プラグイン追加からインストールできるようにする方法

1.WordPress.orgのアカウントに登録し、公式ディレクトリにプラグインを申請する

2.プラグインの公式ディレクトリへのアップロードに必要なSubversionのダウンロードとインストール

3.Subversionを使ってWorpdress.orgの公式ディレクトリにアップロード&バージョン管理

4..potファイルから .mo ファイルを作ってプラグインの多言語化(国際化)