ノーコードエディタで作成できるページが増え、サイト全体の構築ができるようになりました!

こんにちは、はてなCMSチームの id:miyanoMaru です。
気温差の激しい日が続いていますね。私は衣替えのタイミングが分からず、セーターから半袖まで全季節の洋服が部屋に出揃っている状態です。

さて早速ですが、はてなCMSに新しい機能が追加されました🎉

ノーコードエディタでメディアに必要な様々なページが作成可能に!

この度、ノーコードエディタの機能を拡張し、メディアサイト運営に欠かせない以下のページが作成できるようになりました。

📖 記事一覧ページ、カテゴリー別記事一覧ページ

従来のデザイン画面ではカスタマイズすることができなかったページですが、ノーコードエディタを使って直感的にレイアウトできるようになりました。

カテゴリーごとに別々のデザインを作成することもできるので、お知らせ記事とコラム記事で見た目を変える、といった柔軟なカテゴリー運用が可能になります。

📝 記事詳細ページ

従来よりもより自由度の高いカスタマイズが行えるようになりました。

公開日をカテゴリーと横並びにしたい、本文の最後にもう一度記事のカテゴリーを表示させたい等、目的やユーザー動線に合わせて、パーツごとに細かくレイアウト調整が可能です。

 

ページをカスタマイズするための新たなコンテンツが追加!

作成対象となったページで利用できるコンテンツ「ページごとのパーツ」が今回新たに追加されました。


このパーツを配置すると、作成中のページに合わせて以下のアイテムを選択することができます。

📖 記事一覧ページ(/archive)

  • 最新記事一覧
  • パンくずリスト

🏷️ カテゴリー別記事一覧ページ(/archive/category/[カテゴリー名])

  • カテゴリー記事一覧(表示中のカテゴリーを持つ記事の一覧)
  • パンくずリスト

📝 記事詳細ページ(/entry/[カスタムURL])

  • 記事タイトル
  • 記事本文
  • カテゴリー
  • パンくずリスト
  • 公開日・最終更新日
  • ソーシャルパーツ
  • 前の記事・次の記事リンク

 

使い方

  1. 右側の「ページ設定」メニューで作成するページの種類を選択してください。
  2. 「ページごとのパーツ」を使ってページをカスタマイズします。

💡 これまでとの違い

これまではデザイン画面にてモジュール設定やコーディングを駆使してカスタマイズする必要がありましたが、今回の機能追加により、メディアサイト全体の構築がコーディング知識なしで可能になりました。

新しいページ作成機能を使って、これまで以上に効率的にメディアサイトを運営してみませんか?

詳しい使い方は下記リンクをご覧ください。

はてなCMS ヘルプセンター - ページごとのパーツ機能
ノーコードエディタの使い方

ぜひお試しください✨️

 

LPの運用をもっとカンタンにしませんか?

はてなではLPをはてなCMSのノーコードエディタに移植するサービスを展開中!
HTMLで作成・運用中のLPをノーコードエディタに載せ替えて、
より手軽でスピーディな運用環境を構築しませんか?

詳しくは問い合わせフォームよりお問い合わせください!

問い合わせる