EC-CUBE 4.2 / 4.3 対応

新着情報プロ プラグイン

メディアライブラリ管理、Summernoteエディタ統合、多階層カテゴリ、商品ショートコード、4大レイアウトブロック、SEO・XMLサイトマップを備えた高機能オウンドメディア構築プラグイン

プラグインコード: newsPro
最新バージョン: 1.4.5
提供元: CubeLab

1プラグイン概要

新着情報プロ プラグインは、EC-CUBE 4.2 / 4.3 の標準的な新着情報機能を大幅に拡張し、本格的なオウンドメディア・ブログマーケティングを行えるプロ仕様のCMS拡張プラグインです。

専用のメディア管理ライブラリを新搭載。ドラッグ＆ドロップでの一括アップロード、Summernoteエディタツールバーからの直接挿入、多階層カテゴリー、商品ショートコード、XMLサイトマップ自動統合、4大フロントブロック（最新記事、人気ランキング、Splideスライダー、サイドバーアーカイブ）などを網羅しています。

主な機能ハイライト

📁 メディア管理
専用ライブラリから画像・文書・ZIP等を一元管理。ドラッグ＆ドロップ一括登録、ALT/タイトル編集、記事作成画面からのモーダル呼び出し対応。
✍️ Summernote リッチエディタ
文字装飾・見出し・表・画像・ファイルリンクを直感的に執筆。メディアライブラリから複数画像やドキュメントを即座に本文へ挿入。
🛍 商品カード ショートコード
本文に [product id=XX] を記述するだけで、商品画像・価格・購入リンク付きの美しい商品カードを自動生成。
🗂 多階層 & 複数カテゴリー
親子階層を持ったカテゴリー管理に対応。1つの記事に複数のカテゴリーやタグを柔軟に関連付け可能。
🧩 4つの専用レイアウトブロック
「新着一覧」「人気ランキング（期間集計）」「Splide無限スライダー」「サイドバーアーカイブ（カテゴリ/年月/タグ）」をレイアウト管理から自由に配置可能。
🚀 高度なSEO & XMLサイトマップ
`Schema.org NewsArticle`, OGP, Canonicalタグの自動挿入に加え、専用サイトマップ /sitemap_news.xml を本体サイトマップへ自動統合。

2メディア管理

サイト全体で利用する画像やPDFなどの各種アセットを一元管理できるメディアライブラリ機能を搭載しています。

3-1. 専用管理画面 (新着情報管理 ➔ メディア管理)

管理画面メニュー 「新着情報管理」 ➔ 「メディア管理」（URL: /%eccube_admin_route%/news_pro/media）からアクセスします。

  • ドラッグ＆ドロップ一括アップロード: 複数の画像やファイルをまとめてブラウザ上にドロップするだけで、非同期プログレスバー付きで高速にアップロード保存されます。
  • 対応ファイル形式: JPEG, PNG, GIF, WebP, SVG, PDF, ZIP, Office文書 (Word, Excel) 等に対応（最大20MB/ファイル）。
  • キーワード検索 & タイプ絞り込み: ファイル名やタイトルでの検索、および「画像のみ」「文書のみ」の絞り込みが可能です。
  • メタ情報編集: メディアを選択すると右サイドバーに詳細が表示され、URLのワンクリックコピー、タイトル、代替テキストをリアルタイム更新できます。
  • 一括削除 & 単体削除: 不要になったメディアを選択して一括削除可能（DBレコードとサーバー上の実ファイルを同時に安全削除）。

3-2. モーダルメディアピッカー（記事作成画面との連携）

記事の新規作成・編集画面（news_edit.twig）から、メディアライブラリをシームレスに呼び出せます：

呼び出し箇所動作とメリット
サムネイル選択「メディアから選択」ボタンをクリックするとライブラリが開きます。画像を選択するだけでアイキャッチ画像として即時反映されます。
添付ファイル選択ファイルタイプ記事の配布用PDFやZIPファイルをメディアライブラリからワンクリックで指定できます（ファイル名・サイズも自動取得）。
Summernote エディタツールバーエディタ内の専用メディアアイコンをクリックすることで、ライブラリ内の画像を本文へ直接埋め込み。複数選択による一括挿入や、PDF等の文書リンク挿入にも対応しています。
安全保護設計: 記事を削除した際、エディタ内で直接アップロードされた一時画像は自動クリーンアップされますが、メディアライブラリに保存されている共有アセット（`news_pro/media/`）は保護され、誤って削除されることは一切ありません。

