不動産プラグイン テーマベース「UNPC」と「UNPC-Light」は「不動産プラグイン(無料版)シリーズ」「不動産プラグイン(Pro版)シリーズ」で利用する専用テーマです。
「不動産プラグイン テーマベース」を元にして「不動産プラグイン」を理解したり、新しいオリジナルビジネステーマを作成して再販する事を目的にしています。
「UNPC」は nendeb Bizパートナー向けの 不動産プラグイン専用の ビジネステーマです。
「UNPC-Light」は 「UNPC」の 廉価版で 2カラム(右サイドバー)固定 の 不動産プラグイン専用の ビジネステーマです。(他の機能は同じです)
「不動産プラグイン テーマベース UNPC」を利用する場合は 165,000円 (150,000円 + 消費税10%) をお願い致します。
「不動産プラグイン テーマベース UNPC-Light」を利用する場合は 82,500円 (75,000円 + 消費税10%) をお願い致します。
不動産プラグイン(本体)の 物件一覧 や 物件詳細テンプレート を利用していますので 不動産プラグインのバージョンアップにもなるべく対応しています。
不動産プラグイン テーマベース「UNPC」「UNPC-Light」は 100%GPL互換ライセンス ですので 商用・改造・再販可能でございます。(提供先へのサポートは御社でお願いします)
不動産プラグイン テーマベース「UNPC」「UNPC-Light」を ベースにして、自由にデザイン変更や機能を追加して 新しいオリジナルビジネステーマを作成してください。
【デモサイト】https://nendeb.jp/demo/
インストール
1.管理画面 外観 ->テーマ で[新規追加]ボタンをクリックします。
2.[アップロード]をクリックして、ファイルを選択して、テーマのZIPファイルを選択して、[今すぐインストール] をクリックします。
3.すぐに新しいテーマを使用するように[有効]をクリックします。
注意事項
WordPress5.6 以降をご利用ください。
php7.0 以降をご利用ください。(推奨 php7.4)
不動産プラグインは Ver5.6.0 以降をご利用ください。
以下のブラウザで動作確認しています。
Windows Edge/Firefox/chrome
Mac safari/Firefox/chrome
ios iPhoneSE/iPhone7/ipad Pro
IE11は動作確認しておりませんのでご了承ください。
ウィジェットエリアには それぞれ不動産プラグインシリーズで使えるすべてのウィジェットを設置してみてテストしてください。
このテーマを直接ユーザーへ提供した(再販)場合、提供先へのサポートは御社でお願いします。
※不動産プラグインシリーズのバージョンアップにより、作成したテーマの変更が必要な場合も御社で対応をお願いします。
このテーマ、又はこのテーマをベースに制作したテーマのソースは 誰でも閲覧・ダウンロードできる環境( WordPress公式 や GitHub等 )に登録しないでください。
テーマについて
子テーマ対応
子テーマに対応しております。
WordPress4.7 からの新関数を使用していますので子テーマが作りやすくなっています。
参考 https://nendeb.com/597
テーマ名
テーマフォルダ、テーマ名は unpc 又は unpc-light になっていますが 販売テーマにする場合は必ず変更してください。
サイトシーンによるテンプレート読込
トップ/一般ページ
| UNPC | トップ | 投稿 | 固定ページ | Fullwidthページ | アーカイブ | カテゴリ/タグ | サイト内検索 | 404 | アタッチメント |
| home.php | ○ | ||||||||
| single.php | ○ | ○ | |||||||
| page.php | ○ | ||||||||
| full-width-page.php | ○ | ||||||||
| archive.php | ○ | ○ | |||||||
| search.php | ○ | ||||||||
| 404.php | ○ | ||||||||
| header.php | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| sidebar.php | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | |
| footer.php | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
不動産物件表示関連
| UNPC | 物件一覧 | 物件詳細 | 物件カテゴリ/タグ | 物件キーワード検索 | インマップ |
| archive-fudo.php※ | ○ | ○ | ○ | ||
| single-fudo.php※ | ○ | ||||
| page-map_unpc.php※ | ○ | ||||
| header.php | ○ | ○ | ○ | ○ | ○ |
| sidebar.php | ○ | ○ | ○ | ○ | ○ |
| footer.php | ○ | ○ | ○ | ○ | ○ |
※single-fudo.php,archive-fudo.php は「不動産プラグイン(本体)」のテンプレートを読み込みます
※page-map_unpc.php は「不動産マッププラグイン」のテンプレートを読み込みます(不動産マッププラグインを利用している場合)
ヘッダー
ヘッダー header.php は カスタマイズ前提で作っています。
利用者のデザインや仕様によってカスタマイズしてください。
【ロゴ】
ロゴ画像はテーマカスタマイザーで設定できます。
※ロゴ画像だけにしたい場合は 直接 header.php に imgタグを貼り付けてください。
【電話番号】
ヘッダーの電話番号の所は 直接 header.php を変更してください。
電話のアイコンは 「– Tel Icon –」～ のところです。変更する場合ばimgタグやCSS等で変更してください。
【Googlemaps】
不動産マッププラグイン を利用していると ヘッダーにフルマップを設置する事もできます。
※ 以下のコードを functions.php または my-plugin.php に張り付けてください。
/* * use header Full-Map * @since unpc 5.6.0 */ add_filter( 'unpc_header_fullmap', '__return_true' );
※ ヘッダー画像が無いページのヘッダーにフルマップを表示するようになります。
【スライダー】
不動産ブロックスライダープラグインを利用していると ヘッダーやフッタへにスライダーを設置する事もできます。
①新規投稿ページで 表示したいスライダーを(非公開)で予め作ってください。(下書き保存のままでOKです)
②以下のコードを参考に functions.php または my-plugin.php に張り付けてください。
【例】テンプレートに挿入する場合(post_idが1717の場合)
/*
* 【Sample】unpcテーマベース ヘッダにスライダーを挿入
* ヘッダ do_action( 'unpc_header_branding' );
* ヘッダ下do_action( 'unpc_main_upper' );
* フッター上do_action( 'unpc_main_lower' );
* @since unpc 5.8.0
*/
function unpc_lite_header_branding(){
if( is_home() || is_front_page() ){
echo do_shortcode( '' );
}
}
add_action( 'unpc_header_branding', 'unpc_lite_header_branding' );
※「UNPC」「UNPC-Light」ver5.8.0～
【タイトルとヘッダ画像】
タイトルとヘッダ画像を重ねる事も可能です。style.css にサンプルコードがあります。
※その際には画像色と被って文字が見えにくくなる場合があります。文字色とヘッダ画像の選択には注意してください。
(文字色の変更はテーマカスタマイザーか CSSで変更してください。)
フッターの Copyright表示
必要ならば footer.php 内を変更してください。
レスポンシブ対応について
モバイル フレンドリー テストツールに 合格しています。
https://search.google.com/test/mobile-friendly
レスポンシブではサイドバーが段落ちした場合に Masonry で整列します。
【参考】https://nendeb.com/600
Masonryが不要な場合や、Masonryと他のライブラリとの競合等が原因で不具合があった場合、又はCSSテスト等で 停止したい場合は
functions.php 内の「define( ‘UNPC_MASONRY_MODE’, true );」を false にしてください。
レスポンシブにしない場合は
functions.php 内の「define( ‘UNPC_RESPONSIVE_MODE’, true );」を false にしてください。
※Masonryも停止します。
テーマカスタマイザー
テーマカスタマイザーでのデザイン面では以下の変更が可能です。
◆ヘッダー画像/動画(mp4等) の設置・解除
※ヘッダー画像/動画サイズは1400x273pxになります。
※前述のマップやスライダーの埋め込みをしている場合は被ったりする場合がありますので注意してください。
※動画ファイルは8Mまでになります。(WordPressの標準です)
※動画は画面幅899px以下になると表示されません。(WordPressの標準です)
◆タイトルロゴ(画像)の設置・解除
タイトルロゴはCSSで 高さ だけ指定していますが 必要な場合は CSSで高さ、幅等を調整してください。
※ロゴ(画像)のファイルアップロード時に「切抜き」画面がでてきますが切り抜かないで登録してください。
◆色の変更
ヘッダーテキストの文字色の変更
背景色の変更
リンクの文字色の変更
メインの文字色の変更
※色を変更する場合、PCの設定でダークモード状態になっている場合はダークモードCSSを一時的にコメントアウトしてください。
他にWordPress標準のウィジェットやメニュー等ありますがカスタマイズしていませんので割愛します。
ヘッダ画像/動画はトップページだけ表示されます。
全てのページで表示したい場合は、以下のコードを functions.php または my-plugin.php に張り付けてください。
/*
* all use header image
*
* @since unpc 5.6.0
*/
function unpc_all_use_header_image(){
add_filter( 'unpc_has_header_image', '__return_true' );
}
add_action( 'init', 'unpc_all_use_header_image' );
※ヘッダーフルマップ表示設定をしていると、マップ優先になります。
デフォルトのヘッダ画像サイズを変更したい場合
/unpc/inc/custom-header.php 内
'width' => 1400, 'height' => 273,
の部分を変更してください。
テーマオプション(UNPCのみ)
テーマオプションでは２カラム・３カラムの設定変更が可能です。
※2カラム を選択した場合は、ウィジェットエリア [サイドバー2] は表示されなくなります。
2カラムは wide:1200px、ベース font-size:18px です。
3カラムは wide:1200px、ベース font-size:16px です。
※「不動産プラグイン テーマベース UNPC-Light」は 2カラム 固定になります。(テーマオプションページはありません)
Full Width Page
投稿ページ・固定ページ ではサイドバー無しの「Full width page(1カラム)」を選択する事ができます。
各 編集ページの「テンプレート」で選択してください。
物件一覧ぺージ や 物件詳細ぺージ を オリジナルに変更したい場合
こちらを参考に、最新の不動産プラグイン(本体) からファイル(テンプレート)を テーマフォルダへ コピーしてください。
コピーしたファイル(テンプレート)を変更してください。
【参考】不動産プラグイン用のオリジナルテーマを作成する場合 https://nendeb.jp/387
この中での読み替えコードもテーマに追記してください。
「物件詳細ページ(single-fudo.php)をコピーした場合」
「物件一覧ぺージ(archive-fudo.phpとarchive-fudo-loop.php)をコピーした場合」
※home.phpはすでにコピーしています。
UNPC/UNPC-Lightテーマでは読み替え用コードは unpc/inc/unpc.php に設置してください。(サンプルコードがあります)
トップページテンプレートにオリジナルのコードやコンテンツを入れたい場合
テーマ内の home.php を触ってください。 index.phpではありません。
フロントページ
home.phpを触らずに 固定ページや投稿ページをトップページにする事も可能です。
トップページにはウイジェットが不要な場合で、後からでも自由に変更したい場合には最適です。
また、Full Width Pageを使う事でサイドウイジェットも非表示にする事もできます。
【例】
固定ページを新規作成してトップページコンテンツを入力します。
管理画面 編集→表示設定で固定ページを指定します。
※タイトルを空欄にしてh1を表示させなくする事も可能です。
他プラグイン
投稿ページでのページナビゲーションでは「WP-PageNavi」に対応しています。
PageNavi 設定で
総ページ数用テキスト「%TOTAL_PAGES%ページ」
pagenavi-css.css を使用「いいえ」
にすると 物件一覧ページ のようなデザインで表示されます。
WP-PageNavi
https://ja.wordpress.org/plugins/wp-pagenavi/
バージョン表記
テーマの不具合や問合せ等の対応のために テーマのバージョンをHTMLソースを見たらわかるようにしてください。
例 ソースは inc/unpc.php にあります。
メディア設定→画像サイズ
WordPressでは、画像をアップロードした時に複数のサイズの画像を生成しています。
標準の画像サイズは
①サムネイルサイズ : 150x150px
②中サイズ : 300x300px
③大サイズ : 1024x1024px
になっていますが、不動産プラグイン テーマベース には合いません。
不動産プラグイン テーマベースではテーマを有効化した時に 各画像サイズを変更するようにしています。
※変更した画像サイズが希望のと違う場合はテーマ有効化後に再設定してください。
※すでにユーザーが他のサイズに変更されている場合は、変更しません。
テーマレイアウト・CSSについて
CSSは下記4つに分割しております。
HTMLでは 「ヘッダー(header)」「メイン(#main)」「フッター(footer)」の順で出力しています。
「メイン(#main)」内では 「コンテナ(#container)」「サイドバー(#secondary)」「 サイドバー(#tertiary)」の順で出力しています。
※2カラムでは「サイドバー(#tertiary)」は出力しません。
①style.css主にレイアウト、基本的な部分
大枠ではヘッダー/メイン/フッターに分けています。それぞれ分割していますので ヘッダー/フッター だけ width を100% に簡単にできます。
┏━━━━━━┓
┃ ┃ ヘッダー header
┗━━━━━━┛
┏━━━━━━┓
┃ ┃
┃ ┃ メイン #main
┃ ┃
┗━━━━━━┛
┏━━━━━━┓
┃ ┃ フッター footer
┗━━━━━━┛
メイン #main 内 では コンテナ と サイドバー が入っています。
2カラム
main幅 1200px
container幅 840px
sidebar幅 300px
※右/左サイドバー切り替え可能
※「不動産プラグイン テーマベース UNPC-Light」は 右サイドバー固定になります。
3カラム
main幅 1200px
container幅 650px
sidebar幅 240px
※「不動産プラグイン テーマベース UNPC-Light」は 3カラムはありません。
②style-fudou.css
不動産プラグインのパーツ、物件一覧、物件詳細、各ウィジェット用等
③style_media.css
レスポンシブ専用のオーバーライドCSSです。
④style-pro.css
不動産プラグインPro 用のCSSです。(不動産プラグインPro以外は読み込まれません)
※不動産プラグイン(本体)内の CSS は使用しません。
ダークモード
ダークモードに対応する事もできます。(標準では機能を停止させています)
ダークモードに対応させる場合は style.cssに以下の記述がありますのでコメントアウトを外してください。
/* dark mode */
/*
@media (prefers-color-scheme: dark) {
body {
background-color: #28303d;
color: #f0f0f0;
}
select,
input,
a:not(.site-navigation) {
color: #f0f0f0;
}
.site-contact-text,
.site-title a,
.site-description,
.site-contact-text,
.site-title a,
.site-description{
color: #f0f0f0 !important;
}
.contact_tel {
fill: #f0f0f0 !important;
}
}
*/
テーマの精度
エラー出力
開発する場合は 開発環境のWordPressのデバッグモードにしましょう
wp-config.php に以下のコードを追加するだけです。
define( “WP_DEBUG”, true );
define( “WP_DEBUG_LOG”, true );
「WordPressでのデバッグ」
https://wpdocs.osdn.jp/WordPress%E3%81%A7%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0
※エラー表示しないで画面が真っ白になる場合は サーバーphp.ini の error_reporting を確認してください。
テーマを変更した場合は必ず Theme Checkしてください。
内容を変更して再配布する場合は「Theme Checkプラグイン」でエラー確認を行ってください。
「Theme Checkプラグイン」
https://ja.wordpress.org/plugins/theme-check/
※印刷可能でない文字が・・と出た場合、コンテンツでの全角文字エラーはしょうがないのでパスしてください。
WordPress コーディング規約
必須ではありませんが「WordPress コーディング規約」をご覧ください。
他の人でも見やすいコードを書きましょう。
「WordPress コーディング規約」
https://ja.wordpress.org/team/handbook/coding-standards/wordpress-coding-standards/
不動産プラグイン テーマベース UNPC お支払い・ダウンロード
不動産プラグインマーケット サイトへ移動します。
※不動産プラグインマーケットパートナーでなくても この不動産プラグイン テーマベース を購入する事もできます。
不動産プラグイン テーマベース UNPC-Light お支払い・ダウンロード
不動産プラグインマーケット サイトへ移動します。
※不動産プラグインマーケットパートナーでなくても この不動産プラグイン テーマベース を購入する事もできます。