メインコンテンツへ移動

HUBLO News Pack

ニュース・メディアサイト向け

ニュース/メディアサイト風に見せたい方向けのデザインパックです。適用すると、サイト名・メニュー・記事カードの並び方・サイドバーまで含めてサイト全体が報道メディアの雰囲気に変わります。注目記事+新着記事のトップページ、カテゴリ別ニュース一覧ページなど、実際に運用できる完成イメージがすぐ手に入ります。

¥3,980(買い切り)

ヘッダー・ナビ・フッターまで作り直しました(v1.3.0)

v1.3.0では配色だけでなく、ヘッダーを新聞のマストヘッド風に、メニューをカテゴリタブ風に、フッターを報道メディアらしいリンク構造に作り直しました。ヘッダー上部には速報・カテゴリを思わせる帯を追加し、見出しフォントはGeorgia系のserifで新聞らしい風格を、本文は読みやすいシステムsansのままにしています。

HUBLO News Pack ヘッダー:マストヘッド風サイト名+カテゴリタブ風メニュー+料金を見るCTA
ヘッダー:マストヘッド風サイト名+カテゴリタブ風メニュー+ヘッダーCTA
HUBLO News Pack v1.5.0 フッター(4カラム・日付/カテゴリラベル)
フッター:カテゴリ/最新ニュース/人気記事/トピックの4カラム構成

導入前後の見た目イメージ

無料テーマ標準

HUBLO 無料テーマ標準の見た目(デザインパック未適用)

HUBLO News Pack適用後

HUBLO News Pack を実際に適用したトップページ

上記は実際にHUBLO News Packを適用し、サイト名「Daily Topic」・メニュー(ニュース/ トピック/人気記事/カテゴリ)・記事カードの並び方(横長・高密度)・サイドバーの中身まで ニュースメディア向けに切り替えて撮影した状態です(色だけを変えた合成ではありません)。 ヘッダーも濃紺のマストヘッド風に変わり、サイト全体が報道メディアの雰囲気になります。

ニューストップ・カテゴリ表示の見た目(実際に適用した画面)

人気記事セクション(実際に適用した画面)
人気記事ランキング表示(実際の適用画面)
カテゴリ別トピックセクション(実際に適用した画面)
カテゴリ別記事一覧(実際の適用画面)

サイドバーもジャンルに合わせて変わります(v1.4.0)

記事ページ・アーカイブページでは、サイドバーに「速報」「最新ニュース」「人気記事」「注目トピック」「カテゴリ一覧」「タグ」を配置できます。ボックス型ではなく区切り線中心のフラットな見せ方で、報道メディアらしい高密度な情報整理を演出します。管理画面の「サンプルサイドバーウィジェットを追加する」ボタンから、購入者様ご自身のサイトにもそのまま追加できます。

HUBLO News Pack 専用サイドバー(速報・最新ニュース・人気記事・注目トピック・カテゴリ一覧・タグ)
専用サイドバー:速報・最新ニュース・人気記事・注目トピック・カテゴリ・タグクラウド

追加されるデザインプリセット(3種)

News Hub Pro プリセットの見た目イメージ(実際の適用画面)

News Hub Pro

白ベース+ネイビー/ブルー系アクセントのニュースメディア風デザイン。迷ったらこちら。

Daily Media プリセットの見た目イメージ(実際の適用画面)

Daily Media

新聞・ニュースアプリ風デザイン。更新日・カテゴリラベルが目立ち、情報量が多くても読みやすくなります。

Topic Magazine プリセットの見た目イメージ(実際の適用画面)

Topic Magazine

マガジン風デザイン。余白多め・角丸大きめで、高級感のある特集ページに向いています。

軽い動的演出も追加されます(v1.4.0)

注目ニューススライダーと速報ティッカーを追加しました。vanilla JS(外部ライブラリ不使用)による軽量な実装で、キーボード操作・prefers-reduced-motion(アニメーション低減設定)に対応しています。JavaScriptが無効な環境でも、スライダーは横スクロール一覧として、速報は先頭の1件がそのまま静的に表示されます。下のパーツは実際にこのページ上で動いています。ニュースメディアらしい動きが、こういった形で作れます。

速報

