設定マニュアル

Copyright © 2019 Job Plus

目次
目次
1. はじめに

3

JOB PLUS 動作環境

3

2. 管理画面ダッシュボード

4

ダッシュボード画面

4

管理画面メニューについて4

3. 基本設定

4

基本設定

4

共通スタイル

4

ヘッダー

4

フッター

4

ワークフロー

4

ブログ設定

4

ポップアップ4

4. ウィジェット4

5. コンテンツの作成・編集

4

固定ページ『ブロック』の作成

4

エディター設定

4

各コンテンツ設定

4

6. ブログページ設定

4

7. メニュー設定

4

8. その他

42

1. はじめにJOB PLUS 動作環境
JOB PLUS をご利用いただくためには、以下の環境を推奨しております。
■サーバー環境・WordPress 4.7.2 以降
・PHP ver5.4 以上 ( ※ PHP 7.0 動作確認済 )・MySQL ver.5.0.15 以降 (ver.5.4 以上推奨 )・FTP ファイルによる転送に対応
・.htaccess を設置、利用できるウェブサーバー■対象ブラウザ
以下のブラウザにて正常表示を確認しています。
・Chrome・FireFox
・Safari・ Edge
・Internet Explorer 11※バージョンによって若干表示が異なる、またはブラウザ側の問題により一部のブラウザで正常な表示ができない場合があります。
※正常に表示するにはブラウザにて JavaScript が有効になっている必要があります。
※各ブラウザの旧バージョンによっては、一部正常に表示されない場合があります。

【ご注意】
初期インストール時は、サイトが完成するまで検索エンジンにインデックスされない設定にしてあります。
サイト公開時には、必ず、[ 設定 ]-[ 表示設定 ] > [ 検索エンジンがサイトをインデックスしないようにする ] のチェックを外すのを忘れないようにしてください。
このチェックがついてままですとサイトが検索エンジンにインデックスされなくなります。

3

2. 管理画面ダッシュボード
ダッシュボード画面
ログイン後に表示される画面です。

管理画面メニューについて●投稿●スライダー・投稿一覧 … 登録済みの記事を一覧で表示。BLOG 等の記事の編集、削除を・すべての項目 … 登録済みの項目を一覧で表示。

行います。

・新規追加 … スライダーで使用する画像の追加を行います。

・新規追加 … 記事の追加を行います。
・カテゴリー … 記事のカテゴリーを設定します。

●アイキャッチ
・すべての項目 … 登録済みの項目を一覧で表示。

●メディア

・新規追加 … アイキャッチで使用する画像のアップロードや、コンテンツの・ライブラリ … サイトに UP されたメディア（画像や動画）の管理を行います。

入力を行います。

●固定ページ●ショップリスト

・固定ページ一覧 … 登録済みの固定ページを一覧で表示。

・すべての項目 … 登録済みの項目を一覧で表示。

固定ページの編集、削除を行います。

・新規追加 … ショップリストで使用する画像のアップロードや、コンテンツ・新規追加 … 固定ページの追加を行います。の入力を行います。

● FAQ●お問い合わせ・すべての項目 … 登録済みの項目を一覧で表示。

・コンタクトフォーム … お問い合わせフォームの設定を行います。

・新規追加 … よくある質問の Q&A の追加を行います。(1 投稿が、1 つの・新規追加 … メールフォームの新規作成を行います。

Q&A になります。)●スタッフ紹介
・すべての項目 … 登録済みの項目を一覧で表示。

4

2. 管理画面ダッシュボード●外観・カスタマイズ … サイトの基本情報や、メニュー、ウィジェットの設定を行います。
・ウィジェット … トップページのブロックやサイドバー、フッターウィジェットの設定を行います。( ※カスタマイザーからも可能 )・メニュー … グローバルメニューやドロワーメニュー等のナビゲーションメ
ニューの登録、設定を行います。( ※カスタマイザーからも可能 )●プラグイン・Wordpress プラグインのインストールをこちらから行えます。

