Tôi có thể tạo thiết kế của riêng mình trong WordPress không?
|
Bạn đã bao giờ ước mình có một chủ đề WordPress được tùy chỉnh chỉ dành cho trang web của mình chưa? . thư mục chủ đề com cung cấp rất nhiều tùy chọn để phù hợp với tất cả các loại trang web. Ngoài ra, bạn có thể tải lên bất kỳ chủ đề hoặc plugin nào bạn muốn trên gói Doanh nghiệp trở lên. Nhưng cuối cùng, đó vẫn là thứ được tạo sẵn và không phải là duy nhất cho trang web của bạn Show
Vì vậy, điều gì sẽ xảy ra nếu bạn có thể tạo chủ đề của riêng mình và điều chỉnh nó theo chính xác những gì bạn cần? . Tôi không biết cách viết mã, làm sao tôi có thể tạo ra thứ gì đó như thế? Đối với điều đó tôi nói, đừng sợ. Hóa ra, bạn hoàn toàn có thể học cách tạo một chủ đề WordPress mà không cần bất kỳ kỹ năng mã hóa nào. Nhờ plugin Tạo chủ đề khối và Trình chỉnh sửa trang web WordPress, bất kỳ ai cũng có thể làm được và trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách. Từng bước bạn sẽ tìm hiểu cách chuyển từ canvas trống sang chủ đề khối làm sẵn mà bạn có thể xuất và sử dụng trên bất kỳ trang web WordPress nào trong bài báo này
Giới thiệu Plugin tạo chủ đề khốiTrước tiên, hãy nói về một công cụ giúp tạo chủ đề của riêng bạn trong WordPress dễ dàng hơn nhiều. Plugin Tạo chủ đề khối có sẵn miễn phí trong thư mục WordPress. Đúng như tên gọi, nó giúp bạn xây dựng các chủ đề của riêng mình, ngay cả khi không có kỹ năng kỹ thuật Đây là những gì nó có thể làm Xuất chủ đề đang hoạt động của bạn với cài đặt tùy chỉnh – Tải xuống chủ đề hiện đang hoạt động của bạn với bất kỳ thay đổi nào bạn đã thực hiện để sử dụng lại ở nơi khác Tạo chủ đề con – Thiết lập chủ đề con nơi bạn có thể thay đổi trang web của mình mà không cần sửa đổi trực tiếp chủ đề chính Sao chép chủ đề của bạn – Bạn cũng có thể tạo một bản sao của chủ đề hiện tại và xuất nó, bao gồm mọi tùy chỉnh bạn đã thực hiện, dưới dạng một chủ đề mới Ghi đè chủ đề hiện tại – Điều này làm cho các thay đổi của bạn trở nên vĩnh viễn bằng cách ghi đè cài đặt chủ đề mặc định bằng cài đặt chủ đề của bạn Tạo một chủ đề trống – Plugin cũng có thể thiết lập một chủ đề soạn sẵn làm điểm bắt đầu trống để tạo thiết kế của riêng bạn Lưu các thay đổi của bạn dưới dạng một biến thể kiểu – Thay vì tạo một chủ đề hoàn toàn mới, plugin cũng có thể lưu các tùy chỉnh của bạn dưới dạng một biến thể kiểu của thiết kế hiện có Nhúng Google Fonts – Bạn có thích một kiểu chữ trên Google Fonts mà bạn muốn sử dụng cho chủ đề hoặc trang web của mình không? Nhúng phông chữ cục bộ – Một tùy chọn tương tự như trên nhưng dành cho phông chữ mà bạn có tệp cho. Plugin hỗ trợ các. tf,. woff, và. woff2 và làm cho việc tải lên và nhúng chúng vào trang web của bạn trở nên dễ dàng Cách tạo chủ đề WordPress bằng Trình chỉnh sửa trang web và Plugin tạo chủ đề khốiĐược rồi, hãy xem điều này hoạt động như thế nào trong thực tế. Dưới đây, chúng tôi sẽ tạo một chủ đề hoàn toàn mới trong Trình chỉnh sửa trang, sau đó xuất và sử dụng nó trên một trang web trực tiếp với sự trợ giúp của Tạo chủ đề khối Ghi chú. Tốt nhất là thực hiện việc xây dựng và tùy chỉnh chủ đề trong môi trường phát triển cục bộ hoặc trang dàn dựng, nghĩa là tránh xa tầm mắt của công chúng. Không nên làm điều đó trên trang web trực tiếp của bạn, nơi khách truy cập của bạn có thể thấy kết quả thử và sai của bạn Đối với hướng dẫn này, chúng tôi sẽ sử dụng chủ đề Blockbase làm ví dụ. Chủ đề đã được thực hiện để cung cấp một điểm khởi đầu trung lập cho ý tưởng của riêng bạn Chúng tôi cũng đã lấp đầy nó bằng nội dung giả để thấy rõ hơn những thay đổi ảnh hưởng đến thiết kế như thế nào. Bạn có thể sử dụng bất kỳ chủ đề WordPress kích hoạt khối nào khác theo cách tương tự như bên dưới Bước 1. Cài đặt pluginĐiều đầu tiên cần làm để tạo chủ đề WordPress bằng Tạo khối chủ đề là cài đặt plugin. Đối với điều đó, hãy truy cập trang web (dàn dựng) hiện có của bạn, sau đó đến Plugin > Thêm mới Tại đây, tìm kiếm nó theo tên và cài đặt và kích hoạt plugin khi nó hiện lên trong danh sách Khi bạn đã hoàn thành việc đó, bạn sẽ tìm thấy một số mục menu mới bên dưới Giao diện Ở đây, chủ đề cung cấp tất cả các tùy chọn mà chúng ta đã nói ở trên. Chúng tôi sẽ đi vào chi tiết khi chúng tôi cần chúng Bước 2. Chỉnh sửa thiết kế trang web của bạn với Trình tùy chỉnh và Trình chỉnh sửa trang webVới chủ đề cơ bản đã được thiết lập, bước hợp lý tiếp theo là thực hiện các sửa đổi bạn muốn. Tại đây, bạn có hai lựa chọn cơ bản tùy thuộc vào loại chủ đề bạn đã chọn làm cơ sở của mình Đầu tiên, có Trình tùy chỉnh WordPress (trong Giao diện> Tùy chỉnh) Điều này có sẵn cho các chủ đề không phải khối. Tùy thuộc vào chủ đề của bạn, bạn sẽ tìm thấy các tùy chọn để thay đổi cài đặt phông chữ, sửa đổi màu nền hoặc hình ảnh, thêm hình ảnh tiêu đề, v.v. Tuy nhiên, để có những thay đổi cơ bản hơn đối với giao diện chủ đề, bạn cần biết cách sử dụng trình chỉnh sửa mã Mặt khác, nếu bạn đang sử dụng một chủ đề khối chính thức, bạn sẽ có quyền truy cập vào Trình chỉnh sửa trang web (nằm trong Giao diện > Trình chỉnh sửa), nơi bạn có thể thực hiện các thay đổi gần như không giới hạn đối với thiết kế của chủ đề của mình Đây là giao diện của chủ đề Blockbase khi xuất xưởng Với sự trợ giúp của Trình chỉnh sửa trang, chúng tôi có thể nhanh chóng thay đổi nó một cách đáng kể Làm việc với các biến thể phong cáchMột trong những cách cơ bản nhất để tạo một chủ đề WordPress hoàn toàn mới là sử dụng Global Styles. Đó là nơi bạn có thể kiểm soát các cài đặt cơ bản như màu sắc, bố cục và kiểu chữ. Bạn tìm thấy chúng trong menu Kiểu bên trong Trình chỉnh sửa trang Một cách nhanh chóng để sửa đổi giao diện của chủ đề của bạn là sử dụng các biến thể kiểu được định cấu hình sẵn mà nhiều chủ đề khối đi kèm. Bạn tìm thấy chúng trong phần Duyệt kiểu trong menu Kiểu toàn cục Một cú nhấp chuột vào bất kỳ tùy chọn nào có sẵn ở đây sẽ ngay lập tức áp dụng chúng cho bản xem trước trang web Đây là một cách tuyệt vời để tạo đường cơ sở cho chủ đề tùy chỉnh của bạn. Ví dụ: trong trường hợp này, chúng tôi sẽ gắn bó với biến thể Charcoal mà Blockbase cung cấp Tăng chiều rộng nội dungĐiều thứ hai chúng tôi muốn làm với chủ đề này là tăng chiều rộng nội dung. Ngay bây giờ nó hơi quá hẹp. Ngoài ra, nó rất dễ thực hiện Bạn chỉ cần vào phần Bố cục và sửa đổi các giá trị cho Nội dung và Rộng. Một lần nữa, bản xem trước trang web sẽ điều chỉnh ngay lập tức, cho biết bạn hiện có bao nhiêu dung lượng cho nội dung của mình Thay đổi phông chữ của bạnTiếp theo, chúng tôi muốn sửa đổi một số kiểu chữ trên trang. Không có gì ngạc nhiên khi bạn tìm thấy rất nhiều cài đặt cho điều đó trong menu cùng tên Tại đây, bạn có tùy chọn sửa đổi giao diện của văn bản, liên kết, tiêu đề và nút chung của trang web. Hãy bắt đầu với Văn bản, nơi bạn tìm thấy các tùy chọn sau Điều đầu tiên chúng tôi muốn làm là thay đổi kiểu chữ. Các tùy chọn ở đây phụ thuộc vào chủ đề bạn đang sử dụng. Nếu bạn không hài lòng với phạm vi lựa chọn, bạn có thể sử dụng plugin Tạo chủ đề khối để thêm nhiều phông chữ hơn vào trang web của mình. Nó cung cấp các tùy chọn dễ dàng cho điều đó Trong trường hợp này, điều đó là không cần thiết. Chủ đề Blockbase đã có sẵn một số lượng lớn phông chữ để lựa chọn, vì vậy không cần phải thêm nhiều phông chữ khác. Chúng tôi có thể chỉ cần sử dụng menu thả xuống để chọn kiểu chữ mới cho cả văn bản trang web bình thường và tiêu đề của chúng tôi Cùng với những thay đổi về kích thước phông chữ, hình thức và chiều cao của dòng, điều này đã có tác động đáng chú ý đến thiết kế của chủ đề Sửa đổi màu chủ đềBước cuối cùng mà chúng tôi muốn thực hiện thông qua Global Styles là chơi với màu sắc. Bạn tìm thấy các tùy chọn cho điều này, bạn đoán nó, trong menu Màu sắc Tại đây, bạn có thể sửa đổi màu sắc của một số thành phần khác nhau, từ nền đến tất cả các loại thành phần dựa trên văn bản Trong trường hợp này, chúng tôi chủ yếu muốn thay đổi màu sắc của các liên kết, bao gồm cả tiêu đề bài đăng trên blog. Các tùy chọn cho điều đó nằm trong menu Liên kết. Bạn có thể nhấp vào hình chữ nhật ở trên cùng để đặt màu tùy chỉnh Thực hiện tương tự trong Hover và chúng tôi đã hoàn thành với Global Styles vào lúc này Thay đổi các bộ phận của mẫuSau đó, đã đến lúc thay đổi các thành phần trên trang. Chiến thắng nhanh chóng ở đây là trao đổi đầu trang và chân trang. Nó rất dễ làm. Chỉ cần nhấp vào chúng trong trình chỉnh sửa, sử dụng biểu tượng ba chấm trong thanh cài đặt xuất hiện, sau đó chọn tùy chọn Thay thế Điều này sẽ mở ra một menu mới với các tùy chọn đầu trang hoặc chân trang khác nhau mà chủ đề đi kèm hoặc có mặt trên trang web của bạn Cuộn hoặc sử dụng thanh tìm kiếm để tìm nội dung bạn thích. Một cú nhấp chuột vào bất kỳ trong số chúng sẽ tự động thay thế tiêu đề mặc định trên trang Nếu có điều gì đó bạn muốn sửa đổi về lựa chọn của mình, bạn luôn có thể nhấn nút Chỉnh sửa và làm việc riêng với nó Khi điều này được thực hiện, đã đến lúc xử lý nội dung chính trên trang Trao đổi khối vòng lặp truy vấnThay đổi cuối cùng mà chúng tôi muốn thực hiện trên trang chủ là thay đổi giao diện của danh sách các bài đăng trên đó. Đối với điều đó, hãy mở menu Mẫu ở bên trái và chọn Truy vấn từ các tùy chọn thả xuống Khi bạn tìm thấy thứ gì đó ưng ý, hãy nhập nó vào trang (nhớ xóa Khối truy vấn cũ). Chúng tôi có thể sửa đổi thêm cho đến khi nó trông giống như cách chúng tôi muốn Ngoài ra, chúng tôi đã thêm một số dải phân cách và khoảng cách ở trên cùng và dưới cùng để đo lường tốt. Đây là kết quả của tất cả những gì chúng tôi đã làm cho đến nay Nó đang dần đến với nhau, bạn có nghĩ vậy không? Chúng tôi đã bao gồm một video tốc độ ở đây để minh họa quá trình bạn vừa học. Nó chạy trong thời gian gấp đôi, vì vậy hãy tạm dừng nó bất cứ lúc nào nếu bạn cần. Điều này sẽ cung cấp đủ định hướng để tiếp tục với phần còn lại của hướng dẫn bằng văn bản bên dưới. Tóm tắt lại. Xem video tốc độ về hướng dẫn đến điểm nàyBước 3. Sửa đổi mẫu trang bằng Trình chỉnh sửa trangBây giờ là lúc để chuyển sang các mẫu trang. Trong trường hợp bạn không quen thuộc với thuật ngữ này, đây là những bản thiết kế kiểm soát thiết kế trang và nội dung khác của bạn, tương tự như các loại bài đăng tùy chỉnh. Về mặt kỹ thuật, khi làm việc trên trang chủ, bạn cũng đang sửa đổi một mẫu có tên là Chỉ mục Bạn có thể truy cập các mẫu trang cho phần còn lại của trang web của mình bằng cách nhấp vào biểu tượng trong Trình chỉnh sửa trang (góc trên bên trái) rồi chọn Mẫu Khi thực hiện, bạn sẽ tìm thấy danh sách tất cả các mẫu có sẵn trên trang web của mình Với sự giúp đỡ của họ, chúng tôi có thể hiểu chi tiết hơn một chút trong nhiệm vụ tạo chủ đề WordPress tùy chỉnh mà không cần mã Thiết kế lại Mẫu Đơn và Mẫu TrangVí dụ, trong trường hợp này, chúng tôi muốn thay đổi Mẫu đơn. Nó chịu trách nhiệm kiểm soát bố cục của các bài đăng trên blog và hiện trông như thế này Một cú nhấp chuột vào tên của nó trong danh sách các mẫu sẽ đưa chúng ta đến Trình chỉnh sửa mẫu Ở đây, bên cạnh việc dọn dẹp bố cục nói chung và thêm đầu trang và chân trang giống như cho trang chủ để làm cho chủ đề trở nên gắn kết hơn, chúng tôi muốn làm một việc duy nhất. đặt hình ảnh nổi bật làm biểu ngữ lên trên cùng với tiêu đề bài đăng ở trên cùng Điều này dễ dàng như việc thay thế khối Hình ảnh nổi bật bằng khối Ảnh bìa và đặt nó để sử dụng hình ảnh nổi bật Chúng tôi cũng có thể đặt một lớp phủ lên trang bìa để đảm bảo rằng mọi văn bản trên đó vẫn dễ đọc và điều chỉnh chiều cao của nó khi chúng tôi đang ở đó Bước tiếp theo là tạo một khối Hàng bên trong khối Bìa và sau đó di chuyển khối Tiêu đề Trang web vào đó Tại sao không đặt tiêu đề trang trực tiếp vào trang bìa? Tất cả những gì còn lại sau đó là điều chỉnh thiết kế và căn chỉnh để mọi thứ trông đẹp mắt. Đây là kết quả cuối cùng Trong khi chúng tôi đang ở đó, chúng tôi có thể làm điều tương tự cho mẫu Trang. Đừng quên lưu các thay đổi của bạn Điều chỉnh mẫu lưu trữCuối cùng, chúng tôi muốn làm việc trên mẫu Lưu trữ, hiện trông như thế này Ở đây, bên cạnh việc thay đổi header và footer, chúng tôi muốn thực hiện một thay đổi lớn, đó là hiển thị tất cả các bài đăng có sẵn trong kho lưu trữ dưới dạng lưới Điều này cũng không quá khó. Chọn khối Query Loop chịu trách nhiệm hiển thị bài viết. Sau đó, trong thanh cài đặt, hãy chuyển từ danh sách sang hiển thị dạng lưới Sau đó, mẫu có giao diện mà chúng tôi đang tìm kiếm Một lần nữa, hãy nhớ lưu để thực hiện các thay đổi của bạn vĩnh viễn Bước 4. Xuất chủ đề của bạnSau khi hài lòng với giao diện của chủ đề, đã đến lúc xuất nó. Trình chỉnh sửa trang web thực sự có một tùy chọn được tích hợp sẵn. Bấm vào biểu tượng ba chấm ở góc trên bên phải để truy cập menu Tùy chọn, sau đó chọn Xuất Điều này sẽ tải xuống các tệp chủ đề đã sửa đổi của bạn với tất cả các thay đổi về kiểu và mẫu mà bạn đã thực hiện dưới dạng tệp zip Nếu bạn muốn các tùy chọn phức tạp hơn, hãy chuyển sang plugin Tạo chủ đề khối. Bạn tìm thấy tất cả các tùy chọn xuất được đề cập ngay từ đầu trong Giao diện > Tạo chủ đề khối Để di chuyển chủ đề của bạn từ trang này sang trang khác, bạn có thể xuất thẳng chủ đề của mình hoặc sao chép chủ đề đó. Tùy chọn thứ hai cho phép bạn chọn tên chủ đề của riêng mình và cung cấp mô tả, tên tác giả và các thông tin khác sẽ hiển thị trong WP Admin. Lưu ý rằng chỉ có tên chủ đề là bắt buộc Cả hai tùy chọn này đều cho phép bạn sử dụng những gì bạn đã tạo làm chủ đề độc lập ở nơi khác. Thực hiện lựa chọn của bạn, nhập bất kỳ thông tin nào mà plugin yêu cầu của bạn và nhấp vào Tạo để bắt đầu tải xuống. Sau đó, chuyển sang bước cuối cùng Bước 5. Tải chủ đề mới lên WordPress của bạn. trang web comĐương nhiên, khi bạn tạo chủ đề WordPress tùy chỉnh của riêng mình và muốn sử dụng nó trên một trang web khác, trước tiên bạn phải tải nó lên. Điều này dễ dàng như vào Giao diện> Chủ đề Tại đây, chọn Install theme ở góc trên bên phải rồi Upload Theme ở màn hình tiếp theo Làm như vậy sẽ mở ra một biểu mẫu tải lên nơi bạn có thể sử dụng nút Duyệt qua để tìm chủ đề đã tải xuống trên ổ cứng của mình, sau đó nhấp vào Cài đặt ngay để tải lên. Như đã đề cập, bạn có thể thực hiện việc này trên bất kỳ gói Business nào hoặc cao hơn Nếu bạn chọn kích hoạt chủ đề của mình trong màn hình tiếp theo, trang web của bạn sẽ bắt đầu sử dụng chủ đề đó ngay lập tức. Xin chúc mừng, bạn vừa học cách tạo một chủ đề WordPress tùy chỉnh và cài đặt nó trên một trang web khác mà không cần chạm vào một dòng mã nào Sử dụng chủ đề tùy chỉnh của bạn để xây dựng một trang web đơn giảnVới chủ đề mới của bạn hiện diện và hoạt động trên trang web của bạn, WordPress sẽ tự động sử dụng nó cho thiết kế. Điều đó có nghĩa là bạn có thể bắt đầu xây dựng một trang web với giao diện mong muốn ngay lập tức Một trong những điều tốt nhất về phương pháp này là các kiểu chủ đề chung sẽ tự động áp dụng và hiển thị trong Trình chỉnh sửa trang. Vì vậy, khi bạn đang tạo nội dung bài đăng hoặc trang, bạn có thể thấy ngay nội dung sẽ trông như thế nào trên trang web của mình Ngoài ra, nó cũng sẽ sử dụng các mẫu bạn đã tạo. Ví dụ: khi bạn xem trước một bài đăng mà bạn đang làm việc, bạn sẽ thấy hình ảnh nổi bật làm hình nền tiêu đề với tiêu đề bên trong. Tương tự nếu bạn bắt đầu tạo trang. Đây là giao diện cơ bản của trang Điền nội dung của bạn nếu cần, tạo menu điều hướng, thêm tiện ích con và làm bất kỳ điều gì khác mà bạn cần để có một trang web chính thức. Và nếu hóa ra bạn không thích điều gì đó về giao diện của chủ đề trên trang web trực tiếp của mình, thì bạn đã có tất cả kiến thức cần thiết để thực hiện những thay đổi cần thiết Tạo chủ đề WordPress tùy chỉnh. Không có vấn đề, ngay cả đối với người mới bắt đầuHọc cách tạo một chủ đề WordPress tùy chỉnh có thể giống như một thứ gì đó ngoài tầm với đối với những người không có kỹ năng phát triển. Rốt cuộc, trong quá khứ, bạn cần một số kỹ thuật nghiêm túc để tùy chỉnh các trang web và thiết kế web. May mắn thay, WordPress cung cấp các công cụ mạnh mẽ để bạn không chỉ có thể tạo chủ đề tùy chỉnh của riêng mình mà còn có thể xuất và sử dụng lại ở nơi khác Ở trên, chúng tôi đã giới thiệu quá trình xây dựng một chủ đề phù hợp với nhu cầu của bạn với sự trợ giúp của Trình chỉnh sửa trang và Trình chỉnh sửa mẫu. Bằng cách làm việc với Kiểu toàn cầu và sắp xếp các phần mẫu và thành phần trang, bạn có thể nhanh chóng thiết lập bố cục và thiết kế chủ đề tùy chỉnh. Sau khi xuất nhanh, bạn có thể sử dụng nó làm chủ đề độc lập ở bất cứ đâu bạn muốn Bạn có thể viết mã của riêng mình trong WordPress không?Sử dụng Plugin Đoạn mã
. Về cơ bản, nó phục vụ cùng mục đích như plugin của riêng bạn, vì có thể thêm mã tùy chỉnh mà không cần sử dụng chủ đề của bạn và theo cách nâng cấp an toàn.
WordPress có tốt cho các nhà thiết kế không?WordPress là trình tạo trang web tốt nhất dành cho các nghệ sĩ, nhà thiết kế và những người sáng tạo . Nó cung cấp sự linh hoạt và tự do tuyệt vời để phù hợp với biểu hiện nghệ thuật của bạn. Có 2 loại trang web WordPress khác nhau. |
