カテゴリー
WordPress

テーマ名を変更して WordPressのTwenty Elevenをオリジナルテーマにしていく第一歩とする!

oki2a24 - Just another oki2a24 site.jpg

テーマ、変えていきたいですよね。僕は最初「これでいいや♪」と思っていましたけど、いじりたくなりました。サーバすべてほぼ自由にいじれるのでやらない手はありませんし!ありませんし!そこで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

コメントを残す