5

3. 基本設定
管理画面メニューの、[ 基本設定 ] をクリックします。
最初に、ここからサイト全体の基本設定を行ってください。

基本設定「基本設定」タブをクリックします。
■店舗名
店名、会社名等を入力します。
■サイトのキャッチフレーズ
ロゴ画像の上部に表示されるテキストを入力します。
※ h1 タグとして使用されます。
■住所
住所がある場合は、入力します。
■受付時間
受付時間を入力します。
■電話番号
電話番号を入力します。
※必ず、011-000-0000 のような表記で記述。
それ以外のテキストを入れると、スマートフォンで電話をかけることができなくなりますのでご注意でください。
■問い合わせ用メールアドレスメールアドレスを入力します。
■ローディング画面を表示するサイトのローディング画面を表示する場合は、チェックをつけます。
■ LINE URL
LINE の URL を入力します。
■ LINE ID
LINE の ID を入力します。
■ LINE QR コード
LINE の QR コード画像をアップロードします。
■ iphone 用ホームアイコン
スマートフォンで表示されるホーム画面用アイコンをアップロードします。
推奨 : 152px x 152px ( 推奨 : 24bit PNG)
■ favicon( ファビコン )サイトのお気に入りアイコン ( ファビコン ) をアップロードします。
推奨 : 16x16px PNG / Gif6

3. 基本設定■メタ説明文
メタ説明文 (meta description) を入力します。(140 文字以内推奨 )※ SEO 系プラグインをインストールしている場合は、ここでは入力する必要はありません .
■ Google アナリティクス

トラッキング ID

Google アナリティクスを使用する場合に、トラッキング ID を入力します。
記入例 : UA-12345■ Twitter ユーザー名
Twitter のアカウント @（オプション）から後ろを入力してください .
Twitter card を設定する場合に必要です。
■ Facebook OGP 画像
facebook で、TOP ページがシェアされた際に表示する画像をアップロードできます。
■固定フッターを表示する ( スマートフォン )チェックをつけると、[ 基本設定 ] で、電話番号、LINE URL、メールアドレスを入力している場合に、フッターに固定で表示されます。
■サイドバーの固定アイコンを表示する ( デスクトップ )
チェックをつけると、[ 基本設定 ] で、電話番号、LINE URL、メールアドレスを入力している場合に、サイドバーに固定で表示されます。

7

3. 基本設定
共通スタイル「共通スタイル」タブをクリックします。
■背景色
サイトの背景色をカラーピッカーで指定できます。
■背景画像
サイトの背景画像をアップロードできます。
■背景画像のリピート設定
背景画像のリピート設定を行います。
■背景画像のスクロール設定
背景画像のスクロール設定を行います。
■背景画像の表示設定
背景画像の表示位置を指定します。
■サイトのメインカラー
サイト全体のメインカラーを、カラーピッカーで設定します。
ここで指定したカラーは、サイト内の各パーツに適用されます。
■サイトの最大幅コンテンツを表示する最大幅を設定します。
■フォント色サイト全体の基本フォント色を、カラーピッカーで設定します。
■リンク色
サイト全体のリンク色を、カラーピッカーで設定します。
■フッターの背景色
フッターの背景色を、カラーピッカーで設定します。

■フッターのテキスト色・游明朝

フッターのテキスト色を、カラーピッカーで設定します。

・メイリオ (Mac ではヒラギノ )・丸ゴシック■ h1 見出しフォントサイズ■ h2 見出しフォントサイズの 4 種類から指定できます。

■ h3 見出しフォントサイズ※コンテンツ単位でも、個別に日本語フォントを指定できます。

h1 〜 h3 タグの基本フォントサイズを指定します。
■欧文フォント■本文のフォントサイズ

欧文フォントを指定します。

本文の基本フォントサイズを指定します。

