【wordpress】buddypressでの子テーマの作リ方
先日BuddyPressのインストール方法をお伝えしましたが、インストールしたままテーマを変えていなければ普通のブログと見た目が変わらない感じになっていると思います。
やはりそれではSNSとしては味気ないので、今回はSNSっぽくデザイン(テーマ)を変えてみます。
そこで必要になるのが「子テーマ」です。
WordPressではテーマをカスタマイズできるのですが、登録されているテーマを直接カスタマイズしてしまうと、その後のアップデート等に対応できなくなってしまいます。
カスタマイズする際はまず既存のテーマから「子テーマ」を作り、その子テーマをカスタマイズしていくようなやり方が望ましいのです。
それでは早速子テーマを作ってみましょう。
1.BuddyPressのテーマを設置する
BuddyPressを入れたらテーマが反映されると思ってたら、テーマは反映されないです。
反映させるには、ちょっと手を加える必要があります。
まずサーバーにBuddyPressを配置したパスの中の
/wp-content/plugins/buddypress/bp-themes/
を見てください。
ここに設置している「bp-default」がBuddyPressのデフォルトテーマになります。
これをそのまま/wp-content/themes/にアップロードしましょう。
取りあえずBuddyPressのテーマをデフォルトで使うのであれば、これでOKです。
デフォルトテーマを有効化しましょう。
よっしゃ、さっそくこれをカスタマイズ・・・といきたいところですが、上記の理由からカスタマイズは別テーマで行います。
デフォルトテーマをカスタマイズすると、テーマがアップデートしたりメンテナンスされたりした際に、対象外になってしまいます。
それを避けるために子テーマをつくるのです。
2.ディレクトリを作る
デフォルトテーマとは別に、子テーマ用のディレクトリを用意します。
名前は何でもいいですが、分かりやすいものがいいでしょう。ここでは「buddy-child」としています。
ディレクトリの設置場所は
/wp-contents/themes/です。
パーミッションは他のテーマのディレクトリと同じ「755」です。
3.スタイルシート(CSS)を作る
ディレクトリを作ったら、その中に「style.css」というファイルを作ります。
内容は以下のように記述します。
/* Theme Name: buddy-child Template: bp-default */
この「Template」が重要です。ここで記述されたテーマ名が子テーマにとっての「親テーマ」になります。
つまり、親テーマを引き継ぐことになります。
4.テーマを有効化する
CSSができたらいったんWPの管理画面からテーマを確認してみてください。
今作ったCSSのテーマ名が反映されて「buddy-child」が追加されていると思います。
早速「有効化」しましょう。
5.親テーマのCSSを読み込む
ここまでできてフロント画面を見てみると、あれ?と思うこととなります。
CSSが効いておらず、プレーンなHTMLとして表示されています。
これは、上記2.で作ったCSSが効いているため起こることです。
あわてずに親テーマをインポートしましょう。
/* Theme Name: Child Template: bp-default */ @import url('../bp-default/style.css');
ここまでできればカスタマイズ準備完了です。
カスタマイズしたい部分に手を入れていきましょう。
!注意!
1.アップデートによる上書き
この方法は、親テーマがアップデートされると子テーマにもアップデートが反映される方法です。
もし親テーマのアップデートの影響を受けないようにする場合は、普通のテーマと同じように記述してください。
簡単な方法は、bp-default のディレクトリごとコピーして別名で保存する方法です。
2.function.php のカスタマイズ
上記の方法で子テーマを作った場合、function.php を編集する際に注意が必要です。
具体的に言うと子テーマのfunction.phpには同名でオーバーライド(上書き)できず、親テーマの追加という形で読み込まれる、ということです。
function.phpの内容を編集したい場合は、親テーマのfunction.phpを直接編集する必要があります。
親テーマのアップデートがあった場合など、編集した内容が失われてしまうので、注意が必要です。(バックアップ等をとっておきましょう。)
Google AD
関連記事
-
-
【なぜ?!】ブログの直帰率が激減しました【GoogleAnalytics】
少し前から気づいていましたが、このブログの直帰率が激減しました。 まずはこちらの図表からどうぞ。
-
-
【育児】パパになってもうすぐ2年になります【近況】
最近、自分が完全に親ばかになっている感じがします。 どの親でもわが子はかわいいと言いますが
-
-
NO MUSIC,NO LIFE.メーカー作ってみた
以前から、画像を使ったアプリを作ってみたいと思い、GDを使ったアプリを作ってみました。 N
-
-
自分の黒歴史を公表するよ その1
何のきっかけか分からないんですが、ふとしたはずみで自分の黒歴史を思い出したのでエントリーしま
-
-
facebook for PHP SDKを使ってCakePHPでログアウトとポストする方法
ソチオリンピックではスノーボード・ハーフパイプで平野さん・平岡さんが初のメダル獲得をしました
-
-
【体験談】6年間禁煙を続けられた自分の、禁煙の始め方
4月1日から消費税が8%になり、日用品への影響が少しずつ出てきているころです。 自分はお酒
-
-
composerでcakephpをインストールしてプロジェクトを始めてみる
こんにちは!今日も寒いです。 この時期になると気になってくるのが花粉症です。 自分は花粉
-
-
シェーバー買い換えたら進化が凄くてビビッた
かなり昔に購入したシェーバーを買い換えました。 ↓こちらが以前使っていたシェーバーです。
-
-
IIJmioに申し込んでモバイルバッテリー当たったった
(写真はイメージです) 4月28日のエントリーで、スマホの回線・データ通信をIIJmi
Comment
[…] 【wordpress】buddypressでの子テーマの作リ方 | world is wonderful always […]