RECENT POSTS



BuddyPress(ワードプレス プラグイン)の子テーマは必須。作成方法

Categories | ブログ(WordPress) BuddyPress

BuddyPress(ワードプレス プラグイン)の子テーマは必須。

作成方法を紹介します。

 

プラグイン「BuddyPress」は、当サイト内(KAWASAKI Motorcycle Q & A)にて、

DW Question Answer」のアイテムとして利用しています。

そして、独自にプラグインBuddyPressの「style.css」をいじり、

レイアウト等変更しています。

ところが、BuddyPressは不定期にバージョンアップされます。

その際、独自に変更した内容に上書きされ、

手を加えた全てのデータが消えてしまいます。

結構ショックなことです。私がそうだったように。

 

◆ プラグイン(テーマ)の子テーマを作る概要

独自にカスタマイズしたプラグインに、アップデート(上書き)されることを回避するための措置。

独自にカスタマイズしたテーマ(プラグイン)を「子テーマ」とし、

親テーマがバージョンアップされても、子テーマの情報を親テーマに継承する構築法。

 

BuddyPress管理サイドのコメント

bpデフォルトの子テーマを作成することは、BuddyPressテーマを作成するための最も簡単で将来に適した方法です。 bp-defaultテーマの機能を利用する以外に、自分のニーズに合わせて調整することができます。 bp-defaultテーマを拡張することで、コアbp-defaultテーマファイルを維持しながら、JS、AJAX、および必要に応じてCSSのすべてのテンプレートを継承します。 BuddyPressの新しいバージョンが更新されたデフォルトテーマでリリースされると、あなたのテーマはそれと一緒に自動的に更新されます! (1)子テーマにコピーして調整するか、(2)子テーマディレクトリに新しい「同名」のテンプレートファイルを作成するだけで、親テーマテンプレートを上書きできます。 独自のCSS、JS、AJAX機能を追加することもできます。

参考まで

Building a Child Theme of the BP Default Theme

 

それではBuddyPress子テーマ作成の説明に入ります。

 

1. デフォルトテーマ「bp-default」フォルダをまるごとコピー&ペースト

BuddyPressのテーマが置かれている階層は、

wp-content/plugins/buddypress/bp-themes/bp-default

この「bp-default」が BuddyPress のデフォルトテーマになります。

通常バージョンアップされると、ここが更新されます。

そしてここにペースト ↓

wp-content/themes/bp-default

※ 属性(パーミッション)は「755」。

 

ワードプレス本体で認識されているか、確認してみる。

ダッシュボード > 外観 > テーマ

01 02 BuddyPress(ワードプレス プラグイン)の子テーマは必須。作成方法

 

2. 子テーマフォルダ「BuddyPress-child」」を作成してアップロード

デスクトップに新しいフォルダを作り、フォルダ名を「BuddyPress-child」に変更。

 ↓ ここにアップロード

wp-content/themes/BuddyPress-child

※ 属性(パーミッション)は「755」。

 

 

3. style.cssファイルを作成し、BuddyPress-child にアップロード

style.cssに下記記述。

/*
Theme Name: BuddyPress child
Theme URI: http://example.org/themes/BuddyPress-child
Description: プラグイン「BuddyPress」の子テーマ
Version: 1.0
Author: xx
Author URI: http://example.org/
Template: bp-default
Tags: buddypress, two-column, grey, dark
*/

 ↓ style.cssはここにアップロード

wp-content/themes/BuddyPress-child/style.css

 

Theme URI/Author/Author URI: 任意のものに変更してください。

Template:bp-default
WordPressにBuddyPressのデフォルトテーマ(bp-default)を親テーマとして使い、そこからすべてのテンプレートを継承することを伝える。

 Tags:buddypress, two-column, grey, dark
BuddyPressと互換性のあるテーマを使用していることをBuddyPressに伝えます。

 

 

4. functions.phpファイルを作成し、BuddyPress-child にアップロード

functions.phpに下記記述。

<?php
if ( !function_exists( 'bp_dtheme_enqueue_styles' ) ) :
    function bp_dtheme_enqueue_styles() {}
endif;
?>

 

デフォルトテーマ(親テーマ)と子テーマを紐付けします。

「functions.php」に下記記述。ファイルが置かれている階層は

wp-content/themes/BuddyPress-child/functions.php

 

