Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

Bạn có muốn tìm hiểu cách tùy chỉnh chủ đề WordPress với plugin Elementor không?

Tùy chỉnh chủ đề WordPress của bạn là một trong những nhiệm vụ chính khi xây dựng trang web WordPress. Vì cô ấy kiểm soát việc thiết kế một trang web, đây là nơi mà nhiều chuyên gia dành phần lớn thời gian của họ.

Tạo một chủ đề WordPress tùy chỉnh thường liên quan đến việc làm việc với các tệp chủ đề và trình chỉnh sửa mã. Thay đổi bố cục xảy ra trong tệp mẫu, thay đổi thiết kế thông qua CSS. Ngoài ra, bạn sẽ phải liên tục làm mới cửa sổ trình duyệt để hiển thị các tùy chỉnh của mình, điều này có thể hơi rườm rà.

May mắn thay, với Elementor, quá trình này trở nên cực kỳ dễ dàng, vì vậy bạn có thể muốn kiểm tra nó.

Nhưng trước đây, hãy cùng nhau khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn.

Sau đó, trở lại lý do tại sao chúng ta ở đây.

Chủ đề WordPress là gì

Về bản chất, một chủ đề WordPress là một tập hợp các mẫu xác định giao diện trực quan của một trang web WordPress.

Chủ đề WordPress bao gồm mọi thứ ảnh hưởng đến thiết kế của một trang web, từ đầu trang và chân trang đến cách phối màu, bố cục và hơn thế nữa.

Có rất nhiều chủ đề có sẵn, cả miễn phí và cao cấp, phù hợp với hầu hết mọi ngành như trang web nhiếp ảnh, trang web câu lạc bộ gym, trang web tiệm làm tóc, trang web luậtVà nhiều hơn nữa.

Tại sao phải tùy chỉnh chủ đề WordPress?

Một trong những lý do chính để xây dựng một trang web là để quảng bá doanh nghiệp của bạn. Còn cách nào tốt hơn để làm điều này ngoài việc tạo một trang web độc đáo để quảng bá phong cách và thiết kế của doanh nghiệp.

Bạn có thể tưởng tượng Amazon, eBay hoặc Google sẽ là những gì họ đang có nếu không có thiết kế độc đáo của họ?

Tất nhiên là không, và đó là một trong những lý do chúng tôi muốn tùy chỉnh chủ đề WordPress. Chúng tôi muốn làm cho nó trở nên độc đáo và phù hợp với thông điệp của công ty chúng tôi.

Ngoài ra, đôi khi, hay nói đúng hơn, bạn thường xuyên chạy qua một chủ đề WordPress bị cản trở bởi thiết kế kém, màu sắc không phù hợp với nhau hoặc một chủ đề quá nặng và chỉ ảnh hưởng đến hiệu suất trang web. web. Chủ đề WordPress có thể mạnh mẽ ngoại trừ điều đó làm phiền bạn. Tùy chỉnh nó và thay đổi điều này có thể giải quyết tất cả các vấn đề của bạn và tạo trải nghiệm người dùng tốt hơn.

Cách tùy chỉnh chủ đề WordPress

Có một số phương pháp để tùy chỉnh chủ đề WordPress.

  1. Theo cách thủ công, thông qua tùy biến WordPress
  2. Với mã
  3. Với Elementor

Cách tùy chỉnh thủ công một chủ đề WordPress

Bạn có thể tùy chỉnh chủ đề WordPress mà bạn chọn thông qua WordPress Customizer tích hợp sẵn. Nếu bạn làm điều đó mà không có mã, bạn thường bị giới hạn trong những gì bạn có thể thay đổi. Một số chủ đề WordPress cao cấp cho phép bạn có nhiều tùy chọn tùy chỉnh hơn, nhưng về bản chất thì không có nhiều tùy chọn thiết kế cho bạn.

Trước khi đi sâu hơn vào lĩnh vực này, chúng tôi muốn chỉ ra rằng khi bạn tùy chỉnh một chủ đề WordPress hiện có, tốt nhất là bạn nên sử dụng chủ đề con chứ không phải chủ đề mẹ.

Chủ đề con WordPress

