Bỏ qua đến nội dung chính

Cách tạo trang toàn chiều rộng trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

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

hơn Tải xuống 600.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í. [Khuyến nghị]

Bạn có muốn tạo một trang toàn chiều rộng trên WordPress không?

Nhiều Chủ đề WordPress đã đi kèm với một mẫu trang có chiều rộng đầy đủ tích hợp mà bạn có thể sử dụng. Tuy nhiên, một số chủ đề WordPress không có tính năng này. trong này hướng dẫn, chúng tôi sẽ hướng dẫn bạn cách dễ dàng tạo trang có độ rộng đầy đủ trên WordPress.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Cách cài đặt blog WordPress theo các bước 7 et Cách tìm kiếm, cài đặt và kích hoạt một theme WordPress trên blog của bạn

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

Phương pháp 1: Sử dụng Mẫu chiều rộng tích hợp trên Chủ đề WordPress của bạn

Phương pháp này được khuyến nghị nếu chủ đề WordPress của bạn đã được cung cấp với một mẫu trang có chiều rộng đầy đủ. Nếu bạn không có, hãy tham khảo các lựa chọn sau và lấy một cái.

Trước tiên, bạn cần chỉnh sửa trang hoặc tạo trang mới bằng cách truy cập " Trang> Thêm Một trang mới.

Trên cửa sổ để chỉnh sửa trang, chọn Chiều rộng đầy đủ như một mẫu trong hộp kiểm thuộc tính trang.

Sau khi chọn mô hình Chiều rộng đầy đủbạn phải đăng ký trang của bạn. Bạn có thể tiếp tục tùy chỉnh trang để thêm nội dung hoặc nhấp vào nút xem trước để xem nó hoạt động.

Nếu bạn không có tùy chọn mẫu Full Width - full width - trên màn hình chỉnh sửa trang của bạn, điều đó có nghĩa là chủ đề WordPress của bạn không có trang đó.

Nhưng đừng lo lắng, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo một trang có chiều rộng đầy đủ mà không thay đổi chủ đề WordPress.

Phương pháp 2: Cách tạo mẫu trang với chiều rộng đầy đủ

Phương pháp này yêu cầu bạn chỉnh sửa các tệp chủ đề WordPress mà bạn sử dụng và có hiểu biết cơ bản về PHP, CSS và HTML.

Nhân tiện, chúng tôi cũng mời bạn tham khảo ý kiến Các plugin WordPress tốt nhất để dễ dàng tạo bố cục của bạn

Nhưng, trước khi bạn đi xa hơn, bạn phải tạo bản sao lưu WordPress hoặc ít nhất là bản sao lưu chủ đề WordPress hiện tại của bạn. Điều này sẽ giúp bạn dễ dàng khôi phục trang web của bạn nếu có chuyện nghiêm trọng xảy ra.

Trước tiên, bạn cần mở một trình soạn thảo văn bản như Notepad và dán đoạn mã sau vào một tệp trống:

<? Php / * Tên mẫu: * Full-Width / get_header (); ?>

Bây giờ bạn cần lưu tệp này dưới dạng " Full-width.php Trên máy tính của bạn.

Mã này chỉ định nghĩa tên của một mẫu tệp và yêu cầu WordPress trích xuất tiêu đề mẫu.

Sau đó, bạn sẽ cần phần nội dung của mã. Kết nối với trang web của bạn bằng ứng dụng FTP (hoặc người quản lý tập tin trong cPanel) sau đó đi đến " / Wp-content / themes / bạn-theme-thư mục / ".

Sau đó, bạn phải xác định vị trí tệp " page.php ". Đây là tệp mẫu trang mặc định cho chủ đề của bạn.

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

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả giá đắt cho những gì bạn có thể tự làm. [Miễn phí]

Sao chép mọi thứ sau hàm « get_header () Và dán nó vào một tập tin " Full-width.php Mà bạn đã tạo trên máy tính của bạn.

Bây giờ bạn phải xem nội dung của tệp "full-width.php" và xóa dòng mã này:

<? Php get_sidebar (); ?>

Dòng này chỉ đơn giản là khôi phục thanh bên và hiển thị nó trong chủ đề WordPress của bạn. Xóa cái này, chủ đề của bạn sẽ không hiển thị thanh bên khi sử dụng mẫu Chiều rộng đầy đủ.

