Post on 31-Mar-2020
株式会社ビジョン インターネットメディア事業部
Vision Crafts
基本編集マニュアル
Vision Crafts / Manual
管理画面へのログイン
基本編集マニュアル
ホームページ管理画面 ログイン用URL(http://”ドメイン名”/struct/wp-login.php)にアクセスし「ユーザー名」「パスワード」をそれぞれ入力下さい。
Vision Crafts / Manual
ダッシュボードについて
基本編集マニュアル
1.基本設定メインイメージ、フォント、カラー、サイト名などサイトのベースとなる設定を行います。
2.投稿新着情報の投稿を行います。
3.メディアサイト内で利用する画像を保存します。
4.固定ページ投稿以外の各種ページを編集します。
5.お問い合わせ使用しません。
1.基本設定について
Vision Crafts / Manual
基本設定について
基本編集マニュアル
メニューグローバルメニュー、フッターメニューの設定を行います
基本設定サイト名、会社名などの基本情報、メインイメージ、ロゴ、キャッチフレーズについての設定を行います。
デザイン設定フォントの指定、サイトカラーの設定を行います。
フッター情報の設定各種SNSへのリンク先の設定を行います。
Vision Crafts / Manual
基本設定>メニュー
基本編集マニュアル
GLOBAL MENUグローバルメニュー。サイト上部にあるメニューです。
FOOTER MENUフッターメニュー。サイト下部にあるメニューです。
ナビゲーションラベルグローバルメニュー上部のメニュー名です
説明ナビゲーションラベルの下の文字を編集します。
メニューの順番を入れ替える場合は、マウスでメニューをドラッグして移動してください。
Vision Crafts / Manual
基本設定>基本設定①
基本編集マニュアル
サイト名サイト名を入力します。
住所会社・店舗の住所(所在地)を入力します。
会社名会社名・店舗名を入力します。
ホームタイトル検索エンジン上でのタイトルに反映されます。※以下図①箇所
ホームディスクリプション検索エンジン上での説明文に反映されます。 ※以下図②箇所
①
②
Google Analytics IDGoogle Analiticsを利用する際、認証IDを入力します。
電話番号会社・店舗の電話番号を入力します。
ヘッダー用ロゴ画像サイト左上のロゴを設定します。
メイン画像メイン画像を設定します。
メイン画像サイズスマートフォンで見た場合の縦幅の設定を行います。
メイン画像位置スマートフォンで見た場合の表示位置の設定を行います。
メイン画像内ロゴ画像メイン画像の真ん中に置くロゴを設定します。
メイン画像キャッチフレーズメイン画像のキャッチフレーズを設定します。
メイン画像サブフレーズメイン画像のサブフレーズを設定します。
キャッチフレーズサイズキャッチフレーズのフォントサイズを設定します。
サブフレーズサイズサブフレーズのフォントサイズを設定します。
Vision Crafts / Manual
基本設定>基本設定②
基本編集マニュアル
フレーズ日本語フォントキャッチフレーズ、サブフレーズの日本語フォントを設定します。
フレーズ英語フォントキャッチフレーズ、サブフレーズの英語フォントを設定します。
ヘッダー用ロゴ画像
メイン画像内ロゴ画像
メイン画像キャッチフレーズ ⇒
メイン画像サブフレーズ ⇒
メイン画像
設定が終わったら「公開」を押してください。
Vision Crafts / Manual
基本設定>デザイン設定①
基本編集マニュアル
フォントサイズサイト全体のフォントサイズを設定します。
日本語フォントサイト全体の日本語フォントを設定します。
英語フォントサイト全体の英語フォントを設定します。
見出し用英語フォント各ページ内の見出しの英語フォントを設定します。
グローバルメニュー背景色グローバルメニューの背景色を設定します。
グローバルメニュー文字色グローバルメニューの文字色を設定します
フッターメニュー文字色フッターメニューの文字色を設定します
コピーライト文字色コピーライトの文字色を設定します
カテゴリーリンク文字色カテゴリーリンクの文字色を設定します。
ベースカラー一般的に最も大きな面積を占める基本となる色で、余白や背景などに用いることが多い色です。
メインカラー一般的にサイトの印象を決定づける主役の色です。
アクセントカラー一般的に配色の構成要素の中で、最も小さい面積でありながら、もっとも目立つ色です。
背景色付加タイミンググローバルメニューの背景色が付加されるタイミングを設定します。・スクロール後 : ページをスクロールすると背景色が付加・最初から : 常に背景色が付加
サブカラー一般的にメインカラーに次いで面積が大きく、メインカラーを補う役割の色です。
Vision Crafts / Manual
基本設定>デザイン設定②
基本編集マニュアル
グローバルメニュー
フッターメニュー
キャッチフレーズ
カテゴリーリンク 見出し
Vision Crafts / Manual
基本設定>フッター情報の設定
基本編集マニュアル
各SNSのURLを入力するとフッター部分にアイコンが表示されます。
2.メディアについて
Vision Crafts / Manual
メディアについて
基本編集マニュアル
サイト内で利用する画像は、メディアにアップロードする必要があります。アップロードした画像はメディアライブラリで確認ができます。
「新規追加」から画像を追加
3.投稿について
Vision Crafts / Manual
投稿について
基本編集マニュアル
投稿機能を使う事で、新着情報やBLOGに、どんどん記事を追加することができます。
Vision Crafts / Manual
投稿>新規追加①
基本編集マニュアル
投稿>新規追加を選択し、ページタイトル、ページURLを入力します。
1.投稿>新規追加を選択します
2.ページタイトルを入力します
3.ページのURLを入力します
Vision Crafts / Manual
投稿>新規追加②
基本編集マニュアル
①②
③
①ビジュアル/テキスト切り替え
「ビジュアル」を選択して編集して下さい。HTMLを直接編集出来る場合は「テキスト」でも可能です。
②メディアを追加
写真を挿入することが出来ます。
③各種ツールバー
文字色の変更、見出しの設定、表の挿入等ができます。
④
④記事編集
文章の追加、画像の追加等を行います。Shift+Enterを同時に押すことで、行間の狭い改行が出来ます。
⑤
⑤プレビュー
公開する前にプレビューを確認することが出来ます。
編集が終わったら「公開」を押してください。
4.固定ページについて
Vision Crafts / Manual
固定ページのテンプレート
基本編集マニュアル
定期的に内容が更新される投稿ページとは異なり、固定で表示させるページ(ex.店舗案内、事業案内など)です。VisionCraftsでは2種類のデザインテンプレートをご用意しています
1.シンプル・パララックス会社概要など1つのコンテンツ量が多い場合向き
2.ステップアップコンテンツ事業内容など複数のサービスを端的に表示させる場合向き
Vision Crafts / Manual
固定ページテンプレート>シンプル・パララックス
基本編集マニュアル
①
①TOPページの表示
チェックを入れるとTOPページにも表示がされます。
②②テンプレート
パララックス : スクロールしても背景が固定シンプル : スクロールに合わせて背景が動く
③アニメーション
フェードイン、ブラー(ぼかし効果)を設定できます。
③
④
④背景画像
コンテンツの背景に画像設定を行います。背景マスクを「有」にすることで。背景色に設定した色でマスクをかけることが出来ます。
Vision Crafts / Manual
固定ページテンプレート>ステップアップコンテンツ
基本編集マニュアル
①TOPページの表示
チェックを入れるとTOPページにも表示がされます。
②項目の追加
ボタンを押すことで、コンテンツが追加されていきます。
③アニメーション
フェードイン、ブラー(ぼかし効果)を設定できます。
①
②
③
Vision Crafts / Manual
固定ページテンプレート>共通項目
基本編集マニュアル
①ページ順序
マウスでドラッグすることで、設定した各コンテンツの順序を変更することができます。
②
②TOPページの掲載順序
TOPぺージに掲載する固定ページが複数ある場合、掲載される順位を設定します。
③
③ヘッダー画像設定
各ページの上部に画像を設定できます。以下図参照