クラウドテンプレートの使い方・設定マニュアル・使用方法

レスポンシブWordPressテーマ No.064タイプのマニュアルManual

レスポンシブWordPressテーマ

レスポンシブWordPressテーマ No.064タイプの設定方法マニュアルです。このタイプと同レイアウトのレスポンシブWordPressテーマは、ほぼこちらのマニュアルと同じ操作方法となります。

このマニュアルが使用できる
レスポンシブWordPressテーマ
Manual

レスポンシブテーマ No.064…(オーツービジネステーマでは No.082)
レスポンシブテーマ No.065…(オーツービジネステーマでは No.083)
レスポンシブテーマ No.066…(オーツービジネステーマでは No.084)
レスポンシブテーマ No.070…(オーツービジネステーマでは No.088)
レスポンシブテーマ No.071…(オーツービジネステーマでは No.089)
レスポンシブテーマ No.072…(オーツービジネステーマでは No.090)
レスポンシブテーマ No.076…(オーツービジネステーマでは No.094)
レスポンシブテーマ No.077…(オーツービジネステーマでは No.095)
レスポンシブテーマ No.078…(オーツービジネステーマでは No.096)
レスポンシブテーマ No.100…(オーツービジネステーマでは No.118)
レスポンシブテーマ No.101…(オーツービジネステーマでは No.119)
レスポンシブテーマ No.102…(オーツービジネステーマでは No.120)
レスポンシブテーマ No.112…(オーツービジネステーマでは No.130)
レスポンシブテーマ No.113…(オーツービジネステーマでは No.131)
レスポンシブテーマ No.114…(オーツービジネステーマでは No.132)
レスポンシブテーマ No.121…(オーツービジネステーマでは No.139)
レスポンシブテーマ No.122…(オーツービジネステーマでは No.140)
レスポンシブテーマ No.123…(オーツービジネステーマでは No.141)
レスポンシブテーマ No.148…(オーツービジネステーマでは No.166)
レスポンシブテーマ No.149…(オーツービジネステーマでは No.167)
レスポンシブテーマ No.150…(オーツービジネステーマでは No.168)
レスポンシブテーマ No.172…(オーツービジネステーマでは No.190)
レスポンシブテーマ No.173…(オーツービジネステーマでは No.191)
レスポンシブテーマ No.174…(オーツービジネステーマでは No.192)
レスポンシブテーマ No.211…(オーツービジネステーマでは No.229)
レスポンシブテーマ No.212…(オーツービジネステーマでは No.230)
レスポンシブテーマ No.213…(オーツービジネステーマでは No.231)
レスポンシブテーマ No.223…(オーツービジネステーマでは No.241)
レスポンシブテーマ No.224…(オーツービジネステーマでは No.242)
レスポンシブテーマ No.225…(オーツービジネステーマでは No.243)
レスポンシブテーマ No.235…(オーツービジネステーマでは No.253)
レスポンシブテーマ No.236…(オーツービジネステーマでは No.254)
レスポンシブテーマ No.237…(オーツービジネステーマでは No.255)
レスポンシブテーマ No.247
レスポンシブテーマ No.248
レスポンシブテーマ No.249

確認事項・注意事項などManual

・スマートフォン・タブレット端末向けのレイアウトは下記のマニュアルに従って作成して頂きますと、自動的に作成されます。個別にカスタマイズを行う必要はありません。カスタマイズが完了したらサーバーにアップロードして各端末でご確認下さい。

・レスポンシブWordPressテーマは原則として管理画面からの編集が可能ですが、一部画像につきましては変更する際にFTP等でサーバーに接続して頂き、直接アップロードして変更する必要がある部分もございます。

・マニュアルは下記のキャプチャに割り振られた【番号】と照らし合わせながらご参照下さい。例えば【1】の部分は下記の「【1】ロゴを設定しよう」のマニュアルをご参照下さい。【2】なら「【2】連絡先を設定しよう」という具合です。

キャプチャ

STEP.1 テーマをインストールしようManual

▼ 「外観」→「テーマ」をクリック

キャプチャ

▼ 「テーマのインストール」をクリック

キャプチャ

▼ 「アップロード」をクリック

キャプチャ

▼ 「ファイルを選択」をクリック

キャプチャ

▼ テーマファイルを選択したら「いますぐインストール」をクリック

キャプチャ

▼ 「有効化」をクリック

キャプチャ

▼ 「新しいテーマを有効化しました」と表示されればインストールは完了です。

キャプチャ

STEP.2 ロゴ・連絡先・バナーを設定しようManual

【1】ロゴを設定しよう

▼ 「外観」→「テーマ設定」をクリック

キャプチャ

▼ 「ロゴの設定」部分の「画像のアップロード」をクリック

キャプチャ