3記事の作成・執筆機能

管理画面メニュー 「新着情報管理」 ➔ 「新着情報一覧」 ➔ 「新規作成」 から執筆します。

4-1. 多彩なニュースタイプ

タイプ概要
通常記事（本文）Summernoteエディタで記事本文を書き、専用詳細ページ（`/news/{id}`）で閲覧させる標準タイプ。
外部リンク一覧でタイトルをクリックした際、指定した外部Webサイト（LPやプレスリリース）へ直接ジャンプさせるタイプ。
ファイル添付カタログPDFや申込書等を添付し、クリック時に直接安全にダウンロードさせるタイプ。

4-2. 複数カテゴリー選択 & タグ管理

  • 複数カテゴリー対応: 1つの記事に対して、チェックボックスで複数のカテゴリーを選択・関連付けできます。階層化されたカテゴリーは「└─」インデント付きで視覚的に整理されています。
  • タグクラウド: 複数のタグを付与可能。フロントエンドではタグ別の一覧ページが自動生成され、記事下部にタグバッジが表示されます。

4-3. カスタムURLスラグ & ピン留め

  • カスタムURLスラグ: URL末尾を数字IDから campaign-2026 や日本語スラッグなどのSEOに強い文字列へ変更できます（フォームで重複検知バリデーション済み）。
  • ピン留め: チェックを入れると、投稿日時にかかわらずニュース一覧やブロックの最上位に「HOT」バッジ付きで固定表示されます。
  • 会員限定公開: ログイン中の会員のみ本文閲覧を許可し、非会員にはログイン誘導を行う限定記事設定。
  • 想定読了時間表示: 記事本文の文字数から読了までの目安時間（例: ⏱ 約3分で読める）を自動算出・表示。

4商品インラインショートコード

新着記事の本文中にショップで販売している商品を埋め込むことで、オウンドメディアから直接購買へ繋げることができます。

書き方と動作

記事の本文中に、以下のようにショートコードを記述します：

[product id=12]
自動レンダリング機能: フロントエンド表示時、Twigフィルターがこの記述を自動検知し、対象商品の「メイン画像」「商品名」「販売価格（税込）」「詳細ページへのリンクボタン」を含む美しい 商品カード デザインへと自動変換して表示します。

5SEO自動最適化 & XMLサイトマップ

検索エンジンの評価を最大化するための最新SEO仕様が標準で組み込まれています。

6-1. 高度な構造化データ & メタタグ

  • Schema.org (NewsArticle): Google推奨のJSON-LD構造化データ（`publisher`, `mainEntityOfPage`等）を自動出力。
  • OGP & X (Twitter) Cards: SNSシェア時のアイキャッチ画像や要約文を自動生成。
  • 自己参照型 Canonical タグ: 重複コンテンツペナルティを防ぐため、全ニュースページに canonical タグを自動挿入。
  • SERPプレビュー: 編集画面でGoogle検索結果の表示イメージ（タイトル、説明文、URL）をリアルタイムに確認可能。

6-2. ニュース専用 XML サイトマップ連携

プラグインを有効化すると、ニュース専用のサイトマップ /sitemap_news.xml が自動的に生成され、EC-CUBE本番の /sitemap.xml のインデックスへと自動インジェクションされます。掲載期限切れの記事や下書きは自動で除外されます。

6下書き保存 & セキュアプレビュー

7-1. ワークフロー（下書き・掲載期間指定）

ステータスを「下書き」に設定することで、一般の顧客には非公開のまま記事を保存できます。また、「掲載終了日時」を指定しておくと、キャンペーン終了時刻を過ぎた瞬間に自動でフロント非表示・サイトマップ除外・ファイルダウンロード遮断が行われます。

7-2. セキュアプレビューURL & スマート切替