Chủ đề con là một chủ đề WordPress có các chức năng và đặc điểm giống hệt với một chủ đề WordPress khác, chủ đề mẹ. Chủ đề con được sử dụng để tùy chỉnh và sửa đổi chủ đề một cách an toàn, không ảnh hưởng đến chủ đề mẹ và không làm mất khả năng cập nhật chủ đề đó. 

Tùy biến chủ đề WordPress

Vì vậy, bây giờ chúng tôi biết tốt nhất là làm việc với một chủ đề con, hãy tìm hiểu cách tùy chỉnh một chủ đề với WordPress Customizer. Để truy cập nó, hãy chuyển đến trang tổng quan của bạn, nhấp vào Apparence ở phía bên trái và chọn Cá nhân hóa.

Các tính năng chính mà bạn có thể sửa đổi với Customizer này như sau:

Thêm tiêu đề, biểu trưng và biểu tượng trang web

Để thêm hoặc thay đổi tiêu đề, biểu trưng hoặc biểu tượng của bạn, bạn có thể chỉ cần vào bảng Danh tính của trang web. và chọn từng phần tử này để sửa đổi chúng.

Thay đổi màu sắc của chủ đề WordPress

Một số chủ đề WordPress sẽ cho phép bạn thay đổi cách phối màu của chúng, nhưng không phải tất cả chúng và chúng thường là các chủ đề WordPress cao cấp. Nếu chủ đề WordPress của bạn cho phép bạn thay đổi bảng màu, bạn sẽ thấy tùy chọn này khi truy cập vào Customizer.

Đã thêm menu điều hướng

Customizer cũng cho phép bạn dễ dàng thêm và sửa đổi các menu điều hướng trang web của mình.

Cách tùy chỉnh chủ đề WordPress bằng mã

Bạn sẽ nhận thấy rằng trong tab Giao diện, bạn có tùy chọn để chọn trình chỉnh sửa chủ đề. Nhấp vào nó sẽ chào đón bạn bằng một cửa sổ có mã chủ đề. Tùy chọn này yêu cầu hiểu rõ về mã hóa CSS và không được khuyến khích cho người mới bắt đầu.

Tại đây, bạn sẽ có quyền truy cập vào các tệp như style.css, function.phpvà chính xác cho trường hợp này là bạn sẽ cần một chủ đề con để không phá vỡ trang web của bạn.

Một cách khác để tùy chỉnh chủ đề của bạn bằng cách mã hóa là tải tệp lên bằng giải pháp FTP. Quá trình này bao gồm việc tạo thông tin đăng nhập FTP thông qua nhà cung cấp dịch vụ lưu trữ của bạn, tải xuống và cài đặt giải pháp FTP (như FileZilla), đăng nhập vào tài khoản của bạn và chỉnh sửa tệp của bạn, sau đó bạn sẽ tải lên cùng một giải pháp. Giải pháp FTP.

Khám phá hướng dẫn của chúng tôi trên Cách cài đặt WordPress với FileZilla

Trừ khi bạn đã quen với việc viết mã, chúng tôi không khuyến nghị tùy chọn này.

Tùy chỉnh chủ đề WordPress dễ dàng với Elementor

Bạn có thể làm điều này trực tiếp từ giao diện người dùng. Không cần phải thay đổi một dòng mã hoặc tải lại một cửa sổ trình duyệt, dù chỉ một lần.

Elementor cho phép bạn thay đổi mọi thành phần của trang web một cách nhanh chóng và dễ dàng với một vài cú nhấp chuột và thậm chí bạn có thể tối ưu hóa các tính năng này cho nền tảng di động.

Elementor làm cho quá trình này dễ dàng hơn nhiều bằng cách sử dụng nội dung động và cho phép bạn xem trước các trang của mình. Bằng cách này, bạn có thể thấy ngay những thay đổi thiết kế sẽ ảnh hưởng đến trang web và nội dung thực tế của bạn như thế nào.

Tùy chỉnh đầu trang và chân trang

Elementor cho phép bạn hoàn toàn linh hoạt khi thiết kế đầu trang và chân trang. Tất cả chúng ta đều biết rằng bạn có một chủ đề WordPress và bạn không thể thay đổi một khía cạnh nào của thiết kế đầu trang hoặc chân trang. Bạn cần các chủ đề, plugin chuyên biệt, v.v.

