Thực đơn
trang chủĐiện thoại

Có thể tải bố cục PSD lên WordPress không? Tạo một chủ đề đơn giản cho WordPress. Lựa chọn chức năng mẫu

Không có gì ngạc nhiên khi có rất nhiều mẫu WordPress được tạo sẵn trên Internet. Bắt đầu từ các mẫu cao cấp miễn phí đến đắt tiền với các khung riêng.

Có gì khác biệt? Lựa chọn thiết kế nào cho website của bạn?

Bài viết này dành cho những người đang lập kế hoạch trang web của họ dựa trên WordPress và đang gặp khó khăn trong việc chọn mẫu.

Hãy bắt đầu với những cái miễn phí. Ưu điểm là rõ ràng - giá cả, hay đúng hơn là thiếu nó. Nhược điểm chính của các mẫu công khai là nếu mẫu tương đối tốt thì chắc chắn đã có sẵn một số lượng lớn các trang web trên đó. Và khả năng bạn hoặc khách hàng của bạn gặp phải một trang web hoàn toàn giống nhau về mặt thiết kế là rất rất cao. Do đó, bạn chỉ nên chọn các mẫu công khai nếu ngân sách của bạn thực sự hạn chế và bạn không đặc biệt quan tâm đến chức năng hình ảnh của trang web. Có, tất nhiên, chỉ với một khoản đầu tư nhỏ về công sức hoặc tiền bạc, bạn có thể (điều chỉnh) duy nhất một mẫu công khai ngoài khả năng nhận dạng. Và nó vẫn sẽ là một trong những giải pháp rẻ nhất.

Đăng ký điện tín của tôi và là người đầu tiên nhận được tài liệu mới, bao gồm cả những tài liệu không có trên trang web.

Nếu bạn đang đọc bài viết này, rất có thể bạn đã thiết kế một trang web rất đẹp, có thể bằng Adobe Photoshop và được lưu dưới định dạng PSD, JPG, PDF, AI hoặc PNG. Bây giờ bạn muốn chuyển đổi file hình ảnh này thành theme WordPress để có thể áp dụng cho trang web hoặc blog mới tạo của mình. Có thể bạn cũng đang muốn Công cụ chuyển đổi PSD sang WordPress -Nhưng điều gì sẽ xảy ra nếu bạn có thể tự mình thực hiện việc biến đổi này và cả điều đó nữa? miễn phí!

Nhiều người giỏi thiết kế đồ họa đã tìm đến mục đích chuyển đổi chủ đề PSD sang WordPress. Và họ cảm thấy bế tắc! Nhưng đó không phải lỗi của họ. Tạo một trang web không chỉ đòi hỏi khả năng tạo ra một thiết kế đẹp mắt mà còn cần một số kỹ năng lập trình. Bạn phải là chuyên gia ít nhất về lập trình HTML, CSS, JavaScript, JQuery và PHP để biến tệp PSD của bạn thành một trang web. Vấn đề là hầu hết mọi người đều là nhà thiết kế giỏi hoặc lập trình viên giỏi!

Tuy nhiên, đừng lo lắng. Việc chuyển đổi chủ đề PSD sang WordPress không quá khó khăn. Tất cả những gì bạn cần biết là các bước thực hiện đúng. Trong bài viết này tôi cũng sẽ nói với bạn điều tương tự! Hãy bắt đầu học.

Tệp PSD là gì?

Những người không biết PSD là viết tắt của Tài liệu Photoshop.Đây là định dạng tệp mà Adobe Photoshop lưu các tệp thực thi. Bạn có thể mở tệp PSD trong Photoshop và thực hiện các thay đổi khác đối với thiết kế theo ý muốn. Do đó, các tệp PSD đôi khi được gọi là mở tập tin(đề cập đến thực tế là những tập tin này có thể được chỉnh sửa).

Nếu bạn muốn thực hiện thiết kế trang web mơ ước của mình, thì có thể bạn sẽ chọn Photoshop để hiện thực hóa nó. Photoshop chắc chắn là công cụ thiết kế đồ họa tốt nhất và phổ biến nhất.

