Corporate」は、高解像度の画像をメインにしたコーポレートサイト用テーマです。トレンドを押さえたグラデーションや、広々とした余白のあるデザインでブランドイメージを効果的に伝えます。コーポレートサイトはもちろん、画像によってイメージを伝えやすい製品サイトにもおすすめです。編集画面からウェブページ・記事を追加するだけでウェブサイトが作成できます。レスポンシブにも対応し、スマートフォンでは適切な表示に切り替わります。メインページをはじめ、各ページに高解像度の画像が設定できます。画像がない場合もデザインを保持しています。ウェブページへのリンクの表示位置を指定できます。リンクをせずに、メインページのみで完結するサイトも作成可能です。ウェブページに、作り込みに必要なCSSスタイルを用意しています。スマートフォン・タブレット用のグローバルナビゲーションは全面表示のデザインにしています。グラデーションやぼかしを使ったトレンド感のあるデザインです。記事を作るウェブページを作る共通変数設定でできることロゴ・共通画像の設定ロゴやダミー画像を設定します。必要に応じて差し替えてください。同じ名前で画像をアップロードすると上書きされるため、テンプレートをさわらずに画像を差し替えることができます。noimage_ogp.png...メインページ、記事、ウェブページでogp画像の設定がない場合に表示されるダミー画像です。favicon.ico...このサイトを閲覧している際のブラウザタブに表示されるアイコン、またページをブックマークにした際に表示されるアイコン画像です。目次に戻る記事を作るブログの記事を作ります。基本的なスタイルを用意しています。以下を参考に、必要に応じて記事内のスタイルを適用してください。設定する画像を設定できます。目次に戻るウェブページを作るウェブページを作ります。記事同様、あらかじめ基本的なスタイルは用意してあります。カスタムフィールド「ページのデザイン」の選択によって、ヘッダー部分、本文内の対応するCSSスタイルが変わります。設定する画像を設定できます。ページのデザインページのデザインを選択します。以下の2つから選択することができます。テキスト:記事ページと同様にスタイルがつきます。簡単なウェブページにおすすめです。(デフォルト)コンテンツ:ウェブページの見出しのデザインや、対応するスタイルが変わります。<section>タグや、クラス名を使用するため、HTMLでの編集が必要です。ウェブページ内を作り込みたい場合におすすめです。ページのデザイン:テキストページのデザイン:コンテンツページのデザイン:コンテンツの本文内で使用できるタグ通常のタグに加えて以下のクラス名に対応するスタイルを用意しています。実際のページは、サンプルサイトをご確認ください。</section>ウェブページ内をセクションごとに区切ります。この【ページのデザイン】では本文は、必ず<section>で囲んで使用します。連続で配置すると、背景色が交互に変わります。class="partition">〜</section>内に、分割したい数分<div>を挿入してカラムを作ります。スマホ幅や、ウィンドウ幅が狭い場合は縦に積んで表示します。class="linebg">〜</section>この中に配置した画像を幅100%、上下の余白なしで配置します。セクション間にはさんで背景のように使用できます。タイトル背景画像タイトル部分に表示する背景を設定します。自動的にぼかしとメインカラーのフィルタがかかります。Corporate」のデザインカスタマイズQ&A同じフォルダ内のウェブページを表示するウェブページがフォルダに入っている場合、表示するページ下部に同じフォルダ内に入っているウェブページの一覧とリンクが表示されます。その際、ファイル名を「index.html」にしておくとパンくずリストにリンクが貼られフォルダのトップページにように使用できます。ナビの表示位置ウェブページへのリンクを表示する位置を指定します。以下3つから選択します。表示しない:ナビには表示しません。ヘッダー・フッター:ヘッダーのグローバルナビとフッターのナビに表示します。メインページのみ「【メインページ】テキスト」に入力がある場合、ナビはページ内リンクになります。フッター下:フッターの下に小さく表示します。リンク先は新窓になります。プライバシーポリシーページなどにおすすめです。【メインページ】テキストメインページに表示させるテキストを入力します。HTML形式で記述できます。空の場合は表示しません。【メインページ】テキスト下ボタンの設置メインページに表示したテキストの下に、ウェブページに移動するボタンを設置します。「【メインページ】テキスト」に入力がない場合はボタンも表示されません。目次に戻る共通変数設定でできること色指定、SNSの設定、表示件数、スライドショーの設定などを「共通変数」モジュールで設定しています。「共通変数」モジュールを書き換えることで、直接htmlを触ることなく設定の変更が可能です。記事一覧に表示する件数フッターコピーライトソーシャルボタンの設置メインカラーを変更するデザイン>テンプレート>テンプレート・モジュールの共通変数モジュールから、本テーマで利用している色(メインカラー・サブカラー)の変更が可能です。テーマ内のグラデーションはpoint_colorとpoint_color_darkをかけあわせたものです。text_color...本文の文字色です。)text_white...白抜きの文字色です。)text_light...薄い文字色です。)bg_color...背景色です。)bg_light...薄い背景色です。)bg_gray...灰色の背景色です。)base_color...テーマのメインカラーです。)point_color...強調色カラーです。)point_color_dark...暗い強調色カラーです。グラデーションの濃い部分となっています。)line_color...罫線のカラーです。)ホバーアニメーション設定テーマ内で使用されているホバーアニメーションの秒数を設定します。数字が大きいほどホバーがゆっくりになります。ヘッダー画像のぼかし度テーマ内の記事、記事一覧ページ、タイトル背景画像を設定しているウェブページのヘッダー画像のぼかし度を設定します。数字が大きいほどぼかし度が大きくなります。記事一覧に表示される記事の件数を設定します。フッターコピーライトフッターに表示するコピーライトを設定します。ソーシャルボタンの設置フッターに表示されるSNSの表示設定が可能です。制作者向けポータルお問い合わせ・FAQ。