Với Elementor, thật dễ dàng.

1. Tạo mẫu tiêu đề

Đầu tiên hãy định cấu hình một mẫu tiêu đề mới. Để thực hiện việc này, hãy đi tới Elementor> My Templates.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 1

Đây là một cách để bắt đầu là nhấn vào nút Thêm mới ở trên cùng. Trong màn hình tiếp theo, sử dụng menu thả xuống để chọn Tiêu đề làm loại mẫu để thiết kế.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 2

Bạn cũng có thể đến màn hình này bằng cách nhấp vào tab Header từ màn hình trước đó rồi nhấn nút lớn màu xanh lục xuất hiện.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 3
Nó sẽ chọn trước tiêu đề làm loại mẫu. Dù bằng cách nào, bạn cần thêm tên thích hợp cho mẫu (để sau này bạn biết nó là gì) và sau đó tiếp tục bằng cách nhấp vào Tạo mẫu.

Nó sẽ đưa bạn đến đây.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 4

Với Elementor Pro, bạn có thể chọn từ các khối tiêu đề được thiết kế sẵn. Đây là những mẫu thiết kế mà bạn có thể sử dụng làm điểm khởi đầu cho thiết kế của riêng mình, đó là những gì chúng ta sẽ làm trong trường hợp này.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn tạo Dễ dàng và Miễn phí bất kỳ trang web hoặc thiết kế blog với một cái nhìn chuyên nghiệp. Ngừng trả nhiều tiền cho một trang web mà bạn có thể tự làm.

Khi bạn di chuột qua khối tiêu đề, hãy nhấp vào Chèn cho phép bạn bắt đầu thiết kế nó ngay lập tức. Nếu không, hãy nhấp vào hình ảnh trước để xem phiên bản lớn hơn. Sau đó, bạn luôn có thể nhấn Chèn ở trên cùng.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 5

Ngược lại, nếu bạn muốn bắt đầu lại từ đầu, chỉ cần đóng cửa sổ bằng cách nhấp vào X ở góc trên bên phải.

2. Thay đổi thiết kế tiêu đề cơ bản

Sau khi nhập tiêu đề mới, điều đầu tiên bạn sẽ nhận thấy là logo và menu mà chúng ta đã định cấu hình trước đó đã ở đó.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 6

Đây chính xác là lý do chúng tôi kết hợp chúng lại với nhau và chúng tôi sẽ nói về cách tùy chỉnh chúng. Tuy nhiên, trước tiên hãy xem cách tùy chỉnh chính phần tiêu đề.

Để làm điều này, chỉ cần di chuột qua nó và nhấp vào nút chỉnh sửa ở trên cùng. Thao tác này sẽ mở ra danh sách các tùy chọn chỉnh sửa ở bên trái.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 7

Đây là những gì bạn có thể kiểm soát trong các menu khác nhau:

  • Bố trí - Kiểm soát chiều rộng phần, kích thước khoảng trống giữa các cột, chiều cao, cột dọc và vị trí nội dung, thẻ HTML được gán và cấu trúc chung.
  • Phong cách - Tại đây bạn có thể thay đổi màu nền bao gồm hiệu ứng di chuột, cũng thêm hình ảnh hoặc video nếu bạn muốn, hãy thêm các hiệu ứng lớp phủ, đường viền và dải phân cách cũng như thay đổi cài đặt kiểu chữ.
  • Nâng cao - Phần này cho phép bạn thêm các thuộc tính CSS như margin, và chỉ mục z, hoạt ảnh, ID và lớp. Nó cũng cho phép bạn làm cho phần dính và kiểm soát các cài đặt phản hồi cũng như thêm một số CSS tùy chỉnh.

Tất cả những điều trên đều khá dễ hiểu và bạn sẽ nhanh chóng đạt được điều mình muốn.

3. Tùy chỉnh các phần tử tiêu đề