※電話番号、メールアドレス等にフォントに反映されます。

■見出しのフォント■見出しのフォントの太さ

見出しの日本語フォントを、見出しのフォントの太さを指定します。

・Noto Sans( ゴシック )8

3. 基本設定
ヘッダー「ヘッダー」タブをクリックします。
■表示スタイル
ヘッダーの表示スタイルを、2 パターンから選択します。
■カスタムロゴ
ロゴ画像をアップロードした場合に、ロゴ画像を表示します。
表示サイズの 2 倍以上のサイズのロゴ画像をアップロードすることで、Retinaディスプレイやスマートフォンで、ロゴ画像を綺麗に表示することがてきます。
■ロゴの最大高さ
アップロードしたロゴ画像の、表示上の高さを指定します。
■背景色
ヘッダーの背景色を、カラーピツカーで指定できます。
■テキスト色
ヘッダーのテキスト色、メニュー色を、カラーピツカーで指定できます。

ヘッダーの表示スタイル
シンプル ( ロゴ + メニュー )フル表示 ( ロゴ + 電話番号、メールアドレス、LINE QR コード、LINE ID、メニュー )9

3. 基本設定
フッター「フッター」タブをクリックします。
■背景色
フッターの背景色を、カラーピッカーで設定します。
■テキスト色フッターのテキスト色を、カラーピッカーで設定します。
■フッターの分割ウィジェット数
フッターウィジェットの列数を、1 〜 3 列の間で指定します。

10

3. 基本設定
ワークフロー「ワークフロー」タブをクリックします。
ここで設定した内容は、固定ページ「ワークフロー」に反映されます。
■アイコン背景色
丸いアイコンの背景色を、カラーピッカーで設定します。
([ 固定ページ -[ ワークフロー ] で、[ アイキャッチ画像 ] をアップロードすることで、アイコン個別に画像を表示することもできます。)■枠線色
枠線の色を、カラーピッカーで設定します。
■枠線の種類
枠線の種類を、点線、太線のどちらかを指定します。
■見出しのテキスト色
見出しのテキスト色を、ラーピッカーで設定します。
■矢印アイコンの種類
矢印アイコンを、4 種類のデザインから指定します。

11

3. 基本設定
ブログ設定「ブログ設定」タブをクリックします。
ここで設定した内容は、投稿一覧ページ、投稿ページに反映されます。
■カラム設定
投稿一覧ページのレイアウトを、
・1 カラム・2 カラム ( 右サイドバー )・2 カラム ( 左サイドバー )から設定します。
■ブログ一覧の表示形式
投稿一覧ページについて、記事の表示形式を、ブログ一覧の表示形式
アイキャッチ画像 + タイトル (3 列 )・アイキャッチ画像 + タイトル (3 列 )・アイキャッチ画像 + タイトル (1 列 )・タイトルから設定します。
■抜粋の文字数
ここで指定した文字数で、本文が省略表示されます。
※ 0 にすると、抜粋を表示しません )■投稿者名を表示
チェックをつけると、記事タイトルの下に投稿者名を表示します。

アイキャッチ画像 + タイトル (1 列 )■カテゴリー名を表示
チェックをつけると、記事タイトルの下にカテゴリーを表示します。
■タグを表示チェックをつけると、記事タイトルの下にタグを表示します。

タイトル12

3. 基本設定
ポップアップ「ポップアップ」タブをクリックします。
■表示設定「18 歳認証ページを表示」を選択すると、風俗求人サイトで、サイトのアクセス時に、「18 歳認証ページを表示」を表示します。
「18 歳以上」ボタンをクリックすると、この認証画面は、24 時間表示されません。
表示しない場合は、「表示しない」を選択してください。

■認証ページのテキスト ( ボタン上部 )「表示設定」で、「18 歳認証ページを表示」を選択した場合、選認証ページのボタン上部のテキストを入力します。