(注意)文字コード(エンコーディング)を必ず「UTF-8」にして保存すること。

これを怠るとまともに動きません。

 

正直なところ、今回の構築が上手くなされているかの検証していません。

何故なら、バージョンアップはまだしていないし、カスタマイズもね。

当サイトにてBuddyPressのバージョンアップした時、問題があれば追記したいと思います。

しまい

Comment(0) | Trackback(2)

TAGS: / / / / | 2019年2月8日 |

BuddyPress(WordPress)プラグイン カスタマイズ集

BuddyPress(WordPress)プラグイン カスタマイズ集

BuddyPress(WordPress)プラグイン カスタマイズ集   BuddyPressは、WordPress上にプラグインとしてインストールすることで、 独自のSNS機能が利用できる。   私…

ブログ(WordPress) BuddyPress

続きを読む

よく使うhtmlタグをプラグイン「AddQuicktag」に登録してボタン化

よく使うhtmlタグをプラグイン「AddQuicktag」に登録してボタン化

テキストエディタで記事を書くことが多くなったので、 楽にタグ打ち出来るようプラグイン「AddQuicktag」を導入しました。       プラグイン「AddQuicktag」をインストール…

ブログ(WordPress)

続きを読む

Google+(グーグルプラス)が2019年4月2日にサービスを終了するらしい

Google+(グーグルプラス)が2019年4月2日にサービスを終了するらしい

Google+(グーグルプラス)が2019年4月2日にサービスを終了     Bメールが飛んできました。 G+って、Googleが作った、他社に対抗のSNSと認識してましたが、 私はほぼほぼ利用したこ…

パソコン

続きを読む

SyntaxHighlighter Evolved 文字サイズを指定する方法

SyntaxHighlighter Evolved 文字サイズを指定する方法

SyntaxHighlighter Evolved 文字サイズを指定する方法 SyntaxHighlighter Evolved とは、 ワードプレス(WordPress)のプラグイン(機能拡張)。 ブログ記事内にソース…

ブログ(WordPress)

続きを読む

「コンテンツの幅が画面の幅を超えています」モバイル ユーザビリティ 修正方法

「コンテンツの幅が画面の幅を超えています」モバイル ユーザビリティ 修正方法

「コンテンツの幅が画面の幅を超えています」モバイル ユーザビリティ 修正方法   SEOに良かれと、「Google Search Console」を利用してますが、 ここのところ急激に「モバイル ユーザビリティ…

ホームページ SEO

続きを読む

【大黒屋 天麩羅】 浅草でのランチは天丼

【大黒屋 天麩羅】 浅草でのランチは天丼

【大黒屋 天麩羅】 浅草でのランチは天丼 浅草七福神巡りの帰りにランチしてきました。 どこでランチするかは決まってましたが、そのお店のランチタイムに間に合わず、 浅草寺付近で迷いながらウロウロのスマホで検索。 評価ヨサゲ…

衣・食・住

続きを読む

浅草七福神巡り 後編 2019

浅草七福神巡り 後編 2019

浅草七福神巡り 後編 2019 ヒジリ家 正月恒例 第二回 七福神巡り   「浅草七福神 前編」では、途中で雨に降られ、4ヵ所廻って泣く泣く断念しましたが、 今回再チャレンジし、コンプリートしてきました。 後編…

アウトドア

続きを読む

WordPress(ワードプレス)の投稿記事をホームページ(html)に貼り付ける方法

WordPress(ワードプレス)の投稿記事をホームページ(html)に貼り付ける方法

WordPressの投稿記事を自動的にホームページ(HTMLサイト)へ表示させたいと 思ったことはありませんか? 「ブログはWordPressで運営しているけれど、 別で作っている企業ホームページ(HTML)にも最新記事…

ホームページ ブログ(WordPress) SEO

続きを読む

「シーガー フロロマイスター 10lb」をカシータスに巻く

「シーガー フロロマイスター 10lb」をカシータスに巻く

「シーガー フロロマイスター 10lb」をカシータスに巻く フロロマイスターを購入したのは去年の5月のこと。 アルデバランBFS用に買ったのはいいが、 これがまた扱いにくいと言うか、使い手が下手だと言うか。 バックラばっ…

フィッシング

続きを読む

« 古い記事 新しい記事 »