Tuy nhiên, bạn không chỉ có thể chỉnh sửa toàn bộ phần tiêu đề mà còn cả các mục có trong đó. Ví dụ, để tùy chỉnh logo trang web, chỉ cần nhấp vào nó. Điều này cũng sẽ cung cấp cho bạn các tùy chọn chỉnh sửa ở phía bên trái.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 8
Trong trường hợp của biểu trưng, ​​điều này cung cấp cho bạn các tùy chọn sau:

  • Nội dung - Thay đổi kích thước hình ảnh, căn chỉnh và vị trí mà nó được liên kết.
  • Phong cách - Kiểm soát chiều rộng và chiều cao, thêm hiệu ứng CSS và hiệu ứng di chuột, bao gồm đường viền và bóng nếu bạn muốn.
  • Nâng cao - Ở đây bạn sẽ tìm thấy các tùy chọn về cơ bản giống như đối với phần tiêu đề.

Sử dụng cài đặt để tùy chỉnh biểu trưng theo cách bạn muốn để nó hiển thị tốt trong tiêu đề. Cũng lưu ý rằng mỗi mục có loại tùy chọn riêng, vì vậy hãy nhớ kiểm tra từng mục.

4. Thêm mặt hàng

Tất nhiên, với Elementor, bạn cũng có thể thêm các mục vào tiêu đề. Chỉ cần nhấp vào biểu tượng ở trên cùng bên phải để xem những gì có sẵn.

tùy chỉnh chủ đề WordPress với plugin Elementor.
Khi chỉnh sửa mẫu tiêu đề, Elementor tự động hiển thị các khối có liên quan ở đầu danh sách, điều này có ý nghĩa nhất trong từng trường hợp. Trong trường hợp này, đó là những thứ như logo trang web, menu điều hướng và tiêu đề trang web.

Vì vậy, ví dụ, nếu bạn muốn thêm tiêu đề trang web bên cạnh logo, chỉ cần kéo và thả nó trên đó. Tuy nhiên, mẫu tiêu đề mà chúng tôi đã chọn hiện tại cho phép chúng tôi thêm nó vào bên trên hoặc bên dưới biểu trưng. Nhưng, đó là một vấn đề sẽ dễ dàng được giải quyết.

Trong trường hợp như thế này, hãy di chuột qua tiêu đề và sử dụng biểu tượng dấu cộng -+-để thêm một phần ở trên.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 10

Nhấp vào đây vào nút màu tím để chọn thiết kế ba cột.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 11

Sau đó kéo các phần tử từ phần tiêu đề hiện có vào phần mới và thêm tiêu đề trang web vào giữa.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 12

Nhưng khoan đã, phong cách hoàn toàn khác! không vấn đề gì. Chỉ cần nhấp chuột phải vào tiêu đề hiện có và chọn Sao chép. Sau đó nhấp chuột phải vào phần mới và nhấp vào đây Dán kiểu. Elementor sau đó sẽ áp dụng kiểu của phần hiện có, bạn có thể đóng phần này sau. 

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 13

Bạn có thể thực hiện quá trình tương tự với bất kỳ phần tử tiêu đề nào khác và tất nhiên, với tất cả các phần tử khác có trong Elementor.

Tùy chỉnh một mẫu bài đăng duy nhất

Trong Elementor, bạn cũng có thể tùy chỉnh một mẫu bài đăng. Đây là cách thực hiện:

1. Tạo một mô hình mới

Tạo mẫu hoạt động theo cách thông thường. Tuy nhiên, lần này chọn Độc thân như kiểu mô hình. Sau đó, bên dưới, chọn mẫu duy nhất bạn muốn chỉnh sửa. Trong ví dụ này, của Bài đăng.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 14

Nếu bạn muốn tạo một thiết kế trang mới, hãy chỉnh sửa trang 404 của bạn (thêm về điều đó sau) hoặc chỉnh sửa một loại bài tùy chỉnh đặc biệt, bạn sẽ chọn một cái gì đó khác. Trong cả hai trường hợp, hãy nhập tên và tiếp tục.

Trong màn hình tiếp theo, bạn có thể chọn từ các mẫu được xác định trước như bình thường. Tuy nhiên, trong trường hợp này, chúng tôi muốn tạo một mô hình mới từ đầu. Vì vậy, hãy nhấp vào X ở trên cùng bên phải để đóng cửa sổ này.

