記事の中身を編集する

t.fukumoto により 2015年 7月 16日, 09:44が変更された | 履歴

    2024年 10月 1日, 07:24 現在の版

    この版へ

    版の一覧 に戻る。

    現在の版を閲覧

    CMSの編集方法【初級編】 


    記事の中身を編集する

     

    1.ここを編集したい

    出ている画面は以下の パーツで管理されています。


    ①デザインテンプレート(青)
        表示の大元となる枠組み+基本のデザインを決めています。(編集不可)
    ②記事(編集可)(赤)
        メインとなるページコンテンツ部分
    ③モジュール(一部編集可)(茶)
        左右のバーやメニュー・パンくずリストなどシステムと連動して動作したり、繰り返し使うパーツなど 。
    ④プラグイン
        独立した機能の組み込みに使用する。(メールフォーム等)

     

    2.記事の編集

    1.記事は、管理画面の「記事」→「記事管理」に記事の一覧があります。
    2.記事一覧の中から編集した記事を選びます。ここでは「CMSの編集方法」という記事を選択して編集していきます。
    3.記事を選択すると以下画面が表示されますので、こちらの画面で記事を編集します。

    3.文章を変更

    1.記事内の文章を変更します。その前に、まずは変更前の状態を確認します。確認をしたら赤枠部分を変更していきます。
    2.記事の編集画面に戻ったらまずは電話番号を変更してみます。編集方法については編集したい部分をクリックするとカーソルが表示されるので、後は消す書く等の通常のエディタ操作で編集が可能です。今回は電話番号を「03-5787−6796」 → 「03-9999-9999」へ変更します。
    3.記事の編集が完了したら必ず画面右上の【保存】アイコンをクリックして保存をします。保存後、「公開済みの記事CMSの編集方法を保存しました。」と青い表示がでたら保存が完了となります。
    4.ブラウザで確認すると記事の内容が変更されていることが分かります。その他の部分についても文章内容の変更のみの場合はこの手順で行います。

    4.文字を変更

    1.記事内の文字を編集します。まず最初に文字色・文字サイズを変更します。記事右下に「トップへ戻る」といるテキストリンクがあるので、そちらを編集します。
    2.管理画面にて、変更したい部分にマウスでカーソルを当てます。画面左下に「パス: p » a」とい表示がでますので、その中の「a」をクリックします。クリックすると、「トップへ戻る」部分が選択された状態になります。(リンクの編集については基本的に「a」を編集する形となります。)※テキストをドラックでも同様の操作となりますが、上記操作で行った方が、正確です。
    3.「トップへ戻る」を編集した状態でフォントサイズと文字色を変更します。ここではフォントサイズを「138.5%」・文字色を「赤」に変更します。
    4.変更後、保存をしてブラウザで確認すると変更されていることがわかります。

    5.リンク先を変更

    6.文章を追加

    7.画像を差し替え