Làm cách nào để thêm HTML vào WordPress?

Một trong những ưu điểm chính của WordPress là tính thân thiện với người dùng đáng chú ý của nó. Nó cho phép người dùng ở mọi cấp độ tạo trang web và trang web một cách dễ dàng. Trên hết, nó cung cấp các tùy chọn để hiển thị nội dung dưới dạng các loại bài đăng tùy chỉnh khác nhau, chủ yếu là các trang và bài đăng. Và tùy thuộc vào chủ đề WordPress bạn chọn, bạn có thể sẽ có một số mẫu thiết kế trang, đặc biệt là với các chủ đề cao cấp. Ngoài ra còn có một số trình tạo trang mà bạn có thể cài đặt và sử dụng để phát triển trang web của mình và thêm nội dung vào các trang theo cách phù hợp với ý tưởng thiết kế của bạn

Vì vậy, với tất cả những điều này, tại sao bạn cần thêm một trang HTML tùy chỉnh vào trang web WordPress của mình? . Trong bài viết này, chúng ta sẽ xem xét lý do tại sao và cách thêm các trang HTML tùy chỉnh vào WordPress

Tại sao bạn nên thêm các trang HTML tùy chỉnh vào trang web WordPress của mình

Mặc dù có sẵn nhiều tùy chọn để tạo và thêm nội dung WordPress, nhưng có một số lý do cụ thể khiến việc thêm trang HTML vào trang web của bạn là một ý tưởng hay. Có thể là do bạn đã có một mẫu HTML mà bạn thích và bạn đã sử dụng trước đây. Ngoài ra, bạn thấy chủ đề đã chọn bị giới hạn nên bạn không thể tạo loại trang bạn muốn

Giả sử bạn đã sử dụng một mẫu HTML tuyệt vời để phát triển một trang web trước đó hoặc bạn có một mẫu HTML yêu thích mà bạn thường xuyên sử dụng và hiện muốn đưa nó vào một trang web mới. Bạn có thể dễ dàng thêm mẫu đó vào bản cài đặt WordPress hiện tại của mình. Bằng cách này, bạn có thể tránh phải làm lại từ đầu, tiết kiệm thời gian và đảm bảo trang của bạn trông chính xác theo cách bạn muốn trên trang web mới

Sử dụng trang HTML tùy chỉnh cũng là một giải pháp tuyệt vời khi chủ đề bạn chọn không thể tạo hoặc không hỗ trợ bố cục trang cụ thể mà bạn đã hình dung. Vì vậy, bạn vẫn có thể đạt được thiết kế mong muốn và tùy chỉnh trang theo nhu cầu của mình bằng cách thêm trang HTML tùy chỉnh

Cách tải trang HTML lên trang web WordPress

Để có thể theo dõi phần tiếp theo này, bạn nên chuẩn bị sẵn một mẫu HTML mà bạn định thêm vào trang web WordPress của mình. Để giúp tải lên sau này, chúng tôi khuyên bạn nên tạo một thư mục trên máy tính của chúng tôi sẽ chứa mẫu HTML của bạn, một chỉ mục. html và bất kỳ phụ thuộc nào bạn có. Đối với phần trình diễn của chúng tôi, chúng tôi đã tạo một thư mục tùy chỉnh trên máy tính. Trong đó, chúng tôi đã lưu chỉ mục. html với các phần tử HTML tùy chỉnh của chúng tôi và một kiểu. css sẽ ảnh hưởng đến sự xuất hiện của các thành phần HTML đó. Chúng tôi đã làm điều này để thư mục và tệp hoàn toàn tách biệt và độc lập với chủ đề WordPress được sử dụng trong quá trình cài đặt của chúng tôi

Vì vậy, nếu bạn chưa chuẩn bị trang HTML tùy chỉnh của mình và tất cả các tệp cần thiết trước, thì bây giờ là lúc để làm điều đó. Khi bạn hoàn tất, hãy đóng gói tất cả các tệp trong thư mục vào một. lưu trữ zip. Sau đó, bạn có thể tiến hành truy cập máy chủ nơi cài đặt WordPress của bạn để tải chúng lên. Bạn có thể kết nối với máy chủ qua FTP hoặc truy cập nó bằng bảng điều khiển lưu trữ của mình. Chúng tôi sẽ sử dụng cPanel của tài khoản lưu trữ và tùy chọn Trình quản lý tệp để hướng dẫn bạn qua các bước tải lên

Sau khi đăng nhập tài khoản hosting chọn File Manager trong mục Files

Tùy thuộc vào nhà cung cấp của bạn, bảng điều khiển dịch vụ lưu trữ của bạn có thể trông khác, nhưng sẽ có tùy chọn tương tự. Bạn chỉ cần định vị nó và sử dụng nó để truy cập thư mục chung hoặc thư mục gốc của trang web WordPress của bạn trên máy chủ

Sau đó, tạo một thư mục mới trong thư mục gốc. Cách bạn đặt tên cho nó hoàn toàn tùy thuộc vào bạn, nhưng sự rõ ràng luôn là một ý tưởng hay, vì vậy chúng tôi đang sử dụng trang-html tùy chỉnh cho ví dụ của chúng tôi. Các thư mục mới được tạo bằng cách nhấp vào nút Thư mục ở góc trên bên trái và đặt tên cho chúng trong cửa sổ bật lên kết quả

