シンプルなWebメディアテンプレートのトップページデザイン。
シンプルなWebメディアテンプレートの下層ページデザイン。

縦書きの記事タイトルが並ぶ、落ち着いたWebメディア

Webメディア Elegantは、Webメディア・オウンドメディア向けのStudioテンプレートです。チームで記事を書いているメディアの方や、その案件を受ける制作者さんに使っていただけたらうれしいです。個人ブログとしても使えます。

ファーストビューに縦書きの記事タイトルを並べて、読みものらしい落ち着いた雰囲気にしました。「ピックアップに表示」をオンにした記事は、トップページのカルーセルに並びます。

カテゴリ別・タグ別・ライター別の記事一覧と検索を用意しているので、使うページは必要に応じて選べます。カテゴリやタグ、ライターの情報はCMSで更新できます。

ページ構成

全

15

ページ

トップページ

CMS

縦書きの記事タイトルが並ぶファーストビューと、ピックアップのカルーセル、新着記事などをまとめたトップページ

検索

記事を探す検索画面(モーダル)

検索結果

CMS

検索した記事の一覧

すべての記事

CMS

記事の一覧

記事の詳細

CMS

記事の本文

カテゴリーの記事

CMS

カテゴリーごとの記事一覧

タグの記事

CMS

タグごとの記事一覧

ライターの紹介

CMS

ライターのプロフィール

ライターの記事

CMS

ライターごとの記事一覧

採用情報

ライター募集の応募フォーム

送信完了

フォーム送信後の完了画面(モーダル)

会社概要

運営会社の情報

当サイトについて

メディアの紹介

プライバシーポリシー

個人情報の取り扱いについて

404ページ

存在しないページにアクセスした際の案内

CMS構成

全

5

コレクション

記事一覧

記事を管理します。「ピックアップに表示」をオンにすると、トップページのカルーセルに並びます。

ピックアップ

トップページのカルーセルに出す記事を管理します。

カテゴリー

記事のカテゴリーを管理します。カテゴリーごとの記事一覧に反映されます。

タグ

記事のタグを管理します。タグごとの記事一覧に反映されます。

ライター

ライターのプロフィールを管理します。ライターの紹介と、ライターごとの記事一覧に反映されます。

主な特長

ファーストビューに縦書きの記事タイトルが並ぶデザイン

カテゴリ別・タグ別・ライター別の記事一覧で、記事を探しやすい

検索画面と検索結果のページ付き

「ピックアップに表示」をオンにした記事をトップのカルーセルに

ライターの紹介ページと、ライター募集の応募フォーム

公開前にご確認いただきたいこと

使わない記事一覧のページを非公開に

応募フォームの項目と通知先

お使いのStudioプランのCMSモデル数の上限(このテンプレートは5モデル)

サイトのタイトル、説明文、OGP画像、ファビコン

よくある質問

Webメディア Freshとの違いは?

どちらもカテゴリ別・タグ別・ライター別の記事一覧がそろったWebメディアです。Elegantは縦書きの記事タイトルが並ぶ落ち着いたデザイン、Freshはブルーとイエローの爽やかなデザインです。

個人ブログでも使えますか?

はい。チームでの運営を想定した作りですが、ライターのページを使わなければ個人ブログとしても使っていただけます。

CMSのモデル数を減らせますか?

このテンプレートは5モデルを使っています。不要なモデルを削除すれば数を減らせるので、お使いのStudioプランに合わせて調整してください。

Webメディア Elegant

Webライターチームの役に立つ

¥

12,800

Youtube解説動画

※Studio旧デザインエディターの解説動画です。

解説動画のサムネイル画像。CMSでライター紹介。
解説動画のサムネイル画像。カラーを一括で変える。
解説動画のサムネイル画像。ロゴの変え方。

Framerを始める方はこちら

ランダムピックアップ

Webメディア Elegant

Webライターチームの役に立つ

¥

12,800

プレビューを見る

Storeで購入する

noteで解説を読む

資料をダウンロード

資料をダウンロード

Youtube解説動画

※Studio旧デザインエディターの解説動画です。

解説動画のサムネイル画像。CMSでライター紹介。
解説動画のサムネイル画像。カラーを一括で変える。
解説動画のサムネイル画像。ロゴの変え方。

Framerを始める方はこちら

ランダムピックアップ

Webメディア Elegant

Webライターチームの役に立つ

¥

12,800

プレビュー

購入する

解説を読む

資料をダウンロード

資料

Youtube解説動画

※Studio旧デザインエディターの解説動画です。

解説動画のサムネイル画像。CMSでライター紹介。
解説動画のサムネイル画像。カラーを一括で変える。
解説動画のサムネイル画像。ロゴの変え方。

Framerを始める方はこちら

ランダムピックアップ

ランダムピックアップ

ランダムピックアップ

ランダムピックアップ