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