2. Định cấu hình bản xem trước

Sau đó, đặt cửa sổ xem trước cho một bài đăng hiện có. Bạn có thể thực hiện việc này bằng cách nhấp vào biểu tượng con mắt ở cuối tùy chọn trình chỉnh sửa, sau đó Cài đặt.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 15

Trong menu mở ra, dưới Xem trước nội dung động, chọn Công bố. Sau đó, ở dòng tiếp theo, bạn có thể tìm kiếm và chọn một bài đăng hiện có theo tên.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 16Khi bạn đã hoàn thành việc đó, hãy nhấn Đăng Nhập & Xem trước. Mặc dù bạn sẽ không thể nhìn thấy bất kỳ thứ gì tại thời điểm này (vì không có gì trên trang), nó sẽ yêu cầu Elementor sử dụng dữ liệu trong bài đăng này từ bây giờ. Bạn sẽ sớm thấy điều này có nghĩa là gì.

3. Hãy tạo phần trên 

Đầu tiên, chúng ta sẽ tạo phần trên. Ở đây, bạn thường sẽ tìm thấy những thứ như tiêu đề bài đăng và siêu dữ liệu như tác giả, ngày tháng và danh mục.

Bước đầu tiên là bấm vào dấu hiệu + và tạo một phần cột duy nhất.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 17
Khi bạn làm như vậy, trong phần bố cục, bạn có tùy chọn kiểm soát chiều rộng, chiều cao, vị trí và kiểu của nó. Trong trường hợp này, không có nhiều việc phải làm ở đây. Ngoài ra, đừng lo lắng, bạn luôn có thể quay lại và thực hiện các thay đổi sau.

Sau đó, kéo tiện ích tiêu đề bài đăng sang phần mới.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 18

Khi thực hiện, hãy đảm bảo sử dụng tất cả các tùy chọn có sẵn để điều chỉnh thiết kế và bố cục theo ý muốn của bạn. Ví dụ: đây là cài đặt của tôi để làm điều đó:

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 19

Ngoài ra còn có một tính năng thú vị mà bạn nên tìm hiểu. Khi bạn nhấp vào biểu tượng chính của tiêu đề bài đăng, bạn có thể thêm nội dung tĩnh trước và sau dữ liệu động của mình.

Ví dụ: nếu bạn tạo mẫu cho một danh mục bài đăng nhất định như tin tức hoặc công thức nấu ăn, bạn có thể thêm mẫu đó vào tiêu đề bài đăng như sau:

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 20

Bằng cách đó, dữ liệu đó sẽ hiển thị cho mọi bài đăng trong danh mục đó. Tôi sẽ không sử dụng nó vào thời điểm này, nhưng nghĩ rằng nó là một lưu ý quan trọng cho bạn.

Dưới tiêu đề của bài viết, chúng tôi sẽ chèn Bài đăng Thông tin phụ tùng để xem siêu dữ liệu của bài đăng.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 21

Đây là các cài đặt tôi sử dụng:

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 22

Ngoài ra, tôi đã sử dụng các tùy chọn tạo kiểu để làm cho thiết kế phù hợp với phần còn lại của trang. Hãy chắc chắn rằng bạn làm như vậy.

4. Thiết lập nội dung bài đăng

Sau phần tiêu đề, đã đến lúc tạo phần nội dung của trang. Nếu bạn muốn phần này có thiết kế khác với phần tiêu đề, bạn sẽ cần thiết lập một phần mới. Tuy nhiên, tôi giữ nó đơn giản, vì vậy tôi không cần phải làm như vậy.

Điều đầu tiên chúng tôi muốn chèn là hình ảnh nổi bật. Đối với điều này, bạn có thể đặt tiện ích con cùng tên dưới những gì đã có trên trang.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 23

Về cơ bản tôi không thay đổi bất kỳ cài đặt nào, chỉ để mọi thứ như cũ.