WordPress là gì?

WordPress về cơ bản là một nền tảng viết blog miễn phí. Chương trình nguồn mở này đã giúp những người không phải là lập trình viên có thể dễ dàng tạo trang web hoặc blog của riêng họ. WordPress đáng tin cậy và có khả năng mở rộng và được viết bằng ngôn ngữ PHP.

Thiết kế website dựa trên WordPress được gọi là chủ thể(và đôi khi, vật mẫu).

Chuyển đổi chủ đề PSD sang WordPress

Bước 1: Cắt file PSD

Khi tệp PSD của bạn đã sẵn sàng, điều đầu tiên bạn cần làm là chia nó thành nhiều phần. Để làm gì? Vâng, bởi vì một hình ảnh sẽ có kích thước lớn và sẽ mất nhiều thời gian hơn để tải. Ngoài ra, bạn sẽ phải liên kết các hành vi khác nhau với các phân đoạn khác nhau của hình ảnh. Vì vậy, bạn cần phải cắt nó ra.

Nhưng điều đó không có nghĩa là bạn có thể cắt một hình ảnh một cách ngẫu nhiên. Bạn phải làm mọi việc một cách logic. Ví dụ: phần đầu trang có thể thành một phần, phần chân trang phải tách rời... sau đó bạn có thể cắt nền, nút và menu, v.v.

Adobe Photoshop cho phép bạn sử dụng các lớp. Nó có một tiện ích tích hợp để cắt PSD và lưu các phân đoạn kết quả dưới dạng các tệp hình ảnh riêng biệt. Bạn có thể lưu những hình ảnh này ở định dạng JPG hoặc PNG. Nếu bạn cần độ trong suốt để hoạt động ở bất kỳ phân đoạn nào trong số này thì bạn phải lưu nó ở định dạng PNG vì JPG không hỗ trợ độ trong suốt.

Khi cắt một hình ảnh, bạn phải chính xác. Ngay cả một lỗi pixel cũng có thể khiến hai phần không thể sử dụng được để tạo bản sao.

Trong khi cắt một PSD với mục tiêu biến nó thành một chủ đề WordPress, bạn cần hiểu rằng CSS hiện nay khá mạnh mẽ và nó có thể tạo ra một số phần tử chỉ với một vài dòng mã. Ví dụ: bạn có thể tạo nền đồng màu, nền chuyển màu, các loại nút, dòng, mũi tên và ký tự đặc biệt khác nhau chỉ bằng cách sử dụng CSS. Bằng cách này, bạn không cần phải lưu những thứ này dưới dạng hình ảnh. Ít hình ảnh hơn có nghĩa là trang web của bạn sẽ tải nhanh hơn.

Video YouTube sau đây cho thấy chính xác cách cắt tệp PSD và lưu nó thành các hình ảnh khác nhau:

Được rồi, bây giờ bạn đã có các yếu tố hình ảnh khác nhau trong thiết kế trang web của mình, đã đến lúc chuyển sang bước tiếp theo.

Bước 2: Tạo tệp HTML và CSS

Bây giờ bắt đầu phần mã hóa chính của quá trình chuyển đổi PSD thành trang web. Về cơ bản, bạn cần tạo một trang web và tập hợp tất cả các hình ảnh được cắt theo cách này để nó trông giống hệt PSD của bạn.

Trước tiên, bạn cần tạo một tệp HTML. Bạn có thể gọi nó là gì cũng được, nhưng theo quy ước hãy gọi nó là chỉ mục.htm. Trong tệp này, bạn sẽ cần viết mã HTML hoặc XHTML để hiển thị các phần khác nhau của hình ảnh từ PSD của bạn. Để tạo bố cục nền tảng, bạn có thể sử dụng các phần tử DIV. Các phần tử DIV rất linh hoạt. Bạn có thể đặt các phần tử DIV cạnh nhau, chồng lên nhau. Bạn có thể căn chỉnh tâm của phần tử DIV sang trái và phải, đồng thời bạn cũng có thể định vị chúng rất cụ thể tại các tọa độ cụ thể trên trang web.

