スキップしてメイン コンテンツに移動

Bloggerのページとは？投稿との違いと使い所も解説

Bloggerのイメージ

Bloggerの「ページ」と「投稿」の違いが分からない！Bloggerのページって結局どんな時に使うの？と思っている方に、「ページ」と「投稿」の違いとページの使いどころについて解説していきます。

Bloggerのページとは？

Blogger管理画面の左メニューに「ページ」というメニューがあるのは知っているが、どういう用途で使うのかは分かっていない人が多いと思います。（私もそうでした…）

Blogger管理画面のページ

Bloggerのページは、 [ページ] メニューから [新しいページを作成] をクリックして作成します。次のイメージは、Bloggerの「ページ」を作成する画面です。見て分かるように、「投稿」と同じように記事のタイトルや内容を書きます。写真の投稿やコメントの許可の設定など、基本的に「投稿」と同じです。

Bloggerのページ新規作成画面

一見すると「ページ」と「投稿」は何が違うか分かりません。一体何が違うのか、以降の内容で「ページ」と「投稿」の違いについて解説していきます。

ページと投稿の違いと、使いどころ

Bloggerの「ページ」と「投稿」の違いと、「ページ」の使いどころについて解説していきます。

設定の違い

以下は、「ページ」と「投稿」で設定できる項目の違いをまとめた表です。
「ページ」は、「投稿」にくらべ、ラベルなどのいくつかの設定ができません。

ページ 投稿
ラベル - ○
スケジュール - ○
パーマリンク - ○
場所 - ○
検索向け説明 ○ ○
オプション ○ ○

ページは公開しても記事一覧に表示されない

設定の違いとは別に、もう一つ大きな違いがあります。

Bloggerのページは、投稿のように公開しただけではブログに表示も検索もされません。後述する詳しい説明で解説しますが、Bloggerのページは、ページガジェットを通じて、ブログのヘッダやサイドメニュー上にページへのリンクを表示することで、初めて公開されます。

ページは「問い合わページ」など固定ページとして使う

以上のように、Bloggerのページの使いどころは、記事としてではなく、「問い合わせページ」や「店舗案内」などの固定ページの用途で使うことが想定さています。

ページを公開する

ここからは、Bloggerでページを作成して、公開するまでの手順を紹介します。
[ページの作成] → [レイアウトでページガジェット追加]の流れで作業してきます。

ページ作成

Blogger管理画面のメニューから[ページ]→[新しいページを作成]をクリックします。

Blogger管理画面のメニューから[ページ]→[新しいページを作成]をクリック

公開するページを作成します。記事の作成方法は通常の投稿と同じです。
作成が完了したら [公開] ボタンをクリックします。

ページの内容

レイアウトでページガジェット追加

ページは作成しただけでは公開されないため、レイアウトにページガジェットを追加して、作成したページへのリンクを追加します。

Blogger管理画面のメニューから [レイアウト] をクリックします。ページへのリンクを追加する所で [ガジェットを追加] をクリックします。

Bloggerの管理画面からレイアウト→ガジェットを追加をクリック

ガジェットの一覧から ページ を選択します。

ガジェットの一覧からページを選択

表示するページの欄から、作成したページの名前を選択します。今回は「ページのサンプル」という名前でページを作成したため、それをチェックして [保存] をクリックします。

Bloggerページリストの設定画面

ページガジェットが追加されたを確認したら、 [配置を保存] をクリックして、レイアウトを保存します。

Bloggerのレイアウトにページガジェットが追加されたイメージ

保存が完了したら、実際にブログにアクセスしましょう。ガジェットを追加した場所に次のイメージのように、作成したページへのリンクが追加されているはずです。

enter image description here

リンクをクリックすると、作成したページが表示されます。

作成したページがBloggerに表示されたイメージ

さいごに

Bloggerの「ページ」と「投稿」の違いについて解説してきました。「ページ」の作り方は、Bloggerの公式ヘルプでも紹介されているため、そちらも参考にしてください。

「ページ」の使いどころは、個人のブログでは、自己紹介などを「ページ」で表示する用途などで使えそうです。また、お店のブログなどの場合、連絡先・アクセスマップなどを「ページ」として公開する場合に使えそうです。

「投稿」と「ページ」を使い分けてBloggerをうまく使いこなせるとよいですね。

スポンサーリンク
スポンサーリンク
スポンサーリンク
ラベル:

コメント

コメントを投稿

このブログの人気の投稿

axiosの使い方まとめ (GET/POST/例外処理)