■認証ページのテキスト ( ボタン下部 )「表示設定」で、「18 歳認証ページを表示」を選択した場合、選認証ページのボタン下部のテキストを入力します。

13

4. ウィジェット
[ 外観 ]-[ ウィジェット ] をクリックします。
JOB PLUS には、以下の最大 6 ヶ所のウィジェットエリアがあります。
「利用できるウィジェット」から、それぞれのウィジェットエリアに、表示したいウィジェットを、ドラッグで追加します。

利用できるウィジェット■ BLOG… [ 投稿 ] で登録した記事一覧を表示するウィジェットです。

ウィジェットの設定オプションから、タイトル、サブタイトル、カラム数等を設定出来ます。
■ FAQ… [FAQ] で登録した項目を、よくある質問などの対話形式で表示するウィジェットです。

ウィジェットの設定オプションから、タイトル、サブタイトルと、表示形式 (「アコーディオン」「吹き出し」)を設定出来ます。
■アイキャッチ… [ アイキャッチ ] で登録した画像や、コンテンツを、カード型で式で表示するウィジェッ

トです。カラム数を設定出来ます。
■フロントページ用固定ページ… トップページに表示する固定ページ『ブロック』を表示するウィジェッ

トです。
表示する固定ページを、プルダウンから選択します。
■スタッフ紹介… [ スタッフ紹介 ] で登録した項目を、一覧で表示するウィジェットです。お客様の声や、先輩インタビュー等の用途で利用できます。
ウィジェットの設定オプションから、タイトル、サブタイトルを設定出来ます。
■ワークフロー… [ 固定ページ ]-[ ワークフロー ] で登録した項目を、一覧で表示するウィジェットです。

仕事の流れや、商品購入の流れをリスト形式で表示します。タイトル、サブタイトルを設定出来ます。
■ショップリスト… [ 固定ページ ]-[ ショップリスト ] で登録した項目を、一覧で表示するウィジェットです。系列店舗一覧等の表示に利用します。
タイトル、サブタイトル、カラム数を設定出来ます。
その他、Wordpress インストール時にあらかじめ入っているウィジェットも利用できます。

※各ウィジェットの左にある▼マークをクリックすると、ウィジェットの設定オプション画面が開きます。

14

4. ウィジェット
ウィジェットエリア■サイドバー… [ 基本設定 ]-[ ブログ設定 ] > [ カラム設定 ] で、2 カラムを選択した際に、ブログ一覧や、ブログ記事ページでサイドバーに表示するウィジェットを設定します。
( トップページは、1 カラムなので、ここで設定したウイジェットはトップページには表示されません。)■フロントページ■フッター -1

… トップページに表示するウィジェットを設定します。

… [ 基本設定 ]-[ フッター ] > [ フッターの分割ウィジェット数 ]を、1 に設定した場合、フッターに 1 列のウィジェットが表示されます。
■フッター -2

… [ 基本設定 ]-[ フッター ] > [ フッターの分割ウィジェット数 ]を、2 に設定した場合、フッターに 1 列のウィジェットが表示されます。
■フッター -3

… [ 基本設定 ]-[ フッター ] > [ フッターの分割ウィジェット数 ]を、3 に設定た場合、フッターに 1 列のウィジェットが表示されます。
■フッター下部15… フッターに表示するウィジェットを設定します。

5. コンテンツの作成・編集
固定ページ『ブロック』の作成[ 固定ページ ]-[ 新規追加 ] でをクリックして、ページを新規追加します。
エディターで、コンテンツの内容を登録・編集してください。
( エディターの使い方については、P. 18 参照 )ページ設定
ページ単位で、以下の設定を行うことが出来ます。
ここで設定した内容は、ウィジェットで配置した「フロントページ用固定ページ」ウィジェットにのみ適用されます。
( 普通の固定ページには適用されませんので、ご注意ください。)■背景色
ページの背景色を、カラーピツカーで設定できます。
■背景ページの背景に、画像、動画をアップロードすることができます。
■背景のリピート設定
背景画像のリピート設定を行います。
■背景の表示位置背景画像の表示位置の設定を行います。
■背景のスクロール設定
背景画像のスクロール設定を行います。
■背景の画像サイズ
背景画像の表示サイズの設定を行います。
■余白 ( 上 )ページ上部の余白を設定します。
■余白 ( 下 )ページ下部の余白を設定します。

