制作料金について保守料金についてオプションWix制作プラン制作実績お問い合わせ運営者についてブログ印刷物デザインBlogSOYCMSでwebサイトを作ってみよう!の手順(基本設定編)ちょっと時間が空きすぎましてすみません;今回は、SOYCMSでwebサイトを作り、先日作成したブログを連携させるまでを書いてみたいと思います。ご興味のある方はぜひお付き合いくださいませ。webサイト用のシンプルなHTMLテンプレート(レスポンシブ対応)をご用意しましたので、よろしければご利用ください。サンプルを見るサンプルをダウンロードする今回も、このテンプレートに沿って説明を進めていきます。参考にSOYCMSをインストールしてください。前回一緒にブログを作成された方は、サンプルブログとは別にサイトを一つ作成しておきましょう。ダウンロードしたテンプレートは、解凍しておいてくださいね。SOYCMS上でwebサイトとして動かしてみよう新規ページを作成し、サンプルテンプレートのHTMLをコピペする。最低限必要で一番シンプルに作成できる方法をご紹介します。ブログ作成の時の内容と繰り返しになる部分もありますので、わかる方は読み飛ばしていただいて問題ありません。最初に通常のwebサイトを作成しましょう。画面から各ページを作成します。フォームを使いますので、下記のようにしてください。blogお知らせ一覧は常に更新できるよう、ブログページで作成しましょう。HTML記入部分へ、ダウンロードしたテンプレートのソースを貼り付けていきます。お知らせ用のブログページはまず設定から。クリックして設定ページを開きます。デフォルトのままでかまいません。お知らせページのデザインはテキストだけで表示するように作成しましたので、少々多めの12件にしました。設定が済みましたら、ブログのテンプレート編集画面で、「トップページ」のみにダウンロードしたHTMLを貼り付けてください。以下へ、htmlファイルを除いた下記のフォルダとファイルをアップロードしましょう。imagesフォルダjsフォルダstyle.cssformstyle.cssスタイルシート、jsファイル、画像リンクのパスを通すページ一覧に戻り、先ほど貼り付けたテンプレートのソース中のスタイルシートとJSファイル、画像リンクを、相対パスからルートパスに書き換えていきます。(ページリンクについてはここではこのままで。変更しなくて良いです。/samplesite/images/○○○.jpg(png)作成したすべてのページで上記のように書き換えてください。面倒だとお感じの方は、貼り付ける前にエディターなどで一括変換すると良いと思います。サイトタイトル、キーワード、ページ概要を設定する各ページのサイトタイトル、キーワード、ページ概要をまとめてに設定できるプラグインを使います。探して有効にしましょう。プラグインを開くと、作成した全頁が表示されていると思います。ここですべてのページの情報編集ができます。キーワードページ概要メニューの設定をするメニューにリンクを設定します。メニューの場所を探しましょう。ヘッダー直後とフッターに設置しています。href="contact.html">お問い合わせ</a></li>この部分の各リンク先にリンクを入れていきます。手入力でも構いませんが、せっかくなのでSOYCMSのリンク機能を使ってみましょう。リンクタグを挿入したい箇所をマウスで選択します。リンク挿入ボタンを押したら、ポップアップ画面でリンク対象のページを選び、リンクを追加しましょう。リンクが追加されたのを確認。リンクを入れましょう。トップページにリンクします。表示させるサイトを選び、(今回はブログしかないので)ブログを選びます。ページの種類を選択します。リンクタグが追加されました。(テキストがブログのタイトルになっている場合は変更しましょう)下記のようになればOKです。ヘッダーメニューのコピペでかまいません。cms:link="5">お問い合わせ</a></li>その他リンクの設定ヘッダーとフッターに設置してあるロゴにもトップページへのリンクを入れましょう。メニューと同様の設定方法ですと、ロゴ画像が消えてしまうので(テキストリンクになってしまう)ここは手入力で。メニュー設定で設定したHOMEへのリンク先にリンク用のCMSタグが挿入されていますので、それを利用しましょう。...ヘッダー部分は↓フッター部分は↓のように書き換えます。メニューと共に、リンク設定はすべてのページで行いましょう。URLを指定してリンクを貼っても良いのですが、この方法であればたとえ被リンクページのURLが変わったとしてもリンクが維持されるので安心です。モジュールを使えばグローバルメニューやその他の共有ができ、とても便利です。これは後日ご紹介しますね。ブラウザで確認するここまで済んだら、一度ブラウザで確認してみましょう。これで、SOYCMS上に通常のwebサイトとして、とりあえずの設定ができました。急いでいるので、これからゆっくりCMS化していきたい。いった時には、各ページを作成して、HTMLコードを貼り付け、リンクパスを通すだけでも、とりあえず通常のwebサイトとして運営が可能です。アップロードして設定すればそのまま動くので、お試しください。次回は、いよいよCMS化していく手順に入ります。良いお年をお迎えくださいませ。