【簡単ページ追加】taba app CMSプラグイン for EC-CUBE 4.0/4.1

特徴

• Wysisygエディタ(HTMLエディタ)で簡単にページの編集が可能です。
• ページを簡単に増やすことができます。
• ページ毎に細かくデザインを作り込むことができます。

デモ

ご購入前に表示、操作をご確認いただけるよう、デモをご用意しております。

投稿の種類を作成することが可能

投稿タイプ(種類)を設定することが可能で、投稿タイプ毎にデザイン変更が可能です。投稿タイプには「新着情報」「ブログ」が予め登録設定されています。

テンプレートについて

テンプレートは大きく「投稿一覧ページ」「投稿ページ」「ウィジット」の3種類があり、一定のルールの基、デザインのカスタマイズすることができます。
※ 使用するテンプレートは番号が多い方を優先します。

投稿一覧ページ

• 1. list.twig
• 2. list_[投稿タイプのデータキー].twig

投稿ページ

• 1. post.twig
• 2. post_[投稿タイプのデータキー].twig
• 3. post_[投稿タイプのデータキー]_[投稿のデータキー].twig

ウィジット

• 1. widget_[ウィジット名].twig
• 2. lwidget_[ウィジット名]_[投稿タイプのデータキー].twig

ウィジットについて

各種データを出力する機能です。テンプレートに TabaCMSWidget 関数を記述することでアクセスすることができます。

Twig拡張関数

テンプレート内で使用可能な拡張関数です。

• Q.ページのURLを変更したい。
  
  A.config.ymlの「front_uri_prefix」にパスを追加することができます。
  (例) 「front_uri_prefix: /cms」とした場合は、ブログの投稿リストページは「http://ホスト名/cms/blog」になります。
  


• Q.テンプレートフォルダに設置しているCSSや画像などを表示させたい。
  
  A.TabaCMSAsset 関数を使用します。読み込めるファイルは「jpg」「gif」「png」「svg」「js」「css」です。
  (例) <link rel="stylesheet" href="{{ TabaCMSAsset('style.css') }}">
  
  


• Q.トップページへ新着情報を表示させるにはどうすればよいですか?
  
  A.以下の方法にて、トップページに一覧を表示させることが可能です。
  
  1. 管理画面にログイン
  
  2 .TOPページを編集する
  
  コンテンツ管理 -> ページ管理 -> TOPページ(ページ編集をクリック)
  
  3. 以下のタグを任意の場所に記述してください
  
  新着情報の表示
  
  
  {{ TabaCMSWidget('list',{type_data_key:'news'})|raw }}
  
  ブログの表示
  
  画像を表示させたい場合は、新着情報ではなくブログで投稿し、以下のタグを記述していください。
  
  {{ TabaCMSWidget('list',{type_data_key:'blog'})|raw }}
  
  4. キャッシュを削除してください。
  
  
  なお、既存の新着情報の部分が不要であれば、
  「コンテンツ管理 -> ページ管理 -> TOPページ(レイアウト編集をクリック)」
  で、新着情報ブロックを除外してください。
  
  
  デザインの変更に関して
  以下のファイルで編集することが可能です。
  
  
  [EC-CUBEインストールディレクトリ]/app/Plugin/TabaCMS/Resource/template/default/widget_list.twig
  [EC-CUBEインストールディレクトリ]/app/Plugin/TabaCMS/Resource/template/default/widget_list_blog.twig
  [EC-CUBEインストールディレクトリ]/app/Plugin/TabaCMS/Resource/template/default/style.css
  


• Q.テスト環境と本番環境で、プラグインを2つ購入する必要がありますか?
  
  A.当プラグインは「バックアップする目的」「動作を確認する目的」に限り複製することができます。
  詳しくはライセンスをご参照ください。
  プラグインライセンス
  

サポート

動作システム環境

動作ブラウザ

EC-CUBE4.0/4.1対応プラグインのご紹介