【ページ追加・機能UP】taba app CMSプラグイン for EC-CUBE 3

特徴

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

デモ

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

ご利用上のご注意

• デモシステムは月曜日から金曜日の9時から21時の間でご利用いただけます。なお、システムメンテナンスのため指定時間内であっても停止することがございます。予めご了承ください。
• 公開しているデモシステムですので、個人情報の入力は行わないようにしてください。
• 他のユーザーも同時に使用しています。表示の崩れ、不適切なデータの表示、入力したデータが消えることがございます。予めご了承ください。
• データは適宜、初期化しています。
• 当社からリリースしている他のプラグインもご確認いただけます。

画面サンプル

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

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

テンプレートについて

テンプレートは大きく「投稿一覧ページ」「投稿ページ」「ウィジット」の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ページ(レイアウト編集をクリック)」
  で、新着情報ブロックを除外してください。