ホームページ >テクノロジー周辺機器 >IT業界 >Shopifyで独自のサブスクリプションブログを作成します
Shopifyの強みは、その堅牢なeコマース機能にあります。 サブスクリプション、デジタルダウンロード、物理的な商品など、多様な製品やサービスの販売に優れています。 主にサブスクリプションベースのコンテンツに焦点を当てたGhostと比較して、Shopifyはビジネスモデルで比類のない柔軟性を提供します。 Shopify BasicとGhost Proの両方の基本コストは月額29ドルですが、Shopifyの適応性により、長期的なスケーラビリティと多様化に適した選択肢になります。 Shopifyのブログ機能は弱点と見なされるかもしれませんが、その強力な液体テンプレートエンジンにより、広範なカスタマイズが可能になります。 eコマースプラットフォームではなく、eコマースの根を持つCMSを考慮してください。 始めましょう:前提条件
ステップ1:テーマ構造
テーマのファイル構造は、不可欠で一般的に使用されるファイルを組み合わせています。 このチュートリアルですべてが使用されるわけではありませんが、これは将来のShopifyプロジェクトの強固な基盤を提供します。 最初は、これらのファイルを空白のままにすることができます:
これらのコマンド(macos/linux)を使用して、ディレクトリ構造を作成します:
ステップ2:テーマID
テーマIDを見つけます。 Shopify管理者で、オンラインストア&GTにアクセスしてください。テーマ>アクション>コードを編集します。テーマIDはURLにあります。 後続の手順にはこのIDを使用します。 (注:デフォルトの「デビュー」テーマを上書きします。)
<code>. ├── assets ├── config │ ├── settings_data.json │ └── settings_schema.json ├── layout │ └── theme.liquid ├── sections ├── snippets └── templates ├── 404.liquid ├── article.liquid ├── blog.liquid ├── cart.liquid ├── collection.liquid ├── customers │ ├── account.liquid │ ├── activate_account.liquid │ ├── addresses.liquid │ ├── login.liquid │ ├── order.liquid │ ├── register.liquid │ └── reset_password.liquid ├── gift_card.liquid ├── index.liquid ├── list-collections.liquid ├── page.liquid ├── password.liquid ├── product.liquid └── search.liquid</code>
<code class="language-bash">mkdir -p assets snippets sections config layout templates/customers touch config/settings_data.json config/settings_schema.json layout/theme.liquid cd templates/customers touch account.liquid activate_account.liquid addresses.liquid login.liquid order.liquid register.liquid reset_password.liquid cd .. touch 404.liquid article.liquid blog.liquid cart.liquid collection.liquid gift_card.liquid index.liquid list-collections.liquid page.liquid password.liquid product.liquid search.liquid cd ..</code>
ステップ3:テーマキットのセットアップ
テーマキットはテーマ管理を合理化します。 Windows、MacOS、Linuxをサポートし、Gitおよびnode.jsと統合します(ただし、ここではシンプルに保ちます)。
OSに適切なコマンドを使用します(違う場合は実際のコマンドに置き換えます): Shopify App: 変更を監視する:テーマディレクトリに移動し、これらのコマンドを実行します(プレースホルダーを置き換えます):
プレビューバーを隠し、
が必要です
このコードはブログ記事を繰り返し、個々の記事ページにリンクされているタイトルを表示します:
このセクションは、ユーザーが有料のサブスクライバーでない限り、記事の内容を示しています。
アクセスロジック:この液体コードを使用して、カートアイテムと顧客注文履歴をチェックします(「Product_id」を実際の製品IDに置き換えてください):
テーマの構築を完了し、 faqs(省略): 元のドキュメントには、長いFAQセクションが含まれています。 簡潔な要約は次のとおりです
choco install themekit
brew tap shopify/shopify; brew install themekit
curl -s https://shopify.dev/themekit.py | sudo python
ステップ4:テーマラッパー(theme.liquid)<code>.
├── assets
├── config
│ ├── settings_data.json
│ └── settings_schema.json
├── layout
│ └── theme.liquid
├── sections
├── snippets
└── templates
├── 404.liquid
├── article.liquid
├── blog.liquid
├── cart.liquid
├── collection.liquid
├── customers
│ ├── account.liquid
│ ├── activate_account.liquid
│ ├── addresses.liquid
│ ├── login.liquid
│ ├── order.liquid
│ ├── register.liquid
│ └── reset_password.liquid
├── gift_card.liquid
├── index.liquid
├── list-collections.liquid
├── page.liquid
├── password.liquid
├── product.liquid
└── search.liquid</code>
--hidepb
はライブテーマの編集に関する警告を提供します。
--allow-live
theme.liquid
Shopifyの機能には<code class="language-bash">mkdir -p assets snippets sections config layout templates/customers
touch config/settings_data.json config/settings_schema.json layout/theme.liquid
cd templates/customers
touch account.liquid activate_account.liquid addresses.liquid login.liquid order.liquid register.liquid reset_password.liquid
cd ..
touch 404.liquid article.liquid blog.liquid cart.liquid collection.liquid gift_card.liquid index.liquid list-collections.liquid page.liquid password.liquid product.liquid search.liquid
cd ..</code>
および{{ content_for_header }}
{{ content_for_layout }}
ステップ5:記事loop(blog.liquid)<code class="language-bash"> theme open -s xxx.myshopify.com -p <password> -t <theme-id> --hidepb
theme watch -s xxx.myshopify.com -p <password> -t <theme-id> --allow-live</theme-id></password></theme-id></password></code>
<code class="language-liquid"><!DOCTYPE html>
{{ content_for_header }}
{{ content_for_layout }}
</code>
<code class="language-liquid">{% for article in blog.articles %}
<a href="https://www.php.cn/link/4915f20d2c36611cb101e95e5c34b4e7">{{ article.title }}</a>
{% endfor %}</code>
「アクセスを取得」ボタン:
<code class="language-liquid">{% assign accessInCart = 'n' %}
{% for item in cart.items %}
{% if item.product.id == PRODUCT_ID %}
{% assign accessInCart = 'y' %}
{% endif %}
{% endfor %}
{% assign hasAccess = 'n' %}
{% if customer %}
{% for order in customer.orders %}
{% for line_item in order.line_items %}
{% if line_item.product_id == PRODUCT_ID %}
{% assign hasAccess = 'y' %}
{% endif %}
{% endfor %}
{% endfor %}
{% endif %}</code>
<code class="language-liquid"><div unless hasaccess endunless>
{{ article.content }}
</div></code>
PRODUCT_ID
や
Shopifyサブスクリプションブログの重要な要素ブログ:
以上がShopifyで独自のサブスクリプションブログを作成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。