16

5. コンテンツの作成・編集
コンテンツ設定ページ内で、本文が表示されるエリア内の設定を行うことが出来ます。
( ※サイトの表示幅は、[ 基本設定 ]-[ 共通スタイル ] > [ サイトの最大幅 ] から変更できます。)■テキスト色コンテンツ内のテキスト色を、カラーピッカーでっせていできます。
■コンテンツの背景
コンテンツの背景に、以下の 4 スタイルから背景レイヤーを敷くことができます。
・白 ( 透明度 80%)
・白 ( 透明度 100%)・黒 ( 透明度 80%)
・黒 ( 透明度 100%)■余白 ( 上 )/ 余白 ( 右 )/ 余白 ( 左 )/ 余白 ( 下 )コンテンツの上下左右の余白を設定できます。
■角丸設定チェックをつけると、背景レイヤーが角丸になります。
■コンテンツをフル幅で表示
通常は、コンテンツの幅は、[ 基本設定 ]-[ サイトの最大幅 ] で設定した値になりますが、ここにチェックをつけると、ブラウザの幅いっぱいにコンテンツ内容を表示します。

ページ設定
コンテンツ設定

17

5. コンテンツの作成・編集
エディタの使用方法
Wordpress5.0 から、以前のバージョンの WordPress とは大きく異なる、グーテンベルク (Gutenberg) というエディタすが実装されていますが、Job Plus では、従来のクラシックエディターをインストール L しています。
もし、グーテンベルク (Gutenberg) エディタになっていて、クラシックエディターにもどしたい場合は、[ プラグイン ]-[ 新規追加 ] から、「Classic Editor」と検索して、インストールしてください。

■ボタン… 数 10 種類のデザインのボタンを挿入できます。

テキスト部分や、リンク URL を設定するには、入力モードを、テキストモードにしてから変更します。

■見出し… 数 10 種類のデザインの見出しを挿入できます。

テキスト部分を編集して使用してください。
テキスト部分がうまく編集できない場合は、入力モードを、テキストモードにして変更してください。

18

5. コンテンツの作成・編集
■グリッド

…

以下のグリッドを使用することで、自由にレイアウトを組むことができます。
・2 カラム… 50%、50% の比率の 2 列のカラムになります。

・2 カラム (30%/70%)… 300%、70% の比率の 2 列のカラムになります。

・3 カラム…

3 列のカラムになります。

・4 カラム…

4 列のカラムになります。

・カード UI(3 カラム )… カード型の UI を 3 列で表示します。

・カード UI(4 カラム )… カード型の UI を 4 列で表示します。

2 カラム
2 カラム (30%/70%)
3 カラム
4 カラム

セル内をクリックすると、行や列は、セル内で自由に挿入、削除を行うことができるプロパティウインドゥが表示されます。

カード UI(3 カラム )カード UI(4 カラム )19

5. コンテンツの作成・編集■ブレット… 3 種類のデザインのブレットを挿入できます。

※ブレットとは、箇条書きのリストです。

■フォント… 4 種類の日本語フォントを設定できます。

フォントについては、[ 基本設定 ] からも行うことができますが、ここで指定することで、テキストの一部のみにも、指定のフォントを適用することができます。

20

5. コンテンツの作成・編集■段落… h タグの見出しを設定します。

■「続きを読む」タグの挿入

見出し 1… h1 タグで表示します。

■ツールバーの切り替え

見出し 2… h2 タグで表示します。

