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

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

販売価格:55,000円(税込)

公開日: 2018年11月12日 / 更新日: 2019年7月2日

対応バージョン : EC-CUBE 4
4.0系 4.0.0|4.0.1|4.0.2|4.0.3

提供: SPREAD WORKS Inc.

サポート: eccube@spreadworks.co.jp

ライセンス: 独自ライセンス

商品情報

【EC-CUBE4対応】
「taba app CMSプラグイン」は新着情報やブログなどの機能を簡単にEC-CUBEに追加できるプラグインです。別途WordpressなどのCMSをインストールすることなく、ページの追加、編集が行えるようになります。

2019年1月11日 価格改定しました。

特徴

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

デモ

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

ショップ画面 管理画面ログインID:admin , パスワード:password
デモシステムは月曜日から金曜日の9時から21時の間でご利用いただけます。なお、システムメンテナンスのため指定時間内であっても停止することがございます。予めご了承ください。

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

管理画面

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

他のプラグインとの連携

当社プラグイン「taba app ファイル管理プラグイン for EC-CUBE 4」を導入すると画像の差し込みが簡単に行えるようになります。

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

機能・仕様説明

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


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

テンプレートについて


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


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

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

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

デザインカスタマイズ
テンプレートは「[EC-CUBEインストールディレクトリ]/app/Plugin/TabaCMS/Resource/template/default」に設置しています。
デザインをカスタマイズする場合は、以下手順でコピーを作成してからカスタマイズすると、プラグインのアップデート時でも上書き更新されないのでオススメです。

1.以下のディレクトリを作成してください。
[EC-CUBEインストールディレクトリ]/app/PluginData/TabaCMS/template/[テンプレートコード]
または
[EC-CUBEインストールディレクトリ]/app/template/[テンプレートコード]/Plugin/TabaCMS

※ テンプレートコード … テンプレートが app/template/default に設置されている場合、「default」がテンプレートコードになります。
※ ファイルが同時に存在した場合は、PluginData下のファイルを優先します。

2.「1」で作成したディレクトリにdefaultテンプレート内にあるファイルをコピーしてください。



ウィジットについて


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

カテゴリーリストcategoryカテゴリーリストを出力します。
投稿リストlist投稿のリストを出力します。トップページなどに埋め込む用途で使用できます。

Twig拡張関数


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

TabaCMSWidget カテゴリーリストの出力などのデータを出力します。
TabaCMSAsset テンプレートディレクトに設置したJS、CSSなどの静的ファイルを読み込みます。
TabaCMSIsUnload 静的ファイルが読み込まれたチェックします。
TabaCMSPostList 投稿したデータのリストを取得します。
TabaCMSPost 投稿したデータを取得します。

よくある質問と回答

  • 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('strongst',{type_data_key:'news'})|raw }}

    ブログの表示

    画像を表示させたい場合は、新着情報ではなくブログで投稿し、以下のタグを記述していください。
    {{ TabaCMSWidget('strongst',{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.トップページへ新着情報を表示させるにはどうしたらよいですか?

    A.以下の方法にて、トップページに一覧を表示させることが可能です。
    1. 管理画面にログイン
    2. TOPページを編集する
      コンテンツ管理 -> ページ管理 -> TOPページ(ページ編集をクリック)

    3.以下のタグを任意の場所に記述してください。

    ・新着情報の表示

    {{ TabaCMSWidget('list',{type_data_key:'news'})|raw }}

    ・ブログの表示
    画像を表示させたい場合は、新着情報ではなくブログで投稿し、以下のタグを記述していください。

    {{ TabaCMSWidget('list',{type_data_key:'blog'})|raw }}

    4.キャッシュを削除してください。

    なお、既存の新着情報の部分が不要であれば、
    「コンテンツ管理 -> ページ管理 -> TOPページ(レイアウト編集をクリック)」
    で、新着情報ブロックを除外してください。


サポート・お問い合わせ

EC-CUBE本体をカスタマイズしている場合、標準テンプレートに準拠していないテンプレートを使用している場合、他社製のプラグインと競合している場合は正常に動作しない可能性があります。有償になりますが、当社にて調査・修正することが可能です。

デザイン、機能拡張などのカスタマイズをお受けしています。お気軽にお問い合わせください。


EC-CUBE4対応プラグインのご紹介

PAGE TOP

リリースノート

「taba app CMSプラグイン for EC-CUBE 4」アップデート(2019/07/02)
・JSライブラリをアップデートしました。
・HTMLタグ自動変換を一部無効にしました。
【無効にした変換ルール】
・DIV から P
・I から EM
「taba app CMSプラグイン for EC-CUBE 4」アップデート(2019/05/24)
不具合の修正と機能追加を行いました。
・投稿が削除できない問題を解消した。
・テンプレートの参照ディレクトリを追加した。
「taba app CMSプラグイン for EC-CUBE 4」アップデート(2019/04/08)
不具合の修正と機能追加を行いました。
・公開日時が正しく動作しない問題を解消した。
・画像の設定画面で横幅を指定できるようにした。
・tableタグの追加、編集ができるようにした。
・Paste embed 機能を追加した。
(Youtube、vimeoなどの動画サイトのURLをペーストするとiframeで埋め込む機能)

PAGE TOP

【簡単ページ追加】taba app CMSプラグイン for EC-CUBE 4 55,000円(税込)

PAGE TOP