Bạn có thể thấy dòng này xuất hiện nhiều lần trên chủ đề WordPress của bạn. Nếu chủ đề WordPress của bạn có nhiều thanh bên (khu vực phụ tùng chân trang cũng được gọi là thanh bên)bạn sẽ thấy mỗi thanh bên được tham chiếu một lần trong mã. Bạn phải quyết định những thanh bên nào bạn muốn giữ.

Trang web của bạn dường như đang tải chậm, khám phá Tại sao bạn cần bắt đầu tối ưu hóa blog WordPress của mình bằng hình ảnh

Nếu chủ đề của bạn không hiển thị thanh bên trên trang của bạn, bạn không thể tìm thấy mã này trong tệp của mình.

Đây là cách mã full-width.php của chúng tôi xử lý các thay đổi. Mã của bạn có thể hơi khác tùy thuộc vào chủ đề của bạn.

<? php / * * Tên mẫu: Toàn chiều rộng * / get_header (); ? while (have_posts ()): the_post (); // Bao gồm mẫu nội dung trang. get_template_part ('phần mẫu / nội dung', 'trang'); // Nếu bình luận được mở, làm thế nào để chúng ta làm điều này? if (bình luận_open () || get_comments_number ()) {bình luận_template (); } // Kết thúc vòng lặp. endwhile; ?> </ main> <! - .site-main -> </ div> <! - .content-area -> <? php get_footer (); ?>

Sau đó, bạn cần tải xuống tệp Full-width.php Trên thư mục chủ đề WordPress của bạn bằng cách sử dụng FTP client.

Bạn đã tạo và tải lên thành công mẫu trang có chiều rộng đầy đủ tùy chỉnh cho chủ đề của mình. Bước tiếp theo là sử dụng mẫu này để tạo trang có chiều rộng đầy đủ.

Truy cập trang tổng quan của bạn và chỉnh sửa hoặc tạo trang mới.

Trên màn hình chỉnh sửa trang, hãy tìm hộp kiểm thuộc tính trang và nhấp vào trình đơn thả xuống bên dưới tùy chọn "Mô hình".

Bạn sẽ có thể thấy mô hình của bạn. Tiếp tục, chọn nó và lưu hoặc cập nhật trang.

Bây giờ bạn có thể truy cập trang web của mình và bạn sẽ thấy thanh bên biến mất và trang của bạn xuất hiện dưới dạng trang cột đơn. Nó có thể chưa đầy đủ, nhưng bây giờ bạn đã sẵn sàng để khuếch tán nó khác đi.

Làm cho trang web của bạn trở nên phổ biến bằng cách khám phá Các plugin 7 WordPress để tối ưu hóa SEO hình ảnh của bạn

Bạn sẽ cần phải sử dụng công cụ Kiểm tra để khám phá các lớp CSS được sử dụng bởi chủ đề của bạn để xác định khu vực nội dung.

Bạn đang tìm kiếm các chủ đề và plugin WordPress tốt nhất?

Tải xuống các plugin và chủ đề WordPress tốt nhất từ ​​Envato và dễ dàng tạo trang web của bạn. Đã có hơn 49.720.000 lượt tải xuống. [ĐỘC QUYỀN]

Sau đó, bạn có thể điều chỉnh chiều rộng của nó thành 100% bằng cách sử dụng CSS. Chúng tôi đã sử dụng mã CSS sau:

.page-template-full-width-khu vực .content {width: 100%; margin: 0px; biên giới: 0px; padding: 0px; } .page-template-full-width .site {margin: 0px; }

Đây là cách nó trông giống như Twenty Seventeen.

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tạo các trang có độ rộng đầy đủ.

Các phương pháp trên là miễn phí cho những người có đủ khả năng và muốn nhanh chóng tạo bố cục chiều rộng đầy đủ hoặc chiều rộng đầy đủ một cách dễ dàng.

Khám phá thêm một số plugin WordPress cao cấp

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Người xây dựng Divi

Divi Builder là một người xây dựng các trang chất lượng cao rất được đánh giá cao bởi Elegant Themes. Mặc dù nó thường được sử dụng như một phần của chủ đề Divi WordPress, Divi Builder cũng là một plugin độc lập mà bạn có thể sử dụng trên các chủ đề WordPress khác.

Divi Builder cho phép bạn chỉnh sửa nội dung của mình bằng giao diện trực quan ở mặt trước cũng như giao diện ở mặt sau, mặc dù hầu hết người dùng thích giao diện đầu tiên.

Về cơ bản, thay vì sidebars, mọi thứ đều nằm trong cửa sổ bật lên và nút nổi. Nó cho phép bạn truy cập vào các mẫu được xác định trước 316 trải rộng trên các gói trình bày khác nhau của 40, cũng như khả năng lưu các thiết kế của riêng bạn dưới dạng mẫu.

Chúng tôi đề nghị bạn khám phá Cách tạo blog chuyên nghiệp

Một trong những đặc điểm của Divi luôn là sự kiểm soát các phong cách anh ấy mang lại cho bạn. Trên ba tab khác nhau, bạn có thể định cấu hình các cài đặt khác nhau, bao gồm các điều khiển phản hồi, khoảng cách tùy chỉnh và hơn thế nữa.

Bạn thậm chí có thể thêm CSS tùy chỉnh, vì trình soạn thảo CSS của nó tích hợp xác thực cơ bản và tự động hoàn thành. Một trong những chỉ trích của Divi Builder luôn là nó dựa trên shortcodes. Điều đó có nghĩa là nếu bạn vô hiệu hóa nó một ngày, nó sẽ để lại một loạt các mã ngắn trong nội dung của bạn. Mặc dù điều này hơi thất vọng, nhưng bây giờ ít vấn đề hơn là các plugin như Shortcode Cleaner tồn tại.

Download | Demo | Web Hosting

2. Người xây dựng theo chủ đề

Themify Builder là, không ngạc nhiên, lời đề nghị của nhóm Themify. Nó tích hợp nó vào nhiều chủ đề WordPress của họ để cung cấp cho khách hàng các tùy chọn tùy chỉnh đơn giản. Nhưng bạn cũng có thể mua nó dưới dạng plugin độc lập và sử dụng nó với bất kỳ chủ đề WordPress nào.

Giống như Divi Builder và WPBakery Page Builder, Themify Builder cho phép bạn tạo bố cục ở mặt trước hoặc mặt sau. Một điều tốt nữa là plugin này cho phép bạn tùy chỉnh các điểm dừng đáp ứng của bạn (nhưng chỉ ở cấp độ của toàn bộ trang web).

Khám phá Cách cài đặt và định cấu hình WooC Commerce để tạo một cửa hàng trực tuyến và dễ dàng bán sản phẩm của bạn trên Internet

Một điều thú vị về Themify Builder là nó vẫn cho phép bạn sử dụng trình chỉnh sửa WordPress tiêu chuẩn, trong khi các trình tạo trang khác buộc bạn phải sử dụng giao diện Trình tạo trang cho mọi thứ.

Download | Demo |Web Hosting

3. Elementor

Được ra mắt lần đầu trong 2016, Elementor plugin WordPress là một trong những nhà xây dựng trẻ nhất của danh sách này. Mặc dù bắt đầu muộn, Elementor đã nhanh chóng tích lũy thêm nhiều cài đặt hoạt động 1 000 000 trên WordPress.org, khiến nó trở thành một trong những trình xây dựng WordPress phổ biến nhất.

Dễ dàng tạo cửa hàng trực tuyến của bạn

Tải xuống WooC Commerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Khuyến nghị]


Điều làm nên danh tiếng của nó là giao diện trực quan mượt mà, các tùy chọn phong cách khác nhau và các tính năng mạnh mẽ khác như tạo hoàn chỉnh các chủ đề WordPress.

Giao diện của nó được chia thành hai phần chính, với một khu vực thứ ba cho các tham số nhất định. Phiên bản miễn phí của Elementor cung cấp các widget miễn phí 28. Phiên bản Pro mang đến 30 các widget khác, tổng cộng các widget 58 trong phiên bản Pro. Phiên bản miễn phí bao gồm các mẫu miễn phí 40, trong khi phiên bản Pro mang đến hàng trăm mẫu bổ sung.

Download | Demo |Web Hosting

Các tài nguyên được đề xuất khác

Khám phá các tài nguyên được đề xuất khác sẽ đồng hành cùng bạn trong việc tạo và quản lý trang web của bạn.

Kết luận

Vì vậy, nếu bạn có một chủ đề WordPress không có trang Full Width làm mẫu, thì chúng tôi hy vọng hướng dẫn này đã giúp bạn giải quyết vấn đề này. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo các trang Internet, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...

Bài viết này chứa 1 bình luận
  1. Xin chào; hi,
    J’ai le thème « thethetheen » et j’ai suivi la méthode 2 x pour créer une maison sans barres latérales. Cela fonctionne dans le sens où, à gauche, il quitte la barre de menus, vide, mais la couleur reste. Vous voyez la barre latérale vide et donc la page cmq est asymétrique

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
10 cổ phiếu
cổ phiếu8
tweet1
Enregistrer1