コンの表示数が変更されます。

見出し 3… h3 タグで表示します。

見出し 4… h4 タグで表示します。

■背景色

見出し 5… h5 タグで表示します。

色を設定できます。

見出し 6… h6 タグで表示します。

… 本テーマでは、この機能は適用されません。

整形済みテキスト… ソース中のスペースや改行をそのまま表示します。

… このアイコンをクリックすると、エディタのアイ… 対象のテキストをドラッグしてアイコンをクリックすると、背景■テーブル… テーブルを、自由な行数・列数で設定できます。

■打ち消し… 対象のテキストをドラッグしてアイコンをクリックすると、取ソースコードなどを表示する際に便利です。ただし、< や > や & は特殊文字として認識されるので、&lt; や &gt; や &amp; で記述します。

り消し線を設定できます。
※「見出し」から挿入した見出しについては、h2 タグで表示されます。
■横ライン
■太字

… 横線を表示します。

… 対象のテキストをドラッグしてアイコンをクリックすると、太文字に設定されます。

■テキスト色… 対象のテキストをドラッグしてアイコンをクリックすると、テキスト色を指定できます。
■斜体… 対象のテキストをドラッグしてアイコンをクリックすると、斜体に設定されます。
■番号なしリスト… 番号なしのリスト形式で表示します。

■番号付きリスト… 番号付きのリスト形式で表示します。

■引用… 対象のテキストをドラッグしてアイコンをクリックすると、引用として表示します。
■左寄せ… 対象の要素選択してアイコンをクリックすると、左寄せの配置となります。
■中央揃え… 対象の要素選択してアイコンをクリックすると、中央揃の配置となります。
■右寄せ… 対象の要素選択してアイコンをクリックすると、右寄せの配置となります。
■リンクの挿入 / 編集

… 対象のテキストをドラッグしてアイコンをクリック

すると、リンク URL を設定できます。
※電話番号のリンクを設定する場合は、tel:000-0000-0000のように記述します。
※メールアドレスのリンクを設定する場合は、mailto:info@example.com のように記述します。

21

5. コンテンツの作成・編集
フロントページに、固定ページを表示する方法
登録した固定ページを、フロントページ ( カラセページ ) に表示するには、[ 外観 ]-[ ウィジェット ] > [ フロントページ ] に、[ フロントページ用固定ページ ] をドラッグするか、「利用できるウィジェット」の中の、[フロントページ用固定ページ ] をクリックして、「フロントページ」を選択して、「ウィジッェトを追加」をクリックします。

[ フロントページ ] に、[ フロントページ用固定ページ ] がセットされましたら、ウィジッェトの右にある▼マークをクリックして、ウィジェットオプションの設定画面を開きます。
「表示する固定ページ」のプルダウンから、表示する固定ページを選択します。

[ フロントページ用固定ページ ] は、複数設置できます。
並び順も、ドラックで入れ替えることが出来ます。

22

5. コンテンツの作成・編集
各コンテンツ設定■ FAQ
メニューの [FAQ]-[ 新規追加 ] をクリックします。
タイトル欄に「質問」を、エディター内に「質問の回答」を入力します。
固定ページとして表示するには、( ドメイン名 )/faq という URL が、FAQ のページになります。

ウィジェットの設定オプションで、「タイトル」、「サブタイトル」と、「表示形式」を設定できます。
表示形式を、アコーディオン方式と、吹き出しによる対話形式の 2 パターンから選択します。

フロントページに表示するには、[ 外観 ]-[ ウイジェット ] で、「FAQ」ウィジェットを、表示したいウィジェットエリアに設定します。

吹き出しアコーディオン23

5. コンテンツの作成・編集■スタッフ紹介[ スタッフ紹介 ]-[ 新規追加 ] をクリックします。
タイトル欄に「名前」等を、エデイター内に、紹介文等を入力します。
「サムネイル画像」をアップロードすることができます。( アップロードした画像は、自動で円形にトリミングされます。)

