テーマ「FullSite-Patterner」のダウンロード
「FullSite-Patterner」は、WordPress公式テーマ登録を申請するため、テーマチェックをプラグインtheme checkにより行い、テストに合格しています。
「FullSite-Patterner」本体のダウンロードファイルは、WordPress管理画面からアップロードするための「fullsite-patterner-v1.zip」です。
WordPress公式テーマサイトへの登録準備をしておりますが、現在は当サイトのダウンロードページと、提携オンラインショップからダウンロード可能です。
無料テーマ FullSite-Patterner basic-trial
無料テーマの「FullSite-Patterner」はご自由にダウンロードしてお使いいただけます。
有料テーマ FullSite-Patterner
有料テーマの「FullSite-Patterner」は、ダウンロード販売を行っております。
ダウンロードファイルはいずれもzipファイルです。
ダウンロードファイル
ダウンロードファイルとして、テーマ本体のほか、次のファイルを提供しています。
| 無料テーマ | 有料テーマ | |
| テーマ本体 | fullsite-patterner.zip（機能限定版） | fullsite-patterner.zip（フル機能版） |
| 付属プラグイン | fullsite-patterner-seo.zip（機能限定版） | fullsite-patterner-seo.zip（フル機能版） |
| サンプルデータ | サンプルサイトデータ（使用法説明サイト）xml | サンプルサイトデータ（使用法説明サイト）xml |
| ダウンロード通知 | アップグレード用URL等のサポート情報 | アップグレード用URL等のサポート情報 |
テーマフォルダのファイル構成
ダウンロードファイルには他に、下記のファイルが含まれます。
 fullsite-patterner | |
  assets | |
| images | 画像フォルダ |
 | ブロックパターン、テンプレートパーツで使用するサンプル画像。 |
| fonts | Bootstrap iconフォントフォルダ |
| | Bootstrap iconフォント |
 bootstrap-icons.css | |
| functions | functions.phpから呼び出されるテーマ機能実行ファイル。 |
| headstyle.php | style.cssに上書きするスタイルの指定ファイル。head内で読み込み。 スタイルの指定は「外観」－ウィジェットから。 |
| blockpattern.php | テーマ独自のブロックパターンを登録できるようにする機能。 |
| widget.php | ユーザー設定のブロックパターンを登録できるようにする機能。 ユーザー設定のブロックパターンの登録は「外観」－ウィジェットから。 |
| block-pattern.php | ブロックパターンのカテゴリー設定ファイル。 |
| block-styles.php | ブロックのスタイルをUIで設定するためのファイル。 |
| languages | |
 | テーマ国際化のための翻訳ファイル。 |
| parts | |
| | テンプレートパーツを収納。 |
| patternes | |
| | テーマ独自のブロックパターン、ユーザー設定のブロックパターンを収納。 |
| templates | |
| front-page.html | サイトのトップページ用テンプレート。 |
| single.html | 個別記事用テンプレート。 |
| index.html | カテゴリーページ他のテンプレート。 |
| page.html | 固定ページ用テンプレート。 |
| search.html | 検索結果ページ用テンプレート。 |
| 404.html | 404ページ用テンプレート。 |
| update-checker | 有料テーマのアップデート通知用プラグイン。 |
| functions.php | functionsフォルダ内ファイルの呼び出し。 head内でのcss、Java scriptの読み込み。 記事概要文字数など、WordPressデフォルト機能の一部変更。 ブロックのスタイルの登録。 |
| theme.json | テーマの基本スタイル、独自カラーパレットの設定。 |
| style.css | テーマ独自のスタイル、ブロックパターンのスタイル指定。 |
| bootstrap.min.css | グリッド、ナビゲーション、カルーセルのみ（Bootstrap v3.3.6）。 |
| navigation-style.css | テーマ独自のナビゲーションメニュー（header-navbar）の色指定。 |
| j-query.min.js | Bootstrap v3.3.6用。 |
| bootstrap.min.jp | Bootstrap v3.3.6用。 |
 screenshot.png | テーマのスクリーンショット画像。 |
