制作料金について保守料金についてオプションWix制作プラン制作実績お問い合わせ運営者についてブログ印刷物デザインBlogSOYCMSでwebサイトを作ってみよう!の手順(CMS組込み編)SOYCMSでwebサイトを作ってみよう(基本設定編)の続きです。今回はwebサイトをCMS化していく手順を紹介します。webサイトをCMSに組込んでいこう!お知らせ用のブログページを機能させる前回、お知らせページは随時更新ができるようにブログページで作成しましたね。適所cmsタグの書き換えを行ってCMSで更新ができるようにしましょう。ブログトップページのHTMLタグが表示されてますね。ソースの中から下記の部分を探してください。class="news"><p><time>2012/10/26</time><span>ホームページをオープンしました!vホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!</span></p><p><time>2012/10/26</time><span>ホームページをオープンしました!</span></p><p><time>2012/10/26</time><span>新商品を3品登録。<a>〇〇〇〇〇</a></span></p><p><time>2012/10/26</time><span>新商品を3品登録。<a>〇〇〇〇〇</a></span></p><p><time>2012/10/26</time><span>新商品を3品登録。href="#">〇〇〇〇〇</a></span></p><p><time>2012/10/26</time><span>新商品を3品登録。→</span></p><p><time>2012/10/26</time><span>新商品を3品登録。datetime="2012-10-26">2012/10/26</time><span>サイトをリニューアルしました。</span></p><p><time>2012/10/26</time><span>FACEBOOKにて、いいね!してくれた方だけのキャンペーンを始めました!</span></p><p><time>2012/10/26</time><span>新商品を3品登録。→</span></p><p><time>2012/10/26</time><span>新しいサービスを開始いたしました。</span></p><p><time>2012/10/26</time><span>ホームページをオープンしました!</span></p></div>架空のお知らせを十数件、入れておきました^<p>から</p>までが1個の記事のまとまりになっていますので、一つを残して削除してしまいます。この部分を、書き換えていきましょう。-->では簡単に説明を。-->この中に記事の繰り返しブロックを一個入れる。本文と追記から余分なタグを取り除いて、指定した文字数分出力してくれる...という便利なタグです。WYSIWYGエディタで書いた記事は、テキストが<P>タグで囲まれて出力されてしまうので、レイアウトが崩れないように使ってみました。今回はお知らせ程度のテキスト量なので、すべて表示されるようちょっと多めの1000文字にしています。本来、抜粋的に使うタグのようですので、記事の一覧表示などに使うと便利ですね!以上でお知らせ記事ページができました。お知らせページではタイトルの出力を作っていないので、更新するときに迷わないように適当なタイトルをつけてくださいね。次はページャーですが、ブログを作成した時と作業内容は全く同じ。記事を更新してみようせっかく作ったお知らせページ、更新の確認をしてみましょう。上部、緑のタブから記事を選択。ラベルの「新規作成」をクリックします。タイトルと本文を記入します。クリックしたら、またブラウザで確認してみましょう。いま更新した記事が反映されていましたか?トップページにお知らせ一覧を掲載してみる記事がきちんと更新できることが確認できたら、そのお知らせ一覧をトップページにも数件掲載してみましょう。入り、編集画面を表示します。下記のソースを探してください。class="news"><p><time>2012/10/26</time><span>ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!</span></p><p><time>2012/10/26</time><span>ホームページをオープンしました!</span></p><p><time>2012/10/26</time><span>新商品を3品登録。<a>〇〇〇〇〇</a></span></p><p><time>2012/10/26</time><span>新商品を3品登録。<a>〇〇〇〇〇</a></span></p><p><time>2012/10/26</time><span>新しいサービスを開始いたしました。</span></p></div>お知らせ項目の繰り返し部分を一つだけ残して削除します。class="news"><p><time>2012/10/26</time><span>ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!ホームページをオープンしました!</span></p></div>それでは、webサイト用にブロック化してみましょう。ブログページ同様記事の繰り返しブロックを出力するタグで、ご自分で決めたidをつけます。その中にタグを書き加えていくのですが、出力タグはお知らせページと全く一緒です。-->この中に記事の繰り返しブロックを一個入れる。ここからブログページとはちょっと違います。ブロック領域が完成したら、とりあえずここで保存ボタンを押して保存してください。その後、エディタのブロックタブをクリックして、作成したブロックIDが表示されているのを確認しましょう。ブロックIDの横にある設定をクリックして設定をしていきます。ここで、作成したはずのブロックIDが表示されていない場合は、以下をご確認ください。ブロックのIDの開始タグと閉じタグが違う。保存ボタンを押していない。設定画面がポップアップします。今回はお知らせページの記事すべてを掲載したいので、ラベルブロックを選択します。ラベルを選択して、表示件数(お好みで)、表示順を決めたら設定の保存をしましょう。今回はお知らせページと同じレイアウトで、件数を減らして5個表示することにしました。ブログへのリンクは今回はタイトルの出力もないですし、記事にリンクを貼る予定ではないのでここはチェックせずにおきます。作成したブロックIDが設定済みのブロックに移動していますね。これでブロック化が完了しました。サンプルサイトのトップページをブラウザで確認してみます。いかがですか?お知らせの記事が表示されましたか?あと一つ。お知らせ一覧へ直接移動してもらうためのリンクを入れて終了です。ソース編集に戻り、、、お知らせ一覧が表示されている箇所のあたりの「お知らせ一覧へ」を探しましょう。ボタンからリンクを貼ります。お知らせページにリンクできたことを確認できたら、トップページへの抜粋表示は完成です。Inquiryをインストールします。公式サイトからのダウンロードでも良いのですが、できれば最新版を使いましょう。下記のサイト様よりダウンロードできます。進むと最新版があると思います。以下に、解凍してできたフォルダごとFTPソフトでアップロードします。インストールが完了すると、SOYCMS管理画面のトップページにinquiryが表示されます。