フロントページに表示するには、[ 外観 ]-[ ウイジェット ] で、「スタッフリスト」ウィジェットを、表示したいウィジェットエリアに設定します。
ウィジェットの設定オプションで、「タイトル」、「サブタイトル」と、「表示形式」を設定できます。

アイキャッチ画像[ 基本設定 ]-[ 共通スタイル ] . [ サイトのメインカラー ] で設定した色が、背景色に反映されます。
登録した項目数が、スライドとして表示されます。

24

5. コンテンツの作成・編集■スライダー[ スライダー ]-[ 新規追加 ] をクリックします。
■画像スライダー画像をアップロードします。
■リンク先 URL
スライダー画像にリンクをつける場合は、リンク先 URL を入力してください。
■リンクターゲット「リンク先 URL」で指定したリンク先ページを、同一タブで開くか別タブで開くかを設定します。

フロントページに表示するには、[ 外観 ]-[ ウイジェット ] で、「スライダー」ウィジェットを、表示したいウィジェットエリアに設定します。

ウィジェットの設定オプションで、1 度に表示する枚数や、ナビゲーションの表示や、アニメーションのスピード等を設定できます。
表示幅設定で、「フル幅で表示する」にチェックをつけると、横 100% のフル幅で表示します。
チェックを外すと、[ 基本設定 ]-[ サイトの最大幅 ]>[ サイトの最大幅 ] で設定した幅で表示されます。

25

5. コンテンツの作成・編集■アイキャッチ[ アイキャッチ ]-[ 新規追加 ] をクリックします。
タイトル欄に「見出し」を、エディター内に「説明文」を入力します。
「アイキャッチ画像」から、画像をアップロードします。

フロントページに表示するには、[ 外観 ]-[ ウイジェット ] で、「アイキャッチ」ウィジェットを、表示したいウィジェットエリアに設定します。

ウィジェットの設定オプションで、「カラム数」( 表示する列数 ) を設定できます。

「投稿 / 固定ページへリンク」にチェックをつけると、アイキッャチ画像のリンク先のページを指定することができます。

表示イメージ26

5. コンテンツの作成・編集■ショップリスト
メニューの [ ショップリスト ]-[ 新規追加 ] をクリックします。
タイトル欄に「店名」を、エディター内に「説明文」を入力します。
必要に応じて、「ロゴ画像」「イメージ画像」をアップロードします。
※「オフィシャルサイト URL」を入力した場合は、「イメージ画像」にリンクが貼られますので、必ずを「イメージ画像」アップロードしてください。

フロントページに表示するには、[ 外観 ]-[ ウイジェット ] で、「ショップリスト」ウィジェットを、表示したいウィジェットエリアに設定します。
ウィジェットの設定オプションで、「カラム数」( 表示する列数 ) を設定できます。

27

5. コンテンツの作成・編集■ワークフロー[ 固定ページ ]-[ ワークフロー ] をクリックします。
エディター内で、ページの説明文等を入力します。
ページ下部の「ワークフロー」ウインドゥで、・タイトル・詳細・アイキャッチ画像を登録します。
「アイキャッチ画像」をアップロードしない場合は、自動で、STEP.1、STEP2、、、のアイコンが表示されます。
アイコンの背景色や、枠線色、ワン線の種類は、[ 基本設定 ]-[ ワークフロー ]から変更できます。

「追加」ボタンをクリックして、この、「タイトル」、「詳細」、「アイキャッチ画像」のブロックを無制限に追加していくことができます。
このブロックは、自由に、並び替えや追加、削除も行えます。

表示イメージ28

5. コンテンツの作成・編集■募集要項[ 固定ページ ]-[ 募集要項 ] をクリックします。
エディター内で、ページの説明文等を入力します。
ページ下部の「募集要項」ウインドゥで、・タイトル・詳細を登録します。
求人の募集要項を表示する用途だけでなく、自由に表組を組むことかできます。
※この機能については、ウィジェットはありませんので、固定ページとしてのみの表示となります。

