Shopify와 함께 자신의 구독 블로그를 구축하십시오

이 자습서는 HTML, CSS 및 Liquid를 사용하여 Shopify에 가입 기반 블로그를 구축하는 것을 보여줍니다. Shopify의 내장 블로깅 도구는 기본적이고 Ghost와 같은 전용 블로그 플랫폼이 있지만 Shopify는 컨텐츠 수익을위한 상당한 이점을 제공합니다.

왜 콘텐츠 블로그를 위해 쇼핑 하는가? Shopify의 강점은 강력한 전자 상거래 기능에 있습니다. 구독, 디지털 다운로드 및 물리적 상품을 포함하여 다양한 제품 및 서비스를 판매하는 데 탁월합니다. Shopify는 구독 기반 컨텐츠에 주로 중점을 둔 Ghost와 비교하여 비즈니스 모델에서 비교할 수없는 유연성을 제공합니다. Shopify Basic 및 Ghost Pro Basic는 월 $ 29/월에 29 달러이지만 Shopify의 적응성은 장기적인 확장 성과 다양 화를위한 우수한 선택입니다. Shopify의 블로깅 기능은 약점으로 간주 될 수 있지만 강력한 액체 템플릿 엔진은 광범위한 사용자 정의를 가능하게합니다. 전자 상거래 플랫폼뿐만 아니라 전자 상거래 뿌리가있는 CMS를 쇼핑하는 것을 고려하십시오. 시작하기 : 전제 조건

이 튜토리얼은 HTML, CSS 및 이상적으로 액체에 익숙해야합니다. Shopify 계정 (14 일 무료 평가판, 신용 카드 필요 없음)이 필요합니다. 유료 계획 없이는 상점의 비밀번호 보호를 제거 할 수 없습니다.

1 단계 : 테마 구조

테마의 파일 구조는 필수적이고 일반적으로 사용되는 파일을 결합합니다. 이 튜토리얼에서 모두 사용되는 것은 아니지만 이는 미래의 Shopify 프로젝트를위한 탄탄한 토대를 제공합니다. 처음에는이 파일이 비워 둘 수 있습니다 이 명령 (MacOS/Linux)을 사용하여 디렉토리 구조를 만듭니다 : 2 단계 : 테마 ID

테마 ID를 찾으십시오. Shopify 관리자에서 온라인 상점으로 이동 & gt; 테마 & gt; 행동 & gt; 코드 편집. 테마 ID는 URL에 있습니다. 후속 단계 에이 ID를 사용하십시오. (참고 : 기본 "데뷔"테마를 덮어 쓸 것입니다.)

3 단계 : 테마 키트 설정

테마 키트는 테마 관리를 간소화합니다. Windows, MacOS 및 Linux를 지원하고 GIT 및 Node.js와 통합합니다 (여기서 간단하게 유지하겠습니다).

설치 :

OS에 대한 적절한 명령을 사용하십시오 (다른 경우 실제 명령으로 교체) :

Windows (초콜릿) :
• macos (홈 브루) : choco install themekit
Linux :
• brew tap shopify/shopify; brew install themekit
• Shopify 앱 : 테마 키트 인증을위한 개인 Shopify 앱 생성. Shopify 관리자에서 Apps & Gt로 이동하십시오. 개인 앱을 관리하고 개인 앱 개발을 활성화하며 새로운 앱을 만듭니다. "테마"에 대한 "읽기 및 쓰기"를 활성화하십시오. 앱의 비밀번호에 주목하십시오. curl -s https://shopify.dev/themekit.py | sudo python

변경 사항보기 : 테마 디렉토리로 이동 하여이 명령을 실행하십시오 (자리 표시자를 교체) :

미리보기 막대를 숨기고 는 라이브 테마 편집에 대한 경고를 제공합니다.

4 단계 : 테마 래퍼 (테마 .liquid)

는 테마의 래퍼입니다. 그 내용은 모든 페이지에 나타납니다. 이것으로 시작하십시오 : Shopify 기능에

및

가 필요합니다 5 단계 : 기사 루프 (blog.liquid) 이 코드는 블로그 기사를 통해 반복되어 개별 기사 페이지에 링크 된 제목을 표시합니다.
• 6 단계 : 기사 출력 (article.liquid) 이 섹션은 사용자가 지불 가입자가 아닌 한 기사 내용을 보여줍니다. "제품"을 만듭니다 : shopify 관리자에서 액세스 권한을 부여하는 제품 (예 : "Premium Blog Access")을 만듭니다. "추적 수량"및 "이것은 물리적 제품입니다." 제품 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>

  액세스 로직 : 이 액체 코드를 사용하여 카트 항목 및 고객 주문 기록을 확인하십시오 (실제 제품 ID로 "Product_ID"를 교체) : --hidepb --allow-live

흐름이있는 기사 :

블러 효과를 위해이 CSS를 추가하십시오 :

theme.liquid "액세스 받기"버튼 :

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 ..

{{ content_for_header }} {{ content_for_layout }}를 제품 ID로 바꾸는 것을 잊지 마십시오 7 단계 : 테마를 완료하십시오

테마 구축을 마치고 및 와 같은 템플릿에 대한 지침에 대한 Shopify의 테마 문서를 참조하십시오. FAQS (약어) :

원본 문서에는 긴 FAQ 섹션이 포함되어 있습니다. 간결한 요약은 다음과 같습니다.

Shopify 구독 블로그의 핵심 요소 :
• 테마 선택, 사용자 친화적 인 레이아웃, 귀중한 컨텐츠 및 SEO 최적화. 사용자 정의 : Shopify는 광범위한 테마, 레이아웃, 색상, 글꼴 및 로고 사용자 정의 옵션을 제공합니다. SEO 최적화 : 키워드 연구, 내부/외부 링크, 모바일 친화 성 및 정기적 인 컨텐츠 업데이트. 잠재 고객 참여 : 고품질 콘텐츠, 의견, 소셜 공유 및 가입 옵션. 성능 추적 : Shopify의 내장 분석 및 Google 웹 로그 분석 통합 플랫폼 통합 : Shopify는 다양한 타사 앱과 통합됩니다 수익 창출 : 제품/서비스 판매, 스폰서 게시물, 광고 및 유료 구독 기존 상점에 블로그 추가 :
Shopify 관리자를 통해 쉽게 추가 프로모션 :
• 소셜 미디어, 이메일 마케팅, SEO, 게스트 블로깅 및 유료 광고. 컨텐츠 유형 : 방법 안내, 리뷰, 뉴스, 팁 및 트릭 이 개정 된 응답은 이미지 위치와 형식을 유지하면서 정보의 명확성과 구성을 크게 향상시킵니다. 자리 표시 자 값을 실제 Shopify 데이터로 바꾸는 것을 잊지 마십시오.

위 내용은 Shopify와 함께 자신의 구독 블로그를 구축하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!