Mở thư mục bạn vừa tạo và trong đó, sử dụng nút tải lên từ tab tùy chọn ở trên, tải lên. zip với trang HTML tùy chỉnh từ máy tính của bạn

Khi tải lên tệp xong, bạn cần giải nén nó. Có hai cách để làm điều đó—thông qua nút Giải nén trong tab tùy chọn hoặc bằng cách chọn tệp, nhấp chuột phải và chọn Giải nén từ danh sách thả xuống

Sau đó, bạn sẽ được yêu cầu chọn vị trí chính xác mà bạn muốn giải nén tệp của mình. Chúng tôi khuyên bạn nên rời khỏi cùng một vị trí mà bạn đang ở—public_html/tên-thư mục của bạn

Sau đó, bạn có thể xóa. zip—bạn sẽ không cần đến nó nữa và việc giữ nó sẽ làm máy chủ giảm tải một cách không cần thiết. Vì vậy, thư mục của bạn bây giờ chỉ chứa các tệp bạn cần cho trang HTML của mình. Trong trường hợp của chúng tôi, chúng tôi có chỉ mục. html cùng với các thư mục hình ảnh và kiểu

Bây giờ bạn có thể kiểm tra trang của mình bằng cách mở nó trong trình duyệt web. URL cần chứa tên của thư mục bạn đã tạo, vì vậy liên kết cho trang HTML tùy chỉnh của bạn sẽ trông giống như www. trang web của bạn. com/tên thư mục của bạn. Vì chúng tôi đã đặt tên cho thư mục là custom-html-page, nên liên kết cần thiết để mở trang tùy chỉnh mới sẽ là

Nếu bạn cố gắng truy cập trang mới của mình và gặp lỗi 404, đừng lo lắng. Đây là một lỗi phổ biến trong WordPress và nhìn chung lỗi 404 rất dễ khắc phục. Nếu máy chủ của bạn không hỗ trợ chuyển hướng, chỉ mục. php sẽ không được chuyển hướng khi bạn nhập URL cho trang HTML tùy chỉnh của mình và sẽ xảy ra lỗi 404

Bạn có thể khắc phục lỗi này bằng cách định vị. htaccess và chỉnh sửa nó. Nó phải nằm trong thư mục gốc cài đặt WordPress của bạn. Vì vậy, khi bạn đã tìm thấy nó, hãy mở nó để chỉnh sửa và thêm đoạn mã sau

RewriteRule ^[.*]index\.[php|html?]$ /$1 [R=301,NC,L]

Sau khi nhập mã, hãy lưu các thay đổi bạn đã thực hiện vào. tập tin htaccess. Sau đó thử mở lại trang HTML tùy chỉnh của bạn trong trình duyệt. Đừng quên xóa bộ nhớ đệm trước

Mã này sẽ chuyển hướng chỉ mục của bạn. php và tải nó trong trình duyệt. Nếu bạn đã sử dụng tên phân biệt chữ hoa chữ thường cho thư mục hoặc bất kỳ tệp nào, nó cũng sẽ hoạt động để chuyển hướng chúng và hiển thị cho bạn nội dung của chúng

Chủ đề Qode WordPress. Chọn hàng đầuXem bộ sưu tập

Cầu

Chủ đề WordPress đa mục đích sáng tạo

X-tốc-khôm

Một chủ đề đa khái niệm thực sự

Bắt đầu làm đi

Chủ đề kinh doanh khởi nghiệp mới

biagiotti

Cửa hàng làm đẹp và mỹ phẩm

Suy nghĩ cuối cùng

Cho đến nay, WordPress là hệ thống quản lý nội dung [CMS] phổ biến nhất trên thế giới vì nó mang đến cho người dùng tất cả sự linh hoạt mà họ cần để tạo các trang web độc đáo. Tùy chọn thêm các trang hoặc tệp HTML tùy chỉnh chỉ là một điểm khác có lợi cho nó. Nó mang đến cho người dùng WordPress nhiều tự do hơn và khả năng tùy chỉnh các trang web để phù hợp với nhu cầu đa dạng

Biết tất cả các cách khác nhau mà bạn có thể sử dụng để có được giao diện bạn muốn cho trang web của mình là cực kỳ hữu ích. Và chúng tôi hy vọng bài viết này sẽ giúp bạn khi tạo ra một thiết kế độc đáo và tuyệt đẹp cho trang web của bạn

Bạn có thể đặt mã HTML vào WordPress không?

Trong phiên bản mới nhất của trình chỉnh sửa WordPress, có 3 cách để thêm HTML vào trang hoặc bài đăng. Bạn có thể thêm khối HTML tùy chỉnh, chỉnh sửa một khối dưới dạng HTML hoặc chỉnh sửa toàn bộ trang/bài đăng HTML bằng trình chỉnh sửa mã .

Tôi có thể thêm HTML và CSS vào WordPress không?

Có, bạn có thể sử dụng HTML, CSS hoặc JavaScript của riêng mình để tạo chủ đề và bắt đầu từ đó . Bạn có thể mất nhiều thời gian hơn nhưng bạn có thể làm được. Wordpress cho phép bạn tạo "Chủ đề con". Với điều này, bạn có thể có kiểu dáng [css] hoặc JavaScript tùy chỉnh của riêng mình.

Chủ Đề