このページは役立ちましたか?

新しいページを作成して、記事として公開するまでの流れ hp/hp ouen/01 cms Joomla edit/01 Joomla ver3.x/details/new article からのリダイレクト

t.fukumoto により 2015年 7月 23日, 01:38が変更された | 履歴

    CMSの編集方法【上級編】

    新しいページを作って記事として公開するまでの流れ 


    上級編「新しいページを作成して、記事として公開するまでの流れ」では、記事・モジュール・メニューを
    適切に設定することでページがサイトに公開されます。
    記事・モジュール・メニューがサイト上でどのように連携しているか理解を深めるために、
    新しい記事をページ公開までの手順を説明していきます。


     

    「新しいページを作成して、記事として公開するまでの流れ」は以下の構成になっています。
     
    1. 記事を作成する
    2. ページをサイト上で辿れるように、メニューに追加する。
    3. 記事をコピーする


     

    1. 記事を作成する  

    1. 「記事」→「記事管理」→「記事の追加」ボタンをクリックして、新規作成画面を開きます。

      018.gif



       
    2. カテゴリを選び、表示させたいカテゴリを選択します。 ※特にカテゴリーを分けなどをしていない場合には
      「一般ページ」を選択します。

      005.gif



       
    3. タイトル・エイリアス・本文を設定します。
      タイトル:ページ設定によってブラウザのタイトル部分などに表示される場合がありますので、その視点でつけます。
      エイリアス:半角英数字+ハイフンで入力します。記事一覧時の検索などで使いますので、シンプルで整理された名前をつけます。
      本文:ページに表示される本文になります。

      006.gif



       
    4. save_close.pngを押して、保存します。

      021.gif


       

    2. ページをサイト上で辿れるように、メニューに追加する。  

    1. 「メニュー」→「Main Menu」を選択します。

      007.gif



       
    2. 「Main Menu」のメニューアイテム一覧を表示します。

      008.gif


       
    3. 「新規」をクリックしてメニューアイテムを新規作成します。

      009.gif


       
    4. メニューアイテムの種類をクリック「単一記事」を選びます。

      010.gif



       
    5. 右側の、「記事の選択」から先ほど作成した記事を選びます。

      019.gif



       
    6. メニュータイトルを記入します。 これは実際にメニューに表示され、ページタイトルとして表示されますのでよく考えて決めます。
       
    7. エイリアスは、英数字とハイフンアンダーバーが使えます。 エイリアスはURLになりますので、よく考えて決めます。
       
    8. 親アイテムを決めます。(ここでは「ホームページ応援団」を選びます。)
      ※今回は「メニューアイテムルート」直下のメニューは上部に固定しているので、追加すると予期せぬ レイアウトになってしまいます。 基本的には「メニューアイテムルート」直下の、メニューを親要素として作成致します。

       
    9. テンプレートスタイルについては、「-標準設定を使用-」にします。

      012.gif


       
    10. 上記全て入力したら、save.png「保存」を押して完了します。

      013.gif



       
    11. 実際のサイトで追加されているか確認します。メニューに追加されているので、クリックしてページを開いてみます。

      015.gif


       

    3. 記事をコピーする  

    CMS等のシステムに不慣れな場合は、一からご自身で記事を作成するのではなく、既存の記事をコピーして 中身の内容のみを編集することをオススメします。
     

    1. 記事一覧よりコピー元の記事をクリックします。ここでは「CMSの編集方法」を選択します。

      020.gif





       
    2. ページ下部の「移動/コピーするカテゴリの選択」で「一般ページ」・コピーを選択して、 実行をクリックします。

      016.gif



       
    3. 「CMSの編集方法(2)」という記事が作成されます。

      017.gif


       
    4. コピーした記事のタイトル・エイリアス・記事本文を編集して、【2. ページをサイト上で辿れるように、メニュー追加する。】の手順にも戻りメニューへの関連付けをします。

       
    このページは役立ちましたか?
    タグ (タグ編集)
    • No tags
    ここにリンクしているページ
    ページ統計
    1832 view(s), 12 edit(s) and 5208 character(s)

    コメント

    あなたはコメントを投稿するには ログイン しなければなりません。

    添付ファイル

    添付

    ファイルサイズ日付添付したユーザ 
     001.gif
    説明なし
    44.25 kB2015年 7月 21日, 07:51t.fukumotoアクション
     002.gif
    説明なし
    53.58 kB2015年 7月 21日, 07:51t.fukumotoアクション
     003.gif
    説明なし
    21.92 kB2015年 7月 21日, 07:51t.fukumotoアクション
     004.gif
    説明なし
    53.58 kB2015年 7月 21日, 07:51t.fukumotoアクション
     005.gif
    説明なし
    36.51 kB2015年 7月 21日, 07:52t.fukumotoアクション
     006.gif
    説明なし
    47.08 kB2015年 7月 21日, 07:52t.fukumotoアクション
     007.gif
    説明なし
    21.92 kB2015年 7月 21日, 07:52t.fukumotoアクション
     008.gif
    説明なし
    38.11 kB2015年 7月 21日, 10:27t.fukumotoアクション
     009.gif
    説明なし
    38.4 kB2015年 7月 21日, 10:27t.fukumotoアクション
     010.gif
    説明なし
    38.97 kB2015年 7月 21日, 07:53t.fukumotoアクション
     012.gif
    説明なし
    30.32 kB2015年 7月 21日, 07:53t.fukumotoアクション
     013.gif
    説明なし
    33.55 kB2015年 7月 21日, 07:53t.fukumotoアクション
     014.gif
    説明なし
    19 kB2015年 7月 21日, 07:53t.fukumotoアクション
     015.gif
    説明なし
    38.06 kB2015年 7月 21日, 09:22t.fukumotoアクション
     016.gif
    説明なし
    54.73 kB2015年 7月 21日, 07:54t.fukumotoアクション
     017.gif
    説明なし
    37 kB2015年 7月 21日, 07:54t.fukumotoアクション
     018.gif
    説明なし
    44.28 kB2015年 7月 21日, 07:55t.fukumotoアクション
     019.gif
    説明なし
    43.55 kB2015年 7月 21日, 09:08t.fukumotoアクション
     020.gif
    説明なし
    42.5 kB2015年 7月 21日, 09:28t.fukumotoアクション
     021.gif
    説明なし
    28.68 kB2015年 7月 21日, 10:47t.fukumotoアクション
     save.png
    説明なし
    4.77 kB2015年 7月 21日, 10:52t.fukumotoアクション
     save_close.png
    説明なし
    6.78 kB2015年 7月 21日, 10:52t.fukumotoアクション