PageFlyでブログ記事ページを作成する方法
Last updated
Was this helpful?
Japanese 🇯🇵
Last updated
Was this helpful?
PageFlyを使えば、コーディングスキルなしで視覚的に魅力的なShopifyブログ投稿ページを作成できます。直感的なドラッグ＆ドロップインターフェースにより、Shopifyブログ投稿ページのレイアウトとデザインを自由にコントロールできます。
PageFlyを使用してShopifyブログ投稿を作成する方法については、以下の包括的なステップバイステップガイドに従ってください。
PageFly Drag & Drop Page Builderは、こちらから無料でインストールできます。
ブログ投稿ページの作成方法を知る前に、このビデオチュートリアルはブログ投稿ページの作成方法を明確に理解するのに役立ちます：
PageFlyブログ投稿ページを作成する方法は2つあります：ゼロからページを作成するか、テンプレートからページを作成します。
オプション1：ゼロからページを作成する
PageFlyダッシュボード > Pages に移動 > Create blank page ボタンをクリック > Blog post を選択して、ゼロからブログ投稿ページの構築を開始します。
オプション2：テンプレートからページを作成する
Create from template ボタンをクリック > Blog post を選択します。ページテンプレートが開いたら、ブログ投稿ページに適したPageFlyテンプレートを選択できます。
ページテンプレートでは、Preview ボタンをクリックしてテンプレートをプレビューし、そのテンプレートを使用することに決定したら、Select ボタンをクリックして選択し、エディターに表示させます。
ページ設定をクリックすると、ブログ投稿ページに対していくつかの設定を行う必要があります。
ページタイトルとページURL
まず最初に設定する必要があるのは、ブログ投稿ページのページタイトルとページURLの追加です。これらのパラメータは、ページ設定をクリックしたときに上部に表示されます。
テーマセクション
テーマセクションでは、Show header and footer オプションが表示され、ブログ投稿ページにヘッダーとフッターを表示または非表示にすることができます。このオプションの選択を解除すると、これらのセクションはページから削除されます。
Password Page以外のすべての種類のページを選択すると、ヘッダーとフッターのセクションがデフォルトで表示されます。公開後、Go to theme editor をクリックして、テーマエディターでヘッダーとフッターを編集できます。
ページ最適化
ページ最適化は、ページの最適化のための設定を構成します。ページ設定のOptimizationタブにあります。
ブログ投稿ページに対して Enable Image lazyloading を選択できます。Lazyload Imagesを設定したページでは、スクロールダウンすると、下にある画像が徐々に読み込まれます。これは、コレクション画像、背景画像、商品画像など、すべての画像に適用可能です。
ページの読み込み速度は、Lazyload Images機能によって最適化できます。これにより、ページの高速読み込みが容易になります。
このテンプレートはブログ投稿ページタイプで見つけられるため、ステップ3の例としてCipiテンプレートを選択しました。他のテンプレートを使用したり、ゼロからブログ投稿ページを作成したりして、ストアに合わせて情報を追加できます。
Cipiテンプレートの概要は以下のとおりです。
PageFlyエディターでは、ブログ投稿要素を使用して、Shopifyストアの単一のブログまたはブログのリストをページに表示できます。また、このブログをチェックして、ブログ投稿ページを最大限に活用する方法についてさらに理解することもできます。
ページでレイアウト要素を使用する方法については、このビデオチュートリアルをチェックしてください。
保存ボタンをクリックして公開ボタンをクリックし、ブログ投稿ページを公開します。ライブでページを見るには、Live view ボタンをクリックします。
Shopifyブログ投稿では、Featured image を追加したり、投稿の要約をExcerpt に記述したり、Tags を割り当てたり、ブログ投稿情報やwebsite SEO を編集したりできます。
ブログ投稿ページで Comment を有効にすることもできます。たとえば、コメントを表示したい場合は、New blog をクリック > 左画面のComments セクションで、”Comments are allowed, and are automatically published” オプションを選択 > Save ボタンをクリックします。
コメントが自動的に公開されないようにする場合は、2番目のオプションを選択することもできます。このオプションを選択した場合、ブログ投稿内のコメントを制御およびモデレートできます。
別の方法としては、Shopify管理画面の Online Store に移動 > ドロップダウンメニューの Blog posts > Manage blogs > New をクリックします。
1. Shopifyでブログ投稿はできますか？
はい、Shopifyにはブログエンジンが組み込まれているため、Shopifyでブログ投稿を自由に作成できます。
2. Shopifyブログは無料ですか？
はい、Shopifyブログ投稿をゼロから作成する場合は無料です。
3. ShopifyブログはSEOに強いですか？
Shopifyはクリーンなコーディングと整理された構造を備えているため、SEO最適化の標準ですが、RankMathやYoastSEOなどの一般的なSEOサードパーティプラグインをSEO管理画面にインストールすることはできません。したがって、SEO対策が十分に行われた記事のブログ投稿を行うために、Shopifyオンラインストアと並行してサブドメインを持つ必要があります。
ページを公開した後、ページ設定に移動 > Blog post source で、Go to linked blog post をクリックして、SEO設定、抜粋、作成者、親ブログ、タグなどを構成できます。
