a-blog cmsでサイト制作講座1 システム編

初心者にやさしいa-blog cmsの使い方

TEL

4 モジュールファイルの作成



モジュールファイルの作成

 
 「トップページにエントリーモジュールを設置する」では、モジュールファイルを作成するときに、標準としてmainフォルダー内に既に用意されていた「entryBody.html」ファイルをコピーして使いました。

しかし標準のモジュールファイルが用意されていないモジュールの場合にはどうすればよいのでしょうか。

その場合にはスニペットをつかいます。

スニペットでモジュールファイルを作ってみましょう。今回は「Entry_List」のモジュールファイルを作ってみます。

1 空のhtmlファイルを作成

 
mainフォルダ内に「testEntryList.html」というhtmlファイルを作成します。他のモジュールファイルを適当にコピーして中身を消し、名前を変更してしまうのがてっとり早いです。


 
2 スニペットをコピーする。
 

コンフィグ管理画面の「モジュール欄」、「エントリーリスト」の「スニペット」をクリックします。 
 


 
エントリーリストのスニペットが表示されます。
 


 
このスニペットを右クリック→コピーします。
 
 

3 空のhtmlファイルにスニペットを貼り付ける

  
mainフォルダー内に作成した「testEntryList.html」を開いて、コピーしたスニペットを貼り付けます。これで新しくエントリーリストのモジュールファイル「testEntryList.html」ができました。
 


4 モジュールIDを記述する

作成したモジュールファイルの一行目にモジュールIDを記述してモジュールID管理画面に紐づけします。
 


このようにしてモジュールファイルを作成できるのですが、新しく作ったモジュールファイルはCSSによるデザインがされていません。
そこで、手軽に使いたいなら最初から標準として用意されているモジュールファイルを使うのがよいでしょう。
また自分でカスタマイズするならスニペットを使うとよいでしょう。