Trong các phần tử DIV này, bạn có thể gọi các hình ảnh đã lưu và hiển thị chúng dưới dạng nền trong DIV.

Sau khi hoàn thành bố cục cơ bản này của trang web, bạn nên cách điệu nóđể làm cho nó giống với PSD của bạn. Để tạo kiểu, bạn phải sử dụng quy tắc Cascading Style Sheets (CSS). Với những quy tắc này, bạn có thể sử dụng các kiểu phông chữ, kích thước, màu sắc, bóng văn bản, thang độ xám hình ảnh, đường viền, v.v. khác nhau.

Để viết các quy tắc tạo kiểu CSS, bạn phải tạo một tệp khác có tên style.css và sau đó gọi tệp CSS này thành tệp chỉ mục.htm. Phong cách hiện diện trong style.css sẽ áp dụng cho các thành phần khác nhau trong tệp HTML của bạn.

Được rồi, chờ đã! Nếu bạn không biết gì về mã hóa HTML hoặc CSS, đừng lo lắng! Đây là những ngôn ngữ kịch bản rất đơn giản và bạn có thể dễ dàng học chúng trực tuyến. Dưới đây là một số tài nguyên trực tuyến nơi bạn có thể học CSS và HTML:

Hướng dẫn HTML

  1. Hướng dẫn HTML của W3Schools
  2. Hướng dẫnHướng dẫn HTML Point
  3. HTML.net
  4. Con chó HTML

Hướng dẫn CSS

  1. Hướng dẫn CSS
  2. Hướng dẫn CSS của W3Schools
  3. TutsPlus
  4. Khái niệm cơ bản về CSS

Bước 3: Phá vỡ tệp HTML trong tệp chủ đề WordPress

Tại thời điểm này trong quá trình chuyển đổi chủ đề PSD sang WordPress, bạn sẽ có một tệp HTML (index.htm) và một tệp CSS (style.css).Ở bước thứ ba, bạn sẽ cần chia nhỏ tệp HTML theo Chủ đề cấu trúc WordPress. Bối rối? Chà, WordPress có một tập hợp các tệp được xác định trước được gọi cùng nhau để tạo một trang web. Ví dụ: khi hiển thị một bài đăng, WordPress yêu cầu nội dung của tệp tiêu đề, tệp bài đăng, tệp thanh bên và tệp chân trang cùng với các tệp khác. Nhưng bạn có tất cả mã chỉ trong một tệp - chỉ mục.htm. Vì vậy, bạn sẽ cần phải phân phối mã chỉ mục.htm trong các tập tin WP khác nhau. Về cơ bản nó là một công việc cắt và dán! Dưới đây là danh sách một số tệp chủ đề quan trọng cho WordPress:

  • archive.php
  • danh mục.php
  • bình luận.php
  • chân trang.php
  • tiêu đề.php
  • chỉ mục.php
  • trang.php
  • tìm kiếm.php
  • thanh bên.php
  • đơn.php
  • phong cách.css
  • 404.php

Để tạo một chủ đề WordPress cơ bản, bạn sẽ muốn tạo ít nhất tiêu đề.php, chân trang.php, thanh bên.php, đơn.php Và chỉ mục.php.

Chỉ cần tạo các tệp PHP này trong bất kỳ trình soạn thảo văn bản notepad nào và sao chép mã tương ứng từ chỉ mục.htm vào các tập tin này. Mã để tạo phần tiêu đề sẽ đi vào tiêu đề.php, chú thích cuối trang mã sẽ đi đến chân trang.php... Vv và Vv.

Nếu bạn không rành về PHP, bạn có thể gặp khó khăn khi tạo các tệp này một cách chính xác. Có một số bài học trực tuyến thực sự hay và miễn phí để học PHP. W3Schools và PHP.net cung cấp trợ giúp PHP dễ hiểu. Bạn có thể xem qua các hướng dẫn này để có ý tưởng về PHP.

