スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第45回 「続きを読む」をつけてみたい

エキスパートコラム

はじめて相談室

第45回:「続きを読む」をつけてみたい

執筆:#fc0(株式会社エフシーゼロ)

2019年1月15日更新

  • このエントリーをはてなブックマークに追加

閲覧数964views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、「「続きを読む」をつけてみたい」というご相談です。

おたより

音楽の楽曲の解説文が長大で読みにくく、途中で「続きを読む・・・」として隠したいのですが可能でしょうか?解説文が20もあるので非表示にしても多くなり使い勝手が悪そうです。
何かいい案はあるでしょうか。お教えください。(シマダさん)

ナビゲーターからの回答

ナビゲーター

シマダさんはじめまして。「はじめてWEB」ナビゲーターの広瀬みかです。
音楽の解説文!たしかにひとつひとつの文章は長くなりそうですね。
そんなときは「ブログ機能」を使うのがいいのではないかと思います。
今回は、ブログ機能についてご紹介しますね。

「続きを読む」を表示って?

いろいろなウェブサイトなどでみかける「続きを読む」というリンク。こんなやつです。

シマダさんがやってみたいのはこのことではないでしょうか?これ憧れますよねぇ。
Jimdoの「ブログ機能」を使うと、このようにページの一覧と「続きを読む」の表示をさせることができます。

Jimdoのブログ機能って?

Jimdoのブログ機能を使うと

  • 自動でページの一覧を作成
  • テーマごとに一覧を作成

ができるので、今回のシマダさんの「長い文章(解説文)」をいくつも作るときにとても便利です。

ブログ機能を使ってみよう

では早速ブログ機能を使う準備について解説します。

ブログ機能をはじめる

管理メニューから[ブログ]をクリックすると「ブログをはじめる」の画面が出てきます。この中の「ブログを有効にする」をクリックします。

そうすると「ブログが有効になりました!」のメッセージが出て、記事を作る画面が表示されます。
ちなみに、Jimdoのブログ機能ではブログで作るページのことを「記事ページ」と呼びます。

記事ページを作ろう!

記事ページを作るには[記事]から[新しいブログを書く]をクリックします。

そうすると、新しい記事ページ作成画面が表示されます。
左の[タイトル]にブログ記事タイトルを入力します。
そのあとは右の画面で普段のページと同じようにページを作っていくだけ!

今回サンプルで「いちごのおはなし」と「ひこうきのおはなし」という2つの記事ページを作ってみました。左メニューの[記事]をクリックすると、いままで作ってきたブログ記事ページの一覧がでます。
記事ページの内容を編集するときはこのページから行います。

ブログはどこに表示される?

ブログを開設するとナビゲーションに自動的に「ブログ」が追加されます。なのでナビゲーションの項目がひとつ増えます。

このナビゲーションの[ブログ]をクリックすると、記事ページ一覧が出ます。今回はサンプルの「いちごのおはなし」と「ひこうきのおはなし」が出てきます。

「続きを読む」がある!

記事ページの一覧が表示されました。そうすると「記事タイトル」と「記事の内容」が一覧で表示されていて、そして!「続きを読む」のリンクが!!

「続きを読む」を表示させるポイント

ブログ記事一覧ページの中の文章は、記事ページで一番最初に作った[文章]コンテンツの中の文章の最初の130文字程度が表示されるようになっています。
なので、記事ページの冒頭には、「続きを読みたい!」って思ってもらえるような文章を入れるといいんじゃないかなって思います!

ナビゲーション名を変えよう

さきほどもお伝えしましたが、ブログを開設するとナビゲーションには自動的に「ブログ」って表示されてしまいます。

でも!今回のシマダさんのように「楽曲の解説」のコーナーなのであれば、「楽曲解説」などコーナーの内容に合わせたナビゲーション名に変更すると良いと思います。
もちろん、表示の順番を変えることもできますよ。

日付の調整をしてみよう

ブログは「日記のようなもの」なので、自動的に日付が表示されます。
でも、今回のシマダさんの「楽曲の解説」コーナーのように解説文などの場合は、日付表示がいらないこともあると思います。日付を見せたくないときはブログの「詳細設定」から日付の表示の有無を設定できます。もし日付を入れる場合でも、日付の表示方法も選ぶことができます。

さまざまな設定などはJimdo公式でチェック!

今回は、ブログのはじめ方とコラム的に使うときの方法について解説しました。
ブログ機能をもっと詳しく知りたい!というときは、Jimdo SUPPORT CENTERのブログのコーナーをご覧ください。

いかがでしょうか?
コラムのようにたくさんの文章を掲載したい場合に便利な「ブログ機能」。ぜひ試してみてくださいね。

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

さあ、はじめよう!

はじめてWEB ホームページ公開の7ステップとポイントを動画でご紹介!!

  • ホームページ公開の7ステップ

    ホームページ公開の7ステップ

    ホームページ公開の7ステップ
  • はじめてWEB サービス紹介

    はじめてWEB サービス紹介

    はじめてWEB サービス紹介
  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2019/6/9~2019/6/15]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