# PageFlyでブログ記事ページを作成する方法 ### PageFlyブログ投稿ページについて PageFlyを使えば、コーディングスキルなしで視覚的に魅力的なShopifyブログ投稿ページを作成できます。直感的なドラッグ＆ドロップインターフェースにより、Shopifyブログ投稿ページのレイアウトとデザインを自由にコントロールできます。 PageFlyを使用して[Shopifyブログ投稿](https://help.pagefly.io/manual/create-a-blog-post-page/)を作成する方法については、以下の包括的なステップバイステップガイドに従ってください。 ### 要件 PageFly Drag & Drop Page Builderは、[こちら](https://apps.shopify.com/pagefly?utm_campaign%3Dapp-listing%26utm_source%3Dmanual%26utm_medium%3Darticle%26utm_content%3Dblog-post-page)から無料でインストールできます。 ### PageFlyでShopifyブログ投稿ページを作成する方法 ブログ投稿ページの作成方法を知る前に、このビデオチュートリアルはブログ投稿ページの作成方法を明確に理解するのに役立ちます： {% embed url="" %} #### ステップ1：PageFlyブログ投稿ページを作成する PageFlyブログ投稿ページを作成する方法は2つあります：ゼロからページを作成するか、テンプレートからページを作成します。 **オプション1：ゼロからページを作成する** **PageFlyダッシュボード** > **Pages** に移動 > **Create blank page** ボタンをクリック > Blog post を選択して、ゼロからブログ投稿ページの構築を開始します。 **オプション2：テンプレートからページを作成する** **Create from template** ボタンをクリック > **Blog post** を選択します。ページテンプレートが開いたら、ブログ投稿ページに適した[PageFlyテンプレート](https://pagefly.link/sZKZHnFY)を選択できます。 ページテンプレートでは、Preview ボタンをクリックしてテンプレートをプレビューし、そのテンプレートを使用することに決定したら、Select ボタンをクリックして選択し、エディターに表示させます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-cf3dfdad2e1615c144b995f545f37b73aa3f1180%2FAD_4nXeEfjvLwmc0Rq6sCxLzj3OOnuo82FlJS04XvH9Ttw2tANinxx5uMfJR-bnGCmFMrOhKHY_Yw3gncmCdMQcrOc8rC4aFguouuiXvNqbMTZGZu_oYcCpKDOy2wqX1kQ42clCjA8-kyTYNw-owZHmy?alt=media) #### ステップ2：ブログ投稿ページの設定を編集する ページ設定をクリックすると、ブログ投稿ページに対していくつかの設定を行う必要があります。 **ページタイトルとページURL** まず最初に設定する必要があるのは、ブログ投稿ページのページタイトルとページURLの追加です。これらのパラメータは、ページ設定をクリックしたときに上部に表示されます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-6b42c21b031fa5838d889c5a33482e075501a3ea%2FAD_4nXdy64E3Y9vl_1Q_d-A31_hkdGovGx1xOHTJngB3TXCTGThR43HjDnM01mWR6mWqGPboPvbRX_JtmLKzPTYsf3afGFLPAQiItB7OUQnBZHT8ZYbJAGcun7FjZJht4vJHeTmuquhk1uzpdTTiw04GkeyG_2JWB81sSp7_p4oP0oHjA.gif?alt=media) **テーマセクション** テーマセクションでは、Show header and footer オプションが表示され、ブログ投稿ページにヘッダーとフッターを**表示**または**非表示**にすることができます。このオプションの選択を解除すると、これらのセクションはページから削除されます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-81a7cb59639777e8dc719973e33d7d7ea79e09b4%2FAD_4nXc9CDHUFsZWrPz5x_mTjmUqWI7uhuQ_6SJ-cJQgZl5uSeQ84xNZsMWeNiHc1eB8t8nhOuybgIU9tlMiiUczNrH1ub64ydBsDphJTfxsvFBW1X8W2kBXAC-Mp3FaNUKTb-y46G8qT-oqRawOplIDHQkeyG_2JWB81sSp7_p4oP0oHjA.png?alt=media) [Password Page](https://help.pagefly.io/manual/create-password-page/)以外のすべての種類のページを選択すると、ヘッダーとフッターのセクションがデフォルトで表示されます。公開後、Go to theme editor をクリックして、テーマエディターでヘッダーとフッターを編集できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-904f1f9639643f530cd18eb8456848583d6b661c%2FAD_4nXeviYZgj4EgTEpHoQqQNd4VXqsDLaLOt0OizjVgNkNH6PEoVmvVLH4wOarL_Tiaj_GgGLbhVSdXNNMqOondXRir6aw-HPlxZpSf34JGTTYMXdNa9oN78i0wySSHf3XB0XJ1QWjgN0YP8IKSYF3zkeyG_2JWB81sSp7_p4oP0oHjA.png?alt=media) **ページ最適化** ページ最適化は、ページの最適化のための設定を構成します。ページ設定のOptimizationタブにあります。 ブログ投稿ページに対して Enable Image lazyloading を選択できます。Lazyload Imagesを設定したページでは、スクロールダウンすると、下にある画像が徐々に読み込まれます。これは、コレクション画像、背景画像、商品画像など、すべての画像に適用可能です。 [ページの読み込み速度](https://help.pagefly.io/manual/pagespeed-optimization)は、Lazyload Images機能によって最適化できます。これにより、ページの高速読み込みが容易になります。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-98c8c4f675913a1e95cd52eed515a8265adc1f15%2FAD_4nXdCPT9SOZyrPIxREgckIiyev674-uc0FUHDoW6FD4aNu77BjIx5DVGDTf6QNcNr5kT_LSztRNSCstR6z5RgZS7vn8w07TZp6PH6gIlz2XAYmbpAjQitqizjh4pk8gR-aY4bkWqoeF7WhtsRzv66vgkeyG_2JWB81sSp7_p4oP0oHjA.png?alt=media) #### ステップ3：Shopifyブログ投稿のコンテンツとデザインを更新する このテンプレートはブログ投稿ページタイプで見つけられるため、ステップ3の例としてCipiテンプレートを選択しました。他のテンプレートを使用したり、ゼロからブログ投稿ページを作成したりして、ストアに合わせて情報を追加できます。 Cipiテンプレートの概要は以下のとおりです。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b19ac26811523d61c3bf0befee17d3e6d958d64e%2FAD_4nXfnnzmD7qFHuRRoiao0gW1Yctq1KhcPwaOE6scL6nEmANqIKF4kqRqpDtBb_w6ILOphCxCzNYKgzcxWVYWqzSh5_8hNmaj_Fls42tbzblfaf4Pch0rRU3RwMPPLvYKjZND1PUKp66Nz9Q9llAFNwQkeyG_2JWB81sSp7_p4oP0oHjA.gif?alt=media) PageFlyエディターでは、[ブログ投稿要素](https://help.pagefly.io/manual/shopify-elements-blog-posts)を使用して、Shopifyストアの単一のブログまたはブログのリストをページに表示できます。また、この[ブログ](https://pagefly.link/AApZUEgS)をチェックして、ブログ投稿ページを最大限に活用する方法についてさらに理解することもできます。 ページでレイアウト要素を使用する方法については、このビデオチュートリアルをチェックしてください。 {% embed url="" %} #### ステップ4：PageFlyブログ投稿ページを保存して公開する 保存ボタンをクリックして公開ボタンをクリックし、ブログ投稿ページを公開します。ライブでページを見るには、Live view ボタンをクリックします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-6be59df739dd8d48472de23af123cdcd0e82f6ba%2FAD_4nXdobpPOtWeXItOSE9PH7LAW6Djy4-pMZgYmtVgsTd0p59TQaJPcp8wO8W1pvuqbGUdUusigyTPw1rMn7br_b6yb5SnIsFfZjalhZLTI_ZTU3u53DKz4Eh4wEqtxUYu6QQo83DMGiIXTsRAihqCrUwkeyG_2JWB81sSp7_p4oP0oHjA.gif?alt=media) ページを公開した後、ページ設定に移動 > Blog post source で、Go to linked blog post をクリックして、SEO設定、抜粋、作成者、親ブログ、タグなどを構成できます。 Shopifyブログ投稿では、Featured image を追加したり、投稿の要約をExcerpt に記述したり、Tags を割り当てたり、ブログ投稿情報やwebsite SEO を編集したりできます。 ブログ投稿ページで Comment を有効にすることもできます。たとえば、コメントを表示したい場合は、New blog をクリック > 左画面のComments セクションで、”Comments are allowed, and are automatically published” オプションを選択 > Save ボタンをクリックします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-c4f3cfe241cb3b7d830cb9ed1b83fcec34d49951%2FAD_4nXfxSWpieDPTLvK3kchhy1toRpus0E1aCLNIr9g9r-TRZyWTiunPS_Vl0skQWArIygLYjNZ8hoXuEozg0r-t_-WOweDauNyEIbiKkFcHRtYTboqdnGomSblLPozIyeuFzHCE9oQdindxI9ci0SIWkeyG_2JWB81sSp7_p4oP0oHjA.gif?alt=media) コメントが自動的に公開されないようにする場合は、2番目のオプションを選択することもできます。このオプションを選択した場合、ブログ投稿内のコメントを制御およびモデレートできます。 別の方法としては、Shopify管理画面の Online Store に移動 > ドロップダウンメニューの Blog posts > Manage blogs > New をクリックします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-f9565fac916c87527db1bfb5aa4928908b6df546%2FAD_4nXcN8x-VH_klbSzPfsC6PArObZ9MPNhVNupuQlN_zhiZAiPr9nL-7ZueyrP8FHjaFwVc3dYcVubyTQ8HomDX-GmUbA40JaV4qGB5Q52yOWcCVOLMWGnevzzai9iyGD6uRLOAnL7DrSUiGiVdoavGkeyG_2JWB81sSp7_p4oP0oHjA.gif?alt=media) ### よくある質問 **1. Shopifyでブログ投稿はできますか？** はい、Shopifyにはブログエンジンが組み込まれているため、Shopifyでブログ投稿を自由に作成できます。 **2. Shopifyブログは無料ですか？** はい、Shopifyブログ投稿をゼロから作成する場合は無料です。 **3. ShopifyブログはSEOに強いですか？** Shopifyはクリーンなコーディングと整理された構造を備えているため、SEO最適化の標準ですが、RankMathやYoastSEOなどの一般的なSEOサードパーティプラグインをSEO管理画面にインストールすることはできません。したがって、SEO対策が十分に行われた記事のブログ投稿を行うために、Shopifyオンラインストアと並行してサブドメインを持つ必要があります。