Video YouTube sau đây sẽ giúp bạn hiểu cách thiết lập một "chủ đề WordPress thuần túy" (về cơ bản điều này có nghĩa là một chủ đề WodPress thuần túy.

Bước 4: Thêm các tính năng và thẻ WordPress

Bây giờ là lúc chuyển đổi các tệp PHP đơn giản thành các tệp chủ đề WordPress. Để làm điều này, bạn sẽ cần thêm thẻ WordPress vào tệp. Nhưng bạn có thể hỏi Chính xác thì thẻ WordPress là gì?

Như tôi đã nói trước đây, WordPress là một nền tảng tuyệt vời và đáng tin cậy. Nó cung cấp cho bạn một lượng lớn các tính năng tích hợp mà bạn có thể dễ dàng gọi và hoàn thành công việc.

Hãy xem một ví dụ để hiểu nó tốt hơn. Trên trang chủ (index.php), bạn có thể hiển thị danh sách các tin nhắn gần đây. Danh sách này sẽ tự động thay đổi cách thức và thời điểm bạn đăng bài mới. Bạn có thể viết các hàm PHP của riêng mình để lấy dữ liệu thư từ cơ sở dữ liệu và hiển thị nó trên trang chính. Nhưng những người tạo ra WordPress đã làm cho cuộc sống của bạn dễ dàng hơn! Bạn sẽ không cần phải viết các hàm chi tiết của riêng mình. Chỉ dùng wp_get_recent_posts($args, $output) từ WordPress và xem danh sách các bài đăng gần đây được hiển thị!

WordPress có tài liệu trực tuyến toàn diện cung cấp cho bạn thông tin về tất cả các tính năng và các đối tượng khác có sẵn trong WordPress. Tài liệu cũng chứa nhiều ví dụ và do đó rất dễ hiểu. Hãy theo các liên kết dưới đây để truy cập tài liệu này:

  • Thẻ mẫu WordPress
  • Liên kết tính năng WordPress

Khi các tệp chủ đề này đã sẵn sàng, bạn nên đặt chúng vào một thư mục giống với tên chủ đề mới của bạn. Thư mục này cũng có thể có các thư mục khác để lưu trữ tệp CSS, tệp JavaScript và tệp hình ảnh.

Bạn cũng có thể đưa hình ảnh vào tệp có tên ảnh chụp màn hình.jpg hoặc ảnh chụp màn hình.png. Tệp này sẽ được hiển thị dưới dạng hình ảnh thu nhỏ của chủ đề của bạn. Thật dễ dàng để học cách chụp ảnh màn hình.

Danh sách các tệp trong một chủ đề WordPress điển hình có thể trông giống như sau:

Bạn phải tải về thư mục theme trong thư mục / Nội dung / chủ đề WP Cài đặt WordPress. Ví dụ: nếu bạn đặt tên cho chủ đề là Minerva -Thì các tệp chủ đề sẽ ở dạng / Nội dung / chủ đề WP / Minerva

Sau khi tải thư mục chủ đề, hãy truy cập bảng điều khiển WordPress của bạn rồi truy cập Giao diện > Chủ đề. Tại đây, bạn sẽ rất vui khi thấy chủ đề mới do chính bạn phát triển trong số các chủ đề có sẵn để kích hoạt. Chỉ cần chọn một chủ đề và kích hoạt nó.

Hãy xem video sau để biết thêm quá trình:

Bước 5: Thêm nhiều chức năng hơn như chức năng tìm kiếm và người dùng

Chủ đề WordPress của bạn đã hoàn tất và đang hoạt động. Hành trình từ chủ đề PSD sang WordPress đã kết thúc. Nhưng bạn vẫn có thể thêm nhiều chức năng hơn vào chủ đề của mình.

Ví dụ: bạn có thể tạo tìm kiếm.php một tệp có mã hiển thị kết quả tìm kiếm từ trang web của bạn.

Bạn cũng có thể tạo các hàm PHP của riêng mình và sử dụng chúng trong nhiều tệp PHP khác. Bạn phải tạo một tập tin hàm.phpđể giữ các chức năng tùy chỉnh ở một nơi.

Để xử lý lỗi 404 (không tìm thấy trang), bạn có thể tạo một tệp 404.php. WordPress sẽ hiển thị nội dung của tệp này bất cứ khi nào ai đó cố gắng truy cập URL trang web của bạn không tồn tại.

Bạn cũng có thể thêm một số chức năng JavaScript. JavaScript là ngôn ngữ kịch bản phía máy khách được sử dụng rộng rãi nhất. Bạn có thể viết các hàm JavaScript trong các tệp .js và gọi các hàm này trong tệp PHP của bạn. Ví dụ: xác thực biểu mẫu là việc thường được thực hiện bằng JavaScript. Nếu người dùng cố gắng tìm thứ gì đó trên trang web của mình mà không nhập từ khóa vào trường tìm kiếm thì JavaScript sẽ thông báo cho người dùng rằng cô ấy phải nhập tiêu chí tìm kiếm.

Sau các bước này, bạn có thể dễ dàng tự tạo chủ đề WordPress của riêng mình. Các bước này sẽ chuyển đổi tệp PSD thành một chủ đề WordPress chức năng. Tuy nhiên, một số người đang tìm kiếm PSD miễn phí cho trình chuyển đổi WordPress. Có rất nhiều công ty tuyên bố lấy tệp PSD và biến nó thành một chủ đề chính xác. Nếu không muốn gặp rắc rối khi học lập trình, bạn chỉ cần đưa PSD của mình cho các công ty này. Nhưng tất nhiên họ tính phí cho nó!

PSD miễn phí cho trình chuyển đổi WordPress

Tôi tình cờ thấy phần mềm Elemente của DivineProjects. Bạn có thể tải xuống chương trình này miễn phí và nó sẽ chuyển đổi PSD của bạn thành một chủ đề WordPress đầy đủ chức năng, sẵn sàng sử dụng. Phần mềm này hoạt động giống như một plugin Photoshop.

Tôi hy vọng bài viết này hữu ích cho bạn. Nếu bạn có bất kỳ câu hỏi nào về chủ đề này, xin vui lòng hỏi. Tôi sẽ cố gắng giúp bạn hết sức có thể. Cảm ơn bạn đã sử dụng TechWelkin.

Chỉ vài năm trước, một dòng dịch vụ mới đã xuất hiện cung cấp tính năng tự động chuyển đổi thiết kế trang web của bạn từ tệp Photoshop. .PSD vào mã HTML + CSS miễn phí. Điều này từng có vẻ giống như một nỗ lực tự động hóa vụng về và không có chất lượng tốt nhất, nhưng những dịch vụ này hiện đã phát triển để cung cấp khả năng tích hợp hoàn toàn với các hệ thống quản lý nội dung (như WordPress).

Trong bài viết này tôi sẽ giới thiệu cho bạn một số dịch vụ khá tốt giúp bạn tiết kiệm thời gian và tiền bạc.

1.DevPress

Tác giả của dịch vụ này là Tung Do, một nhà thiết kế và phát triển WordPress xuất sắc, người đã làm chúng tôi hài lòng với sản phẩm mới của anh ấy. Dịch vụ mà nó cung cấp có khả năng như sau: Thiết kế chủ đề, mã hóa XHTML/CSS, phát triển chủ đề XHTML-to-WordPress và quản lý trang web.

2.WP từ PSD


Một nhóm lập trình viên chuyên nghiệp sẽ giúp bạn chuyển thiết kế của mình sang chủ đề WordPress đa trình duyệt tiêu chuẩn. Mọi công việc đều được cam kết hoàn thành với chi phí thấp nhất và trong thời gian ngắn nhất. Chúng ta chỉ có thể tin tưởng các chàng trai :)