▼ 「ファイルを選択」をクリックし、画像をアップロード

キャプチャ

▼ アップロードした画像の「編集」をクリック

キャプチャ

▼ 右側の「ファイルのURL」を選択して Control+C でコピー

キャプチャ

▼ 「ロゴの設定」部分のフォームにコピーしたURLをペーストし、「変更を保存」をクリックするとロゴの設定は完了です。

キャプチャ

【2】連絡先(フッターと共通)を設定しよう

▼ 内容を入力して「変更を保存」をクリックすると完了です。

キャプチャ

連絡先を表示させたくない場合は空白にして下さい。

【3】バナーを設定しよう

▼ 「画像のアップロード」をクリック

キャプチャ

▼ 「ファイルを選択」をクリックし、画像をアップロード

キャプチャ

▼ アップした画像の「編集」をクリック

キャプチャ

▼ 右側の「ファイルのURL」を選択して Control+C でコピー

キャプチャ

▼ 「画像URL」のフォームにコピーしたURLをペースト、「画像の説明」「リンク先のURL」も入力、この作業を「バナー2」「バナー3」「バナー4」でも行う。

キャプチャ

▼ 全て入力したら「変更を保存」をクリックすると完了です。

キャプチャ

STEP.3 メニューを設定しようManual

【4】ヘッダーメニューを設定しよう

▼ 「外観」→「メニュー」をクリック

キャプチャ

▼ 「メニューの名前」部分に任意のメニュー名を入力し、「メニューを作成」をクリック

キャプチャ

メニュー名は「メニュー1」や「menu1」など管理しやすい名前を設定して下さい。

▼ ここでは固定ページをヘッダーメニューに追加する例を説明します。(※予め設定したいページを「固定ページ」で作成しておいて下さい。)左側の「固定ページ」よりメニューに設定したいページにチェックを入れ、「メニューに追加」をクリック

キャプチャ

▼ メニューに追加された項目を並び替えて下さい。下記の例で言うと、「サービス」「理念」「お客様の声」の順で左から並びます。

キャプチャ

※プルダウンメニューにしたい場合は項目を入れ子構造にして下さい。上記例の「お客様の声」の下に「佐藤二朗様より」「伊藤大介様より」・・・とある部分がプルダウンになります。メニューを少し右側にドラッグ&ドロップすると入れ子になります。

▼ 「テーマの場所」の「Main navigation」がヘッダーメニューとなりますのでこの部分に作成したメニューをプルダウンから選択して「保存」をクリックすると完了です。

キャプチャ

STEP.4 メイン画像を設定しようManual

【5】メイン画像を設定しよう

▼ 「外観」→「ヘッダー」をクリック

キャプチャ

▼ 「ファイルを選択」でメイン画像に設定したい画像を選択し「アップロード」をクリック、「変更を保存」をクリックすると設定が完了です。

キャプチャ

STEP.5 フロントページ記事を設定しようManual

【6】フロントページ記事を設定しよう

ここでは固定ページの記事をフロントページに設定する方法を解説します。予め固定ページで表示させたい記事を作成しておいて下さい。

▼ 「設定」→「表示設定」をクリック

キャプチャ

▼ 「固定ページ」にチェックを入れ、「フロントページ」のプルダウンから設定したい固定ページを選択、「変更を保存」をクリックすると設定が完了です。

キャプチャ

STEP.6 最新記事を設定しようManual

【7】最新記事を設定しよう

▼ 「投稿」→「新規追加」をクリック

キャプチャ

▼ 記事を書き、「アイキャッチ画像」を設定

キャプチャ

▼ 「更新」をクリックすると設定が完了です

キャプチャ

STEP.7 お知らせを設定しようManual

【8】お知らせを設定しよう

▼ 「投稿」→「カテゴリー」をクリック

キャプチャ

▼ 「名前」に「お知らせ」と入力し、「スラッグ」に「info」と入力、「新規カテゴリーを追加」をクリック

キャプチャ

▼ 「設定」→「パーマリンク設定」をクリック

キャプチャ

▼ 「カスタム構造」にチェックを入れ「/%category%/%postname%/」と入力し、「変更を保存」をクリック

キャプチャ

▼ 「投稿」→「新規追加」で記事を書き、「カテゴリー」の「お知らせ」にチェックを入れ「更新」をクリックすると設定が完了です

キャプチャ

STEP.8 ウィジェットを設定しようManual

【9】ウィジェットを設定しよう

▼ 「外観」→「ウィジェット」をクリック

キャプチャ

▼ 設定したいウィジェットをドラッグアンドドロップすると設定が完了です。

キャプチャ

※対応していないウィジェットもありますのでご注意下さい。

※「sidebar」はトップページ以外のサブページの左メニューに表示されます。「footer-left-column」はフッター部分に表示されます。

▲TOP