2026年注目のコンテンツマーケティング動向を公開しました

コンテンツ品質を上げるチェックリストを公開しました

アフィリエイトサイト運営の始め方を公開しました

2026年、仕事を変えるAIツール10選

文章作成・画像生成・業務自動化まで注目のツールをまとめました

記事を読む

在宅ワークを快適にするデスク周辺機器まとめ

モニター・チェア・照明などの選び方を紹介

記事を読む

生成AIで変わる、これからの働き方

業務効率化の観点から編集部の視点でまとめました

記事を読む

撮影したスクリーンショットも、あわせてご確認ください。

HUBLO News Pack v1.4.0 注目ニューススライダー
注目ニューススライダー
HUBLO News Pack v1.4.0 速報ティッカー
速報ティッカー

追加されるブロックパターン(14種)

ニュースメディア風トップセクション/注目記事+新着記事レイアウト/カテゴリ別ニュース一覧/更新記事ハブ/人気記事ランキング風リスト/トピックタグ特集/特集記事セクション/編集部おすすめ風セクション/速報・お知らせ風ボックス/ニュースレターCTA/メディア記事テンプレート/AI大量記事サイト向けトップページテンプレート。いずれもテーマ本体の既存ショートコードのみで構成しています。

追加スターター固定ページ(7種)

ニュースメディア風トップページのイメージ(実際の適用画面)

ニュースメディア風トップページ

注目記事・新着記事を見せるトップページ

カテゴリニュース一覧ページのイメージ(実際の適用画面)

カテゴリニュース一覧ページ

カテゴリ別に記事を整理して見せるページ

更新記事一覧ページのイメージ(実際の適用画面・人気記事一覧ページで代用)

更新記事一覧ページ

最近更新された記事をまとめて見せるページ

  • 人気記事一覧ページ
  • トピック特集ページ
  • 編集部おすすめページ
  • お知らせ/速報ページ

ワンクリック適用 / 元に戻す機能

有効化しただけでは、デザインは自動的に変わりません。

管理画面の「推奨デザインを適用する」ボタンを押すだけで反映できます。

適用前のテーマ設定は自動的にバックアップされます。

「元の設定に戻す」ボタンで、いつでも適用前の状態に戻せます。

投稿本文・固定ページ本文・タイトルは変更されません。

デザインパック有効化直後の推奨デザイン適用通知バナー
有効化直後に表示される「推奨デザインを適用する」通知

注意事項

HUBLO v1.5.0以上が別途必要です(無料)。テーマが無効・バージョンが古い場合、本パックは何も登録せず安全に終了します。見た目・回遊導線を整えるためのデザインパックであり、売上・成約率・SEO効果を確約するものではありません。

よくある質問

他のデザインパックと同時に使えますか?

はい、HUBLO Review Pack・HUBLO Sales Packと同時に導入・有効化できます。CSSクラス名・見た目の仕組みが完全に独立しているため、互いに干渉しません。

投稿本文やタイトルは自動で変更されますか?

いいえ。投稿本文・タイトル・カテゴリ・タグを自動変更する処理は一切ありません。

HUBLOのバージョンが古い場合どうなりますか?

v1.5.0未満の場合、本パックは何も登録せず安全に終了します(エラーにはなりません)。テーマを最新版に更新してからご利用ください。

HUBLO News Packを購入する

買い切り3,980円。note有料記事からダウンロードできます。

今すぐ購入する(note)

見た目だけでなく、メディアサイトの回遊導線も追加されます

HUBLO News Packは配色・レイアウトの変更に加えて、ニュース・メディアサイトで役立つ回遊導線を追加します。カテゴリ別記事一覧、人気記事・新着記事への導線、トピック(タグ)への回遊リンク、高密度カードのスマホ最適化、記事下の関連ニュース表示など。速報ティッカーはprefers-reduced-motionに対応し、動きを抑えたい方の環境では自動切り替えが止まります。無料テーマ本体のパンくず・自動目次・関連記事機能もそのまま活きています。

検索エンジンに配慮した構造を意識していますが、既存のSEOプラグインとの併用を想定した設計です。canonical・noindex・XMLサイトマップ等は専門のSEOプラグインにお任せください。