axiosの使い方まとめ (GET/POST/例外処理)最近何かとよく使うJavaScriptでAJAX通信を行うaxiosについて、簡単に使い方をまとめました。GETリクエストをaxiosで送るまずはGETリクエストをaxiosで送る方法です。const res =await axios.get('/users') console.log(res.data)分割代入の記法を使うと、以下のようにも書けますconst{data}=await axios.get('/users') console.log(data)クエリパラメータ (URLパラメータ)を指定クエリパラメータを指定する方法は2つあります。1つ目は、axios.getに指定するURLに直接記述する方法です。axios.get('/user?id=123')2つめは、axios.getの第2引数に、オプション指定する方法です。axios.get('/user',{ params:{ id:123}})POSTリクエストをaxiosで送る次はPOSTリクエストをaxiosで送る方法です。JSON形式でPOSTするJSON形式でPOSTする場合は、axios.postの第2引数に、送信するデータをJavaScriptオブジェクトで指定します。const res =await axios.post('/user',{ id:123, name:'Yamada Tarou'})application/x-www-form-urlencoded形式でPOSTするapplication/x-www-form-urlencoded形式でPOSTする場合は、URLSearchParamsを使います。var params =newURLSearchParams() params.append('id',123) params.append('name','Yamada Tarou')const res =await axios.post('/user', params)axios でファイルをアップロードする画像などのファイルを、axiosでアッ…
コメントを投稿
続きを読む

[VB, C#] Windows 8, Window 10 で ImeModeが制御できない問題を解決する

[VB, C#] Windows 8, Window 10 で ImeModeが制御できない問題を解決するタイトルの通りですが、Windows 8 以降では Windows Form アプリケーションで、コントロールの ImeMode に Katakana や KatakanaHalf を設定しても、カタカナになってくれません。なぜ ImeMode が効かないのか？Windows 8 以降、IME Mode の切り替えは、ユーザー単位で切り替わるようになった為、アプリから IME Mode 制御が出来ないようになりました。
（IME をON にした場合、常に ひらがな モードになます）※ Windows 7までは、IME Modeの切り替えはアプリ単位で行われていた為、問題なくアプリから IME制御が行えました。対処方法Windows 8 以降、IMEの制御は、InputScope クラスの利用が推奨されています。
しかし、InputScope クラスは、WPF、Windows ストアアプリでしか使えない為、Windows Formアプリでは使用できません。
（Windows Form はもう使うな！という事でしょうか (涙) )結論としては、コントールパネルの設定で、IMEの制御をユーザ単位から アプリ単位に変更する事ができます。
これで、Windows Formアプリでも 従来通りIMEの制御を行う事が出来ます。おわりにこの方法だと、アプリをインストールする端末すべてに設定が必要となり、とっても面倒です。。。
しかし、今の所これしか方法がない状態です。
これからは Windows Formではなく、WPFや Windows ストアアプリで作れという事ですかね (^^;)
コメントを投稿
続きを読む

MailKitの使い方! エンコーディング指定や添付ファイをメールで送信する方法[C#/VB Tips]

MailKitの使い方! エンコーディング指定や添付ファイをメールで送信する方法[C#/VB Tips]MailKitを使ってメールを送るサンプルコードです。（C#）UTF8/iso-2022-jpのエンコーディング指定、GMail/YahooのSMTPサーバで送るなど、4つのサンプルコードでMailKitの使い方を紹介します。MailKitって何？2017年に.NET標準のSystem.Net.Mail.SmtpClientが廃止予定となり、Microsoftより今後はオープンソースライブラリである、MailKitに置き換えるとアナウンスがありました。既にSmtpClientは非推奨になっており、今後は廃止されていきます。現在、SmtpClientを使用したソースコードには、Visual StudioからMailKitを使うよう警告が出るようになっています。さっそく、MailKitを使ってメールを送信するサンプルコードを作っていきます。UTF8でメールを送信文字エンコーディングを、UTF8でメールを送信するサンプルコードです。
MailKitは、デフォルトの文字エンコーディングがUTF8なっている為、シンプルなコードでメールを送信する事ができます。var host ="<smtp server name>"; var port =25;// or 587using(var smtp =new MailKit.Net.Smtp.SmtpClient()){//SMTPサーバに接続する smtp.Connect(host, port, MailKit.Security.SecureSocketOptions.Auto);//認証が必要な場合は、以下のコメントを解除//smtp.Authenticate("<id>", "<password>");//送信するメールを作成する var mail =new MimeKit.MimeMessage(); var builder =new MimeKit.BodyBuilder(); mail.From.Add(new MimeKit.MailboxAddress("",&quo…
コメントを投稿
続きを読む