ECcubeに新着情報ブログ一覧、詳細ページを追加する方法

ECcubeデフォルトの新着情報には記事一覧ページも記事詳細ページも存在していません。

結論、プラグインにより実装ができました。

使用したプラグイン

無料で実装できるプラグインが公式からいくつか公開されていますが、実際に使えたのはこちらです。

https://www.ec-cube.net/products/detail.php?product_id=2217

４系にも対応していて、デザインは柔軟に変更でき、非常にありがたいプラグインでした。

ワードプレスのように記事投稿ができ、画像や表、リンクなどもエディタに実装されています。

プラグインを有効化すると、管理画面の「ページ管理」に一覧ページと詳細ページの編集ページが追加されており、HTML、CSSで自由にデザインを変更できました。

ちなみにサーバー環境はエックスサーバーショップです。

各種呼び出しコード（メモ）

・サムネイル

{{ asset(blog.getMainListImage|no_image_product, ‘save_image’) }}

・投稿日

{{blog.release_date|date(‘Y-m-d’)}}

・記事タイトル

{{ blog.getTitle|length > 45 ? blog.getTitle|striptags|replace({(‘ ’):’ ‘})|slice(0, 45)|raw ~ ‘…’ : blog.getTitle|raw }}

→文字数を45文字で制御。数字を変えると表示文字数を変更できます。

・本文コンテンツ

{{ blog.body|length > 100 ? blog.body|striptags|replace({(‘ ’):’ ‘})|slice(0, 100)|raw }}

→文字数制御はタイトル同様

結論

カテゴリ機能もあって便利でした。

プロ版（3,000円）で記事表示順やタグ機能も実装できるようです。