Sử dụng WordPress như một CMS không đầu

npm install -global gatsby-cli

gatsby new blog

 mô-đun.exports = {
 SiteMetadata: {
  Tiêu đề: 'Gatsby mặc định khởi động',
 },
 bổ sung: [
  'Gatsby-plugin-React-Mũ bảo hiểm',
  Đồn là
   Giải quyết: "Gatsby-Source-WordPress",
   Tùy chọn: {
    BASEURL: "My-Wordpress-site.com",
    Giao thức: "https",
    Hostingwpcom: Sai,
    USEACF: Đúng,
    SearchandReplacecontenturls: {
     SourceURL: "https://my-wordpress-site.com",
     Thay thế giới thiệu: "https://my-static-site.com",
    Không thể
   },
  },
 ],
} 

 {
 AllWordpressPost {
  cạnh {
   nút {
    Tôi
    sên.
    trạng thái
    bản mẫu
    định dạng
   Không thể
  Không thể
 Không thể
} 

 Const Path = yêu cầu (`path`);

xuất.createpages = ({graphql, prinactioncreatsors})
= & gt; Đồn là
 const {sreeparepage} = poundactioncreators
 Trả lại lời hứa mới ((giải quyết, từ chối) = & gt; {
  graphql (
   `.
   Đồn là
    AllWordpressPost {
     cạnh {
      nút {
       Tôi
       sên.
       trạng thái
       bản mẫu
       định dạng
      Không thể
     Không thể
    Không thể
   Không thể
  `.
 ) .Then (kết quả = & gt; {
   nếu (kết quả.errors) {
    Console.log (kết quả.Errors)
    từ chối (kết quả .errors)
   Không thể

   Const posttemplate = path.resolve (`./src/templates/
post.js`)

   kết quả.data.allwordpresspost.edges.foreach (edge ​​= & gt; {
    tạo trang({
     Đường dẫn: `/ $ {edge.node.slug} /`,
     Thành phần: PostTemplate,
     bối cảnh: {
      id: edge.node.id,
     },
    })
   })
   giải quyết()
  })
 })
} 

 Nhập lại phản ứng từ 'phản ứng'
Mũ bảo hiểm nhập khẩu từ 'Mũ bảo hiểm phản ứng'

lớp posttemplate mở rộng phản ứng {
 render () {
  const post = this.props.data.wordpresspost;
  const slug = this.props.data.wordpresspost.slug;

  trở về (
   & lt; div & gt;
   & lt; tiêu đề mũ bảo hiểm = {`$ {titlestring} | $ {sitetitle} `} / & gt;
   & lt; h1 storeignlysetinnerhtml = {__html: post.title}} / & gt;
   & lt; div nguy hiểmsetinnerhtml = {__html: post.content}} / & gt;
   & lt; / div & gt;
  )
 Không thể
Không thể

Xuất Pagetemplate mặc định

Xuất Const Truy vấn = GraphQL`
 Truy vấn CurrentPost ($ ID: String!) {
  wordpresspost (id: {eq: $ id}) {
   tiêu đề
   Nội dung
   sên.
  Không thể
  Địa điểm {
   SiteMetadata {
    tiêu đề
   Không thể
  Không thể
} 

Cách - Các bài báo phổ biến nhất

Sử dụng Brain.js để xây dựng mạng lưới thần kinh

Cách Sep 12, 2025

[số 8] (Tín dụng hình ảnh: Getty Images) Brain.js là một cách tuyệt vời để xây dựng một mạng..

---

Cách xây dựng một ứng dụng web tiến bộ

Cách Sep 12, 2025

[số 8] Điện thoại di động hiện chiếm hơn một nửa lưu lượng truy cập web và các ứng dụng web cho ph�..

---

Xây dựng các ứng dụng di động đa nền tảng với Flutter của Google

Cách Sep 12, 2025

[số 8] Đã có rất nhiều khung di động đa nền tảng trong những năm qua, với những cải tiến ổn định ..

---

Bắt đầu với Rust

Cách Sep 12, 2025

[số 8] Trang 1/2: trang 1 trang 1 Trang..

---

Cách xây dựng bố cục phức tạp bằng CSS

Cách Sep 12, 2025

[số 8] Bố cục cho web luôn bị giới hạn, thực sự chưa bao giờ có bất cứ điều gì thực sự dành riê..

---

Làm cỏ trong động cơ không thật

Cách Sep 12, 2025

[số 8] Khi tạo trực quan kiến ​​trúc, bạn cần thể hiện rất nhiều chi tiết và một trong những tiêu..

---

Cách vẽ kính cong trên mũ bảo hiểm không gian

Cách Sep 12, 2025

[số 8] Spacesuits rất thú vị để vẽ, nhưng phần mũ bảo hiểm có thể khó để có được quyền, đặc b..

---

Tạo một poster đánh máy bằng Adobe InDesign

Cách Sep 12, 2025

[số 8] Adobe Indesign là một chương trình tuyệt vời để sử dụng khi thiết kế bất cứ thứ gì sử dụn..

---

Thể loại

• AI & Machine Learning
• Airpods
• Amazon
• Amazon Alexa & Amazon Echo
• Amazon Alexa & Amazon Echo
• Amazon Fire TV
• Video Prime Của Amazon
• Android
• Điện Thoại & Máy Tính Bảng Android
• Điện Thoại & Máy Tính Bảng Android
• TV Android
• Apple
• Apple App Store
• Homekit & Homepod Apple
• Táo Nhạc
• Apple TV
• Apple Watch
• Ứng Dụng & Ứng Dụng Web
• Ứng Dụng & Ứng Dụng Web
• Âm Thanh
• Chromebook & Chrome OS
• Chromebook & Chrome OS
• Chromecast
• Cloud & Internet
• Đám Mây & Internet
• Đám Mây Và Internet
• Phần Cứng Máy Tính
• Lịch Sử Máy Tính
• Cắt Dây & Truyền Phát
• Cắt Dây Và Phát Trực Tuyến
• Discord
• Disney +
• DIY
• Xe điện
• EREADERS
• Những điều Cần Thiết
• Người Giải Thích
• Facebook
• Chơi Game
• Chung
• Gmail
• Google
• Google Assistant & Google Nest
• Google Assistant & Google Nest
• Google Chrome
• Google Docs
• Google Drive
• Google Maps
• Google Play Store
• Google Tấm
• Google Slide
• Google TV
• Phần Cứng
• HBO Max
• Cách
• Hulu
• Instagram
• Tiếng Lóng Internet & Viết Tắt
• IPhone Và IPad
• Kindle
• Linux
• Mac
• Bảo Trì Và Tối ưu Hóa
• Microsoft Edge
• Microsoft Excel
• Microsoft Office
• Microsoft Outlook
• Microsoft PowerPoint
• ​​Các đội Microsoft
• Microsoft Word
• Mozilla Firefox
• Netflix
• Nintendo Switch
• Paramount +
• Chơi Game PC
• Peacock
• Nhiếp ảnh
• Photoshop
• Playstation
• Quyền Riêng Tư & Bảo Mật
• Quyền Riêng Tư & Bảo Mật
• Quyền Riêng Tư Và Bảo Mật
• Roundup Sản Phẩm
• Lập Trình
• Raspberry Pi
• Reddit
• Roku
• Safari
• Samsung Điện Thoại & Máy Tính Bảng
• Điện Thoại & Máy Tính Bảng Samsung
• Slack
• Nhà Thông Minh
• Snapchat
• Phương Tiện Truyền Thông Xã Hội
• Không Gian
• Spotify
• Tinder
• Xử Lý Sự Cố
• TV
• Twitter
• Trò Chơi Video
• Thực Tế ảo
• VPN
• Trình Duyệt Web
• WhatsApp
• WiFi & Bộ định Tuyến
• WiFi & Bộ định Tuyến
• Windows
• Windows 10
• Windows 11
• Windows 7
• Xbox
• TV YouTube & YouTube
• YouTube & YouTube TV
• Thu Phóng
• Người Giải Thích