テーマ、変えていきたいですよね。僕は最初「これでいいや♪」と思っていましたけど、いじりたくなりました。サーバすべてほぼ自由にいじれるのでやらない手はありませんし！ありませんし！そこでWordPressにはじめからついているTwenty Eleven 1.3 をコピーして、それをもとにカスタマイズしていきます。今回はコピーするところまでやります。FTPは使わずに、コマンドですべてやりますので、慣れていない方にはちょっと新鮮かもしれませんね。でも簡単です。ポイントは二つだけ。
- 元々あるテーマTwenty Eleven をコピーする。
- style.css をちょっとだけ編集してテーマ名を変える。
やってみます。
Twenty Eleven をコピーします。コピー先の新テーマは oki2a24 とします。
- -a をつけて権限、所有者・所有グループ、更新日時を保ちます。
- -r をつけてコピー元ディレクトリを再帰的にコピーします。
-a をつけるのは、Twenty Eleven がバージョンアップするときに差分を新テーマに反映させるのを楽にするためです。
cp -ar /var/www/html/oki2a24.com/wp-content/themes/twentyeleven/ /var/www/html/oki2a24.com/wp-content/themes/oki2a24/
新テーマとするからには、名前を変えなければなりません。ディレクトリは oki2a24 という名前にしましたのでOKですね。しかしこれだけでは管理画面のテーマ名は変わりません、ダメです。そこで、style.css を編集します。
vim /var/www/html/oki2a24.com/wp-content/themes/oki2a24/style.css
@charset "utf-8"; /* Theme Name: Twenty Eleven Theme URI: http://wordpress.org/extend/themes/twentyeleven Author: the WordPress team Author URI: http://wordpress.org/ Description: 2011年版の WordPress テーマは洗練されていて、軽量で、柔軟性があります。メニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください 。明と暗のカラースキーム、リンクカラー、3つのレイアウトオプションが利用できるようになっています。「Twenty Eleven」は、フロントページをコンテンツの目立 つショーケースへと変身させるショーケース固定ページテンプレートを備えています。ウィジェット対応のたくさんのエリア (サイドバー、3つのフッターエリア、シ>ョーケース固定ページウィジェットエリア) があり、また、アサイド・リンク・引用・ステータスを表示する「短冊」ウィジェットを備えています。印刷用と管理者の エディタ用のスタイル、アイキャッチ画像（投稿、固定ページ上のヘッダー画像と注目の"固定"記事の大きな画像として）のサポート、6つの異なる投稿フォーマット>の特別なスタイルが含まれています。 Version: 1.3 License: GNU General Public License License URI: license.txt Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready */
↓
@charset "utf-8"; /* Theme Name: oki2a24 Theme URI: https://oki2a24.com/ Author: the oki2a24 Author URI: https://oki2a24.com/ Description: Twenty Eleven 1.3 を基にしたテーマです。 Version: 1.0 License: GNU General Public License License URI: license.txt Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready */
ウェブブラウザからWordPressの管理画面にアクセスし、外観 ＞ テーマ、にアクセスします。利用可能なテーマに新テーマ oki2a24 があるので、有効化して、完了♪♪♪
以上です。ねっ、簡単でしょ！
おまけ、テーマのコピーができたかどうか確認します。
見るポイントは次の二つ。
- 所有ユーザ・所有グループ、更新日
- 二つの階層の異なるディレクトリをチェックして再帰的にコピーできているか
ll /var/www/html/oki2a24.com/wp-content/themes/ 合計 12 -rw-r--r-- 1 apache apache 30 1月 4 11:07 index.php drwxr-xr-x 7 apache apache 4096 1月 4 11:07 oki2a24 drwxr-xr-x 7 apache apache 4096 1月 4 11:07 twentyeleven ll /var/www/html/oki2a24.com/wp-content/themes/oki2a24/ 合計 344 -rw-r--r-- 1 apache apache 1601 1月 4 11:07 404.php -rw-r--r-- 1 apache apache 2426 1月 4 11:07 archive.php -rw-r--r-- 1 apache apache 2926 1月 4 11:07 author.php -rw-r--r-- 1 apache apache 1928 1月 4 11:07 category.php drwxr-xr-x 2 apache apache 4096 1月 4 11:07 colors -rw-r--r-- 1 apache apache 3129 1月 4 11:07 comments.php -rw-r--r-- 1 apache apache 2102 1月 4 11:07 content-aside.php -rw-r--r-- 1 apache apache 1896 1月 4 11:07 content-featured.php -rw-r--r-- 1 apache apache 3977 1月 4 11:07 content-gallery.php -rw-r--r-- 1 apache apache 3453 1月 4 11:07 content-image.php -rw-r--r-- 1 apache apache 743 1月 4 11:07 content-intro.php -rw-r--r-- 1 apache apache 2100 1月 4 11:07 content-link.php -rw-r--r-- 1 apache apache 777 1月 4 11:07 content-page.php -rw-r--r-- 1 apache apache 3181 1月 4 11:07 content-quote.php -rw-r--r-- 1 apache apache 3150 1月 4 11:07 content-single.php -rw-r--r-- 1 apache apache 2216 1月 4 11:07 content-status.php -rw-r--r-- 1 apache apache 3695 1月 4 11:07 content.php -rw-r--r-- 1 apache apache 317 10月 29 09:17 editor-style-rtl.css -rw-r--r-- 1 apache apache 5011 7月 12 2011 editor-style.css -rw-r--r-- 1 apache apache 914 1月 4 11:07 footer.php -rw-r--r-- 1 apache apache 20856 1月 4 11:07 functions.php -rw-r--r-- 1 apache apache 4798 1月 4 11:07 header.php -rw-r--r-- 1 apache apache 4143 1月 4 11:07 image.php drwxr-xr-x 3 apache apache 4096 1月 4 11:07 images drwxr-xr-x 3 apache apache 4096 1月 4 11:07 inc -rw-r--r-- 1 apache apache 1491 1月 4 11:07 index.php drwxr-xr-x 2 apache apache 4096 1月 4 11:07 js drwxr-xr-x 2 apache apache 4096 1月 4 11:07 languages -rw-r--r-- 1 apache apache 15129 4月 21 2011 license.txt -rw-r--r-- 1 apache apache 692 1月 4 11:07 page.php -rw-r--r-- 1 apache apache 92 4月 21 2011 readme.txt -rw-r--r-- 1 apache apache 10976 11月 22 00:47 rtl.css -rw-r--r-- 1 apache apache 62878 7月 11 2011 screenshot.png -rw-r--r-- 1 apache apache 1639 1月 4 11:07 search.php -rw-r--r-- 1 apache apache 593 1月 4 11:07 searchform.php -rw-r--r-- 1 apache apache 7131 1月 4 11:07 showcase.php -rw-r--r-- 1 apache apache 1233 1月 4 11:07 sidebar-footer.php -rw-r--r-- 1 apache apache 563 1月 4 11:07 sidebar-page.php -rw-r--r-- 1 apache apache 956 1月 4 11:07 sidebar.php -rw-r--r-- 1 apache apache 932 1月 4 11:07 single.php -rw-r--r-- 1 apache apache 54352 1月 4 11:07 style.css -rw-r--r-- 1 apache apache 1888 1月 4 11:07 tag.php