| readme.txt | read me テキスト。 |
当サイトのダウンロードページなどから、テーマの圧縮ファイル「fullsite-patterner.zip」を入手しておきます。
FullSite-Patternerのインストール方法
FTPによるインストール方法
FTPソフトを使ってご利用のサーバーにアクセスし、テーマディレクトリのフォルダ内に、解凍した「fullsite-patterner」フォルダ（上記の表）をそのままアップロードしてください。
下記の「外観」－「テーマ」管理画面から、FullSite-Patternerを有効化します。
WordPress管理画面からのインストール方法
WordPress管理画面から、「外観」－「テーマ」メニューを選択します。
画面上部の「新規追加」をクリックします。
下記画面のように、「テーマのアップロード」をクリック。
または下記画面のように、「新しいテーマを追加」をクリックします。
ファイルの「選択」が表示されますので、ダウンロードした「fullsite-patterner.zip」（無料版または有料フル機能版）を選択し、アップロード。
「今すぐインストール」ボタンが表示されますので、クリックするとインストールが開始されます。
インストールしたテーマを使うには、下記画面の「有効化」をクリック。
またはインストール済テーマの一覧の中から、「有効化」をクリックします。
これでテーマのインストールは完了します。
サイトの設定
試しにサイトを表示させてみると、初期設定のテンプレート通りに、下記のようにサンプルサイトが表示されるようになっています。
初期設定は、「1カラム・フレームあり・背景画像あり」（1column-frame-backimg）のテンプレートセットです。
ただし、サイトロゴを設定するまでは表示されず、ナビゲーション部分はログインユーザー用メニューバーに一部隠れています。
サイトロゴの設定
サイトロゴの設定は、まずロゴ画像を用意します。
大きさに決まりはないものの、おおむね、横幅が500ピクセル以内、、高さが200ピクセル以内が推奨です。
サイトロゴの設定は、「外観」－「エディター」を開いて行います。
ロゴの入る位置（ページ左上）に、斜線の入ったロゴスペースがありますので、ここをクリックしてロゴ画像をアップロードします。
下記はアップロードする際の画像の選択画面です。
「ファイルを選択」ボタンをクリックすると、ファイルをアップロード、またはメディアライブラリからの選択をする画面になります。
「外観」－「エディター」画面右上の「保存」ボタンをクリックすると、テンプレートの更新がされ、ロゴの設定が完了します。
試しにサイトを表示させてみると、ロゴが挿入され表示されました。
ナビゲーションメニューの設定
右側のナビゲーションメニューは、サンプルサイトのものです。
エディター画面で、テキストやリンク先の修正、追加や、ブロックの追加、変更などを行って、デザインの変更ができるようになっています。
なおテーマ独自のナビゲーションを含むヘッダー（header-navbar）は、ナビゲーションのhtmlの入れ子構造が複雑なため、文字色、背景色の変更はcssを変更しなければできません。
style.cssを直接いじらなくても変更できるよう、navigation-style.cssを用意しています。
テンプレート、テンプレートパーツのカスタマイズ
ブロックテーマのエディターでの編集は、慣れないと操作に手間取ったり、テンプレートやテンプレートパーツの保存などで、失敗をしがちです。
ブロックテーマ全般の使用方法の学習をするほか、当サイトでも注意事項を記載しています。
慣れるまでは無料テーマでいろいろいじってみることをお勧めします。
また「FullSite-Patterner」では、初期設定のテンプレートセットをはじめ、多数のページ全体のテンプレート、ヘッダーやフッター、その他のパーツのブロックパターンを用意しています。
テンプレートや、テンプレートパーツをカスタマイズして変更してしまっても、いつでもブロックパターンから元に戻すことが可能です。
サイト情報、ユーザー情報、パーマリンク等の設定
メニューの「設定」から、サイト情報やユーザー情報、表示設定、パーマリンクなどの設定を行っておきましょう。
特にサイト名やパーマリンクなどは、SEOの観点からも重要です。
また、プラグイン「FullSite-Patterner-seo」も、これらの情報からパンくずリストやメタタグなどを生成します。
カテゴリー名は特に、URLに含まれるのが好ましいでしょう。
WordPressの初期設定
カテゴリーとURL（スラッグ）を設定。
パーマリンクを設定。
サイトのタイトル、ロゴ、サイト名、キャッチフレーズなどを設定。
メニューの画像、ナビゲーションなどを自身のサイトに合わせて書き替え。
ブロックテーマのフルサイト編集機能により、サイトのカスタマイズが可能です。
「FullSite-Patterner」独自機能と操作・カスタマイズ方法
HOW TO USEにおいてご説明しています。