表示イメージ「追加」ボタンをクリックして、この、「タイトル」、ブロックを無制限に追加していくことができます。
このブロックは、自由に、並び替えや追加、削除も行えます。

29

5. コンテンツの作成・編集■お問い合わせメールフォームの設定を行います。
編集したいメールフォームの「編集」をクリックします。

「メール」タブをクリックします。
「送信先」、「送信元」に、受信用メールアドレスを設定してください。
( ドメインとは異なるメールアドレスを入力すると、エラーになりますのでご注意ください。)

入力フォームを追加する場合は、「フォーム」タブをクリックして、必要な入力フォームを設定します。
メールフォームプラグインは、WordPress の定番プラグインである「ContactForm7」を使用しています、詳しい設定方法は、Web 上に多数の情報がありますので、そちらから検索してください。

入力フォームを追加する場合は、「フォーム」タブをクリックして、必要な入力フォームを設定します。
メールフォームプラグインは、WordPress の定番プラグインである「ContactForm7」を使用しています。
詳しい設定方法については、Web 上に多数の情報がありますので、そちらから検索してください。

30

5. コンテンツの作成・編集
ショートコードをコピーして、表示したい投稿、固定ページ、またはテキストウィジェットに貼り付けると、問い合わせフォームを表示できます。

31

6. ブログページ設定
jobplus は、LP( ランディングページ ) の作成だけでなく、WordPress の基本機能である「投稿」を使って、ブログページを設定することもできます。
●記事の新規投稿[ 投稿 ]-[ 新規追加 ] をクリックします。
必要に応じて、「アイキャッチ画像」、「カテゴリー」、「タグ」も設定できます。
ブログの表示の基本設定については、P.12 を参照してください。

32

7. メニュー設定[ 外観 ]-[ メニュー ] をクリックします。
ここで、メニューの追加、編集を行います。
メニューの並び順は、ドラッグで変更することが出来ます。
メニューに階層をつけるとこもできます。

「位置の管理」タブをクリックして、「ヘッダー」「ドロワーメニュー」「フッター」に表示するメニューを設定します。

フロントページ内で、各ブロックへスライドするアンカーリンクを設定するには、「カスタムリンク」をクリックして、URL : #(ID 名 )リンク文字列 :( 任意の名前 )のように入力します。

33

7. メニュー設定
各ブロックのリンク先 URL を調べる方法については、Chrome か FireFox ブ
ラウザにて、F12 キーをクリックします。すると、ブラウザ開発者ツールが起動します。
対象の要素を右クリックして「検証」をクリックすると、その要素のソースコードが表示されるので、対象のブロックについている ID 名を調べます。
例えば、<div id="freeareaitem-3" ・・・で始まるブロックの場合は、#freeareaitem-3が ID 名となります。

34

8. その他■カスタム css
ご自分で、オリジナルの css を追加したり、css の編集を行いたい場合は、子テーマ「jobplus̲child」内の style.css に直接記述するか、[ 外観 ]-[ カスタマイズ ] > [ 追加 css] に、css を記述してください。
※ css の種類によっては、既存のテーマの css と干渉して、うまく表示されない場合があります。

35

8. その他■自動アップデート機能
テーマがアップデートされると、[ 外観 ]-[ テーマ ] のページで、「jobplus」テーマに、「新しいバージョンが利用できます。」という告知が表示されます。
「今すぐ更新」をクリックすると、アップデートが開始されます。
親テーマ「jobplus」をカスタマイズされている場合は、テーマのアップデー
トにより、カスタマイズした変更が無効になってしまいますので、親テーマのカスタマイズを行う際は、必ず子テーマ「jobplus̲child」へ修正したファイルをコピーしてください。

36