3. Mã hóa con người


Dịch vụ này cung cấp khả năng hoạt động với XHTML, HTML5 tĩnh và cũng cung cấp một bộ mẫu được tạo sẵn cho một cửa hàng trực tuyến. Codingpeople được coi là cơ quan có thẩm quyền ở Đức về chất lượng mã.

4.WP Canvas


Dịch vụ này đảm bảo rằng nó sẽ dễ dàng biến thiết kế của bạn thành bố cục đa trình duyệt chất lượng cao, tuân thủ các tiêu chuẩn Chủ đề WordPress hợp lệ của W3C.

5. PSD sang WP


Nếu bạn đã tạo ra một thiết kế trang web xuất sắc và cần bố cục nhanh chóng và chất lượng cao, dịch vụ PSDtoWordPress sẽ giúp bạn điều này. Biến thiết kế của bạn thành một chủ đề WordPress làm sẵn với PSDtowordpress.

6. Pixel WP


PixelWP.com cung cấp cho khách hàng của mình một công cụ chuyển đổi mẫu PSD sang WordPress tuyệt vời mà bạn có thể tin cậy. Bạn có thể chắc chắn rằng thiết kế của bạn sẽ được thực hiện hiệu quả và đúng thời hạn.

7. PSD sang bất kỳ