下書き状態または公開前の記事には、個別のセキュリティトークンが付与されたプレビューURL（例: /news/preview/{token}）が自動発行されます。

スマートボタン切替: 管理画面の一覧および編集ヘッダーにおいて、すでに公開中の記事は「フロント表示（公開URL）」ボタンが表示され、下書きや公開前の記事は自動的に「プレビュー（トークンURL）」ボタンへと切り替わるため、確認ミスを防ぎます。

74つの専用フロントブロック

EC-CUBEの「コンテンツ管理 ➔ レイアウト管理」から、ドラッグ＆ドロップで自由な位置に配置できる4つの専用ブロックが同梱されています。

ブロック名ファイル名機能・特徴
newsPronewsPro.twig最新ニュース一覧を表示。プラグイン設定画面から「グリッド / リスト」レイアウトや表示件数を変更可能。
newsProPopularnewsProPopular.twigPV数（閲覧数）順に人気記事をランキング表示。集計期間（全期間 / 過去7日間 / 過去30日間）を設定画面から選択可能。
newsProSlidernewsProSlider.twig軽量ライブラリ Splide.js を採用した無限ループスライダー。レスポンシブ（PC/タブレット/スマホ）に自動最適化。
newsProArchivenewsProArchive.twigサイドバー用の高機能ブロック。階層カテゴリーツリー、年・月別アコーディオン展開、タグクラウドをワンパッケージで表示。

8カテゴリー・タグ・アーカイブ管理

9-1. 多階層カテゴリーツリー & 並び替え

管理画面メニュー 「新着情報管理」 ➔ 「カテゴリ管理」 では、親カテゴリーと子カテゴリーを指定して多階層ツリーを構築できます。

  • ドラッグ＆ドロップ並び替え: ハンドルをドラッグするだけで表示順（sort_no）を即時並び替え可能。
  • Ajax表示切替: ワンクリックでカテゴリの公開・非公開を非同期に切り替え。
  • 紐づく記事数表示: 各カテゴリーに現在登録されている記事数がリアルタイムで集計表示されます。

9-2. タグ管理 & タグクラウド

管理画面メニュー 「新着情報管理」 ➔ 「タグ管理」 からタグを登録・編集できます。フロントエンドではタグの利用頻度に応じたタグクラウドが表示されます。

9CSVエクスポート / インポート

管理画面メニュー 「新着情報管理」 ➔ 「CSVインポート / エクスポート」 より、大量記事の一括登録やバックアップが可能です。

  • 全カラム完全対応: タイトルや本文だけでなく、カスタムURL、ピン留め、公開ステータス、掲載終了日時、複数カテゴリーID、タグID、関連商品ID、SEOメタ情報まで完全にエクスポート・インポート可能です。
  • 絞り込みエクスポート: 管理画面一覧で検索した条件（カテゴリー、日付範囲、ステータス等）を維持したまま対象記事のみをCSV出力できます。

10よくあるご質問

Q1. レイアウト（グリッド / リスト）を変更するには？

A. 管理画面の「新着情報管理 ➔ 設定」を開き、一覧レイアウト（カードグリッド / リスト表示）および1ページあたりの表示件数を変更して「設定」ボタンを押してください。

Q2. メディア管理にアップロードした画像はどこに保存されますか？

A. EC-CUBEの画像保存ディレクトリ配下の /html/upload/save_image/news_pro/media/ に一意な安全ファイル名で保存されます。

Q3. 記事を削除したとき、メディアライブラリの画像は消えてしまいますか？

A. いいえ、消えません。メディアライブラリ内の画像は複数記事やバナー等で再利用可能な「共有アセット」として保護されており、記事を削除してもメディアライブラリ内のファイルは保持されます。

Q4. テーマを変更してもレイアウトは崩れませんか？

A. フロントエンドのCSSスタイルを完全に自己完結化しており、EC-CUBE のデフォルトテーマ以外の独自デザインテンプレートでも崩れることなく美しいデザインで動作します。

Q5. カスタマイズや導入支援の相談窓口はありますか？

A. 独自デザインへの微調整、ブロック追加、外部システム連携などの個別カスタマイズは、CubeLab 公式サイトのお問い合わせフォームよりお気軽にご相談ください。