Sau đó là thời gian cho nội dung để đăng. Ở đây bạn cũng có một khối tương ứng.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 24
Bạn sẽ nhận thấy rằng đối với nội dung bài đăng và hình ảnh nổi bật, Elementor tự động lấy những gì đã có trên trang web. Thực hiện bất kỳ điều chỉnh nào đối với thiết kế của khối mới mà bạn cần, chẳng hạn như chơi với các cài đặt kiểu chữ.

Ngoài ra, đó là tất cả. Không có quá nhiều việc phải làm ở đây để chúng ta có thể chuyển sang phần cuối cùng.

5. Định cấu hình chân trang

Trong trường hợp này, chúng tôi muốn chân trang hiển thị tiểu sử của tác giả, các tùy chọn chia sẻ và nhận xét của người đọc. Để làm điều này, trước hết, chúng ta cần tạo một phần mới với hai cột. Để tạo thêm không gian cho hồ sơ tác giả, bạn có thể đặt nó thành bố cục 66.33.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 25

Sau đó đặt widget Hộp tác giả trong phần bên trái.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 26

Đảm bảo tùy chỉnh phong cách phù hợp với nhu cầu của bạn. Tôi đã thêm một chút màu nền và điều chỉnh một chút cài đặt kiểu chữ.

Sau đó, đã đến lúc thêm khối Nút Chia sẻ ở phía bên phải.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 27

Bạn có thể xem cài đặt của tôi trong ảnh chụp màn hình ở trên.

Sau đó, tất cả những gì còn lại là tạo một phần thêm một cột xuống và kéo và thả tiện ích Đăng nhận xét vào đó.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 28

(Nhân tiện, nếu bạn gặp khó khăn khi định vị bất kỳ widget nào trong số này, chỉ cần sử dụng chức năng tìm kiếm).

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 29

Thực hiện bất kỳ điều chỉnh nào đối với phần nhận xét mà bạn cảm thấy cần thiết (tôi vẫn để nguyên) và bạn đã sẵn sàng để đăng. Đây là thiết kế đã hoàn thành:

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 30

Tùy chỉnh mẫu lưu trữ

1. Định cấu hình mẫu lưu trữ WordPress của bạn

Bây giờ bạn đã biết giải pháp tạo mô hình mới. Sự khác biệt duy nhất là trong trường hợp này, bạn sẽ chọn lưu trữ như kiểu mô hình.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 31

Sau đó, như thường lệ, bạn có một số khối để lựa chọn hoặc bạn cũng có thể tạo mô hình của riêng mình từ đầu. Tuy nhiên, đối với kho lưu trữ, bạn chỉ có hai widget Elementor dù sao cũng quan trọng.

2. Xác định tiêu đề của kho lưu trữ

Khối đầu tiên tôi muốn nói đến là tiêu đề kho lưu trữ Tiêu đề lưu trữ.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 32

Ngoài các cài đặt thông thường trong Phong cách và Nâng cao, bạn có thể tìm thấy một tùy chọn quan trọng khi nhấp vào biểu tượng phím bên dưới Chức vụ.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 33

Tại đây, bạn có thể bật và tắt liệu Elementor có hiển thị loại lưu trữ trên trang như phần có ghi Tác giả: bên dưới hay không. Điều này xảy ra thông qua nút bên dưới Bao gồm ngữ cảnh

Nhân tiện, như thường lệ, bạn có thể xem trước các kho lưu trữ khác nhau bằng cách sử dụng cài đặt xem trước (Biểu tượng mắt> Cài đặt). Bằng cách này, bạn có thể thấy thiết kế cho các danh mục, thẻ, tác giả độc đáo và hơn thế nữa. Hãy ghi nhớ nó.

3. Sử dụng khối ấn phẩm lưu trữ

Tiện ích quan trọng thứ hai cho các kho lưu trữ là Lưu trữ Bài viết. Điều này đưa tất cả các bài viết thuộc bất kỳ kho lưu trữ nào trên một trang. Khi bạn chọn một mẫu, chúng đã có sẵn ở đó, nhưng bạn cũng có thể dễ dàng tự thêm chúng với khối này.

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 34