Dịch vụ này có thể tạo chủ đề WordPress làm sẵn từ mô hình thiết kế đính kèm. Nếu bạn không có kỹ năng lập trình và làm việc với các file theme, dịch vụ này chắc chắn sẽ rất hữu ích!

8. PSD 2 HTML


Dịch vụ này được ra mắt lần đầu tiên vào năm 2005. P2H.com / PSD2HTML.com là trang đầu tiên thuộc loại hình này và nhờ đó nó đã thu hút được hơn 50.000 khách hàng.

9. Cắt HTML


HTMLcut là dịch vụ từng bước để triển khai mã tạo sẵn từ thiết kế của bạn. Bạn upload bố cục PSD lên, phần còn lại tùy HTMLcut.

10. XHTML nhanh


Nếu bạn muốn biến thiết kế của mình thành một blog hoặc trang web CMS làm sẵn, RapidxHTML chỉ dành cho bạn. Dịch vụ này hỗ trợ các nền tảng phổ biến như wordpress, Blogger, Drupal, Joomla và Magento.

Chúng ta sẽ xem cách tạo một mẫu WordPress làm sẵn, sẵn sàng để cài đặt trên máy chủ. Để thực hiện điều này, các tệp php được tạo dựa trên tệp index.htm, mỗi tệp chịu trách nhiệm về phần tương ứng của mẫu WordPress. Đặc biệt, đây là các tệp kiểm soát tiêu đề trang web, giao diện của trang chính, thanh bên, kho lưu trữ, trang tìm kiếm, bài đăng đơn, trang đơn và nhận xét. Tôi muốn nói ngay rằng ở giai đoạn này sẽ rất tốt nếu có một số kiến ​​​​thức cơ bản, đặc biệt là hiểu thẻ mẫu là gì.

Trước khi các bạn bắt đầu học bài này, tôi muốn cảnh báo các bạn về một... hmm... thủ thuật của tác giả bài học. Khi tôi bắt đầu dịch loạt bài học này, tôi chắc chắn rằng cuối cùng chúng tôi sẽ có một mẫu được tạo sẵn do chính chúng tôi tạo ra. Nhưng mọi thứ phức tạp hơn một chút. Trong bài học trước, tác giả đưa ra mã WordPress không phải ở dạng văn bản như các bài học trước mà ở dạng hình ảnh kèm theo lời giải thích. Và toàn bộ mẫu làm sẵn được cung cấp để tải xuống dưới dạng kho lưu trữ làm sẵn với một khoản phí danh nghĩa. Tôi có thể mua kho lưu trữ này và đăng nó ở đây, nhưng tôi không chắc liệu nó có hợp pháp hay không. Nói chung, đây là tình huống. Vì vậy, bạn có thể sẽ phải làm quen với bài học này chỉ nhằm mục đích cung cấp thông tin và giáo dục.

Bố cục trang web được thiết kế
Vì vậy, trong hai bài học đầu tiên, trước tiên chúng ta sẽ sử dụng các công cụ HTML và CSS. Nhấp vào hình ảnh bên dưới để xem bố cục trang web hoàn chỉnh trông như thế nào.

Tất cả các tệp mẫu WordPress
Bây giờ tất cả những gì còn lại là tạo một mẫu WordPress dựa trên bố cục của trang web. Hình ảnh bên dưới hiển thị một bộ tệp mẫu WordPress tiêu chuẩn. Ở bài học trước chúng ta đã tạo một thư mục hình ảnh và tập tin phong cách.css. Chúng tôi cũng có một tập tin chỉ mục.htm, từ đó các đoạn mã sẽ được lấy và sao chép vào các file tương ứng php. Và chỉ sau đó trong php các tập tin được chèn bởi các lệnh WordPress và từ đó hình thành php Tệp mẫu WordPress.

Chỉnh sửa tệp style.css
Đầu tiên bạn nên chèn nó vào đầu file phong cách.css thông tin về mẫu. Đây là mã tiêu chuẩn có thể được chỉnh sửa cho phù hợp với dữ liệu của bạn (tên mẫu, URL, mô tả, thông tin về tác giả).

Tiêu đề.php
Tệp này chịu trách nhiệm hiển thị tiêu đề trang web. Bản chất là thế này: một đoạn mã được lấy từ tệp chỉ mục.htm(ở trên và bao gồm

), được chèn vào tập tin tiêu đề.php và sau đó chúng được tích hợp vào mã lệnh WordPress. Chúng được đánh dấu màu đỏ trong hình. Bấm vào hình để xem với kích thước lớn.

Index.php
Tệp này chịu trách nhiệm hiển thị những gì người dùng nhìn thấy trên trang chính của trang web. Tệp được tạo theo cách tương tự chỉ mục.php. Một đoạn mã được sao chép từ chỉ mục.htm và chứa đầy các lệnh WordPress. Bấm vào hình để xem với kích thước lớn.

Thanh bên.php
Tệp này chịu trách nhiệm hiển thị các thành phần trong thanh bên. Chúng tôi cũng cắt mã từ chỉ mục.htm(tất cả div id=”bên”) và dán nó vào tập tin thanh bên.php. Tiếp theo, như trước, chèn các lệnh WordPress. Bấm vào hình để xem với kích thước lớn.

Lưu trữ.php
Chịu trách nhiệm phát hành hồ sơ lưu trữ trang web. Để tạo file này, hãy sao chép toàn bộ nội dung của file chỉ mục.php và dán vào archive.php, sau đó chèn một đoạn mã (7 dòng) vào giữa các dòng Và

Tìm kiếm.php
Tập tin này chịu trách nhiệm về kết quả tìm kiếm. Để tạo file này, hãy sao chép toàn bộ nội dung của file chỉ mục.php và dán vào tìm kiếm.php, sau đó chèn một đoạn mã (1 dòng) vào giữa các dòng Và . Hãy xem cách thực hiện điều này trong hình dưới đây. Bấm vào hình để xem với kích thước lớn.

Single.php
Tập tin này xuất ra một bài viết duy nhất. Bấm vào hình để xem với kích thước lớn.

Ở giai đoạn này, chủ đề có thể được cài đặt và thử nghiệm. Bạn có thể tạo nhiều bài đăng để kiểm tra cách hoạt động của điều hướng, nút và liên kết.

Bản demo trực tiếp của mẫu
Nếu bạn nhấp vào hình ảnh, bạn có thể thấy mẫu WordPress được tạo sẵn trực tuyến.

Tái bút. Bảo vệ. Và bạn biết đấy, để bắt đầu thiết kế bạn cần phải nắm vững các công cụ và chức năng của Photoshop. Trong trường hợp này, các khóa học Photoshop sẽ giúp bạn, giúp bạn có được trình độ kiến ​​​​thức cơ bản cần thiết.