Hãy xem xét các tùy chọn mà nó cung cấp cho bạn để tùy chỉnh các trang lưu trữ của mình:

  • Da - Chọn hiển thị bài viết của bạn theo thiết kế cổ điển hoặc phong cách thẻ.
  • Cột - Xác định số cột mà bài viết của bạn được hiển thị.
  • Hiển thị hình ảnh - Kích hoạt hình ảnh nổi bật trên các trang lưu trữ
  • Masonry - Hiển thị các hạng mục trong thiết kế khối xây hoặc không.
  • Kích thước ảnh - Kích thước của hình ảnh Elementor nên sử dụng trên các trang lưu trữ.
  • Yêu sách - Bạn có muốn hiển thị tiêu đề bài viết hay không?
  • Thẻ HTML tiêu đề - Nếu vậy, thẻ HTML nào nên được bao quanh nó?
  • Trích - Bao gồm các đoạn trích từ bài viết của bạn hoặc chỉ hiển thị tiêu đề.
  • Độ dài đoạn trích - Xác định độ dài của các đoạn chiết.
  • Siêu dữ liệu - Xác định siêu dữ liệu bài đăng có sẵn cho khách truy cập.
  • Dấu phân cách giữa - Ký hiệu dấu phân cách giữa các thông tin siêu dữ liệu.
  • Tìm hiểu thêm - Bao gồm một liên kết "đọc thêm", có hay không?
  • Huy hiệu - Cho phép bạn thêm nhiều thông tin vào bài đăng, chẳng hạn như danh mục và thẻ.
  • Huy hiệu phân loại - Tại đây bạn có thể quyết định những thông tin cần đưa vào.
  • hình đại diện - Với điều này, bạn có thể thay đổi ảnh đại diện của các tác giả của bài báo

Ngoài những điều trên, bạn có một vài lựa chọn khác. Dưới Phân trang, bạn có thể xác định cách phân trang lưu trữ sẽ được xử lý. Ví dụ, cách hiển thị nó, số lượng trang cần bao gồm và căn chỉnh của văn bản.

Enfin, Nâng cao cho phép bạn đặt thông báo để hiển thị khi khách truy cập đến một kho lưu trữ trống. Mọi thứ khác nên quen thuộc. Chỉ cần lưu ý rằng các tùy chọn phong cách thay đổi tùy thuộc vào làn da bạn đã chọn.

4. Kiểm soát số lượng xuất bản trên mỗi kho lưu trữ

Một ghi chú nhanh về các mẫu lưu trữ. Để thay đổi số lượng bài đăng xuất hiện trong kho lưu trữ (hoặc trên trang blog của bạn), bạn cần làm như vậy trong WordPress dưới Cài đặt> Đọc. 

Cách tùy chỉnh mẫu tiêu đề phần tử chủ đề wordpress 35

Tại đây, bạn chỉ cần nhập số lượng bài viết mà bạn muốn khách xem.

cá nhân hóa dể chịu Chủ đề WordPress với Elementor

Tùy chỉnh các chủ đề WordPress là công việc cần thiết của nhiều chuyên gia. Mặc dù điều này thường liên quan đến rất nhiều mã hóa và chỉnh sửa các tệp, nhưng với Elementor, điều này không còn cần thiết nữa.

Như bạn đã thấy ở trên, plugin là một trình chỉnh sửa chủ đề WordPress chính thức. Nó cho phép bạn tùy chỉnh mọi phần của nó từ giao diện người dùng của nó. Bạn có thể chỉnh sửa các mẫu đầu trang, chân trang, trang và bài đăng, mẫu lưu trữ, v.v.

Với khả năng sử dụng nội dung động và xem trước bất kỳ phần nào của trang web, bạn có thể triển khai tất cả các tùy chỉnh hợp thời

Tóm lại, Elementor giúp bạn dễ dàng tùy chỉnh chủ đề WordPress của mình. Thay vì thực hiện các thay đổi một cách cẩn thận với hàng chục tệp và hàng trăm dòng mã, bạn có thể nhanh chóng thực hiện tất cả ở một nơi.

Tải xuống Elementor Pro ngay!

Kết luận

Đây rồi! Đó là vì bài viết này hướng dẫn bạn cách tùy chỉnh chủ đề WordPress với Trình tạo phần tử của trình tạo trang. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

0 cổ phiếu
cổ phiếu
tweet
Enregistrer