Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Themes
Webdesign

Hướng dẫn tạo trang web hiện đại, gọn đẹp bằng giao diện (theme) WordPress

by
Difficulty:BeginnerLength:LongLanguages:

Vietnamese (Tiếng Việt) translation by Andrea Ho (you can also view the original English article)

Ngày nay, tạo một trang web chưa bao giờ được dễ dàng hơn nhờ các nền tảng như WordPress. Không chỉ là WordPress rất dễ dàng để tìm hiểu, nó là nền tảng hoàn hảo để tạo ra bất kỳ loại trang web.

Nhờ vào số lượng lớn các theme, bạn có thể tạo và sử dụng trang web của mình chỉ trong vài giờ, cho dù bạn muốn khởi chạy trang web cho công việc của bạn, tạo portfolio xuất sắc, hoặc bắt đầu một blog cá nhân.

Nếu bạn muốn tạo ra một trang web gọn đẹp và hiện đại, WordPress sẽ giúp bạn. Các theme WordPress gọn đẹp là một lựa chọn tuyệt vời cho hầu hết các doanh nghiệp vì thiết kế đơn giản của chúng hướng sự chú ý đến nội dung của bạn. Các theme này giúp khách truy cập của bạn tập trung vào các sản phẩm và dịch vụ của bạn dễ dàng và có thể giúp bạn chuyển đổi các khách truy cập thành khách hàng nhiều hơn.

Modern homepage designs in Clean WordPress theme
Các tùy chọn thiết kế trang chủ hiện đại bằng theme Clean Roneous trong WordPress.

Một lợi ích của các theme WordPress gọn đẹp là thực tế là thiết kế đơn giản dẫn đến thời gian tải trang tốt hơn, có nghĩa là khách truy cập của bạn sẽ không phải chờ lâu để tải nạp trang web của bạn.

Cuối cùng, một theme WP gọn đẹp có thể giúp các doanh nghiệp có thêm nhiều khách hàng hơn, còn cả các blogger đang tìm cách tăng danh sách liên hệ email của họ. Khám phá các theme WordPress tốt nhất, theo xu hướng với các thiết kế gọn đẹp:

Trong hướng dẫn này, chúng tôi sẽ hướng dẫn cho bạn cách thiết lập một trang web hiện đại bằng cách sử dụng một theme gọn đẹp trong WordPress. Hãy cùng tiếp tục nào!

Hướng dẫn tạo một trang web hiện đại bằng cách sử dụng một theme gọn đẹp của WordPress

Tạo trang web của riêng bạn có thể có vẻ khó nhưng một khi bạn có một kế hoạch rõ ràng để làm theo, bạn có thể khởi chạy trang web của bạn rất nhanh chóng. Trước khi đi sâu vào vấn đề thiết lập theme, chúng ta hãy tham khảo qua những thứ mà bạn sẽ cần.

Những điều cần thiết để bắt đầu

Có một vài thành phần quan trọng mà bạn cần để bắt đầu một trang web hiện đại, đó là:

1. Tên miền duy nhất của bạn

Bước đầu tiên là mua một tên miền cho trang web mới của bạn. Nếu bạn đang xây dựng một trang web cho doanh nghiệp của bạn, sự lựa chọn rõ ràng cho một tên miền là tên công ty hoặc cơ quan của bạn. Tuy nhiên, nếu bạn đang tạo một blog cá nhân, bạn có thể sử dụng tên miền có liên quan đến chủ đề blog tương lai của bạn hoặc chọn tên của bạn làm tên miền. Đảm bảo bạn chọn phần mở rộng miền tốt nhất.

Tên của bạn làm tên miền cũng là một sự lựa chọn tốt nếu bạn đang kinh doanh dưới tên riêng của bạn hoặc nếu bạn đang tạo một trang web hồ sơ cá nhân. Bất kể lựa chọn của bạn, hãy chắc chắn rằng tên miền dễ đánh vần và dễ nhớ.

2. Gói lưu trữ với hỗ trợ của WordPres

Với tên miền đã chọn, đã đến lúc để lựa chọn nhà cung cấp hosting của bạn. Nếu bạn đã mua tên miền từ một công ty như BlueHost, SiteGround, hoặc tương tự, bạn có thể đăng ký một trong các gói lưu trữ của họ cùng một lúc. Một số theme WordPress trên ThemeForest cũng đi kèm với tùy chọn thêm gói lưu trữ từ dịch vụ Envato Hosted.

Envato Hosted - Premium WordPress Hosting
Envato Hosted - Gói lưu trữ WordPress cao cấp.

Phần lớn các công ty lưu trữ trên thực tế sẽ bao gồm một tên miền miễn phí khi bạn đăng ký một trong những gói lưu trữ của họ. Nếu bạn mua tên miền của mình ở nơi khác, hãy làm một chút nghiên cứu về các công ty lưu trữ và đọc các bài đánh giá độc lập để xem đánh giá của những người đã sử dụng dịch vụ của họ.

3. Theme WordPress cao cấp với thiết kế gọn đẹp

Bạn cũng cần một theme WordPress chuyên nghiệp và gọn đẹp để xây dựng trang web của mình. Mặc dù có các theme WordPress miễn phí mà bạn có thể tìm thấy trên mạng, việc chọn một theme WP cao cấp sẽ cho phép bạn có sự hỗ trợ dành riêng từ nhà phát triển của giao diện đó. Điều này đảm bảo rằng theme của bạn sẽ được cập nhật thường xuyên và bạn cũng có thể liên lạc với nhà phát triển nếu bạn cần bất kỳ sự trợ giúp nào cho theme của bạn.

Vì mục đích của hướng dẫn này, tôi đang sử dụng theme Roneous phổ biến của WordPress này có thể được sử dụng cho nhiều các niches. Chủ đề đi kèm với một thiết kế gọn đẹp và hơn 25 trang chủ hiện đại. Nó cũng bao gồm một số plugin phổ biến nhất để bạn không bao giờ phải lo lắng để có sự hỗ trợ chỉnh sửa code cho trang web của bạn.

Clean modern Roneous WordPress theme
Theme Roneous của WordPress với thiết kế thiết kế gọn đẹp, hiện đại. Theme Roneous hiện đại của WordPress.

4. Nội dung và hình ảnh

Điều cuối cùng bạn cần là thu thập tất cả nội dung và những hình ảnh sẽ đưa lên trang web của bạn. Bạn nên sử dụng những hình ảnh chất lượng cao, như các bức ảnh chuyên nghiệp trên Envato Elements. Bằng cách đó, chúng sẽ không hiển thị mờ và là một trợ giúp trực quan tuyệt vời giúp bạn kể câu chuyện và kết nối với đối tượng lý tưởng của mình.

Khi nói đến nội dung, hãy nghĩ đến những trang nào bạn sẽ có trên trang web của bạn. Ngoài ra, hãy cân nhắc viết một vài bài đăng trên blog để giúp bạn bắt đầu, vì vậy các khách truy cập của bạn có thể tìm hiểu về thương hiệu của bạn và xem bạn cung cấp những gì. Bạn cũng có thể cân nhắc thêm những nhận xét từ các khách đã mua hàng, đặc biệt nếu bạn đang tạo một trang web để kinh doanh.

Bắt đầu

Một khi bạn đã có mọi thứ trong tay, bây giờ là lúc để tạo trang web của bạn. Đối với điều này, bạn sẽ cần phải cài đặt WordPress và sau đó thêm theme và plugin của bạn vào. Sau khi bạn đã cài đặt mọi thứ, chúng tôi sẽ hướng dẫn bạn qua các bước thiết lập theme của bạn:

1. Cài đặt WordPress

Để cài đặt WordPress, bạn cần phải đăng nhập vào cPanel lưu trữ với các chi tiết được cung cấp cho bạn bởi công ty lưu trữ của bạn. Sử dụng tên người dùng và mật khẩu được tìm thấy trong email chào mừng và làm theo liên kết đó để đưa bạn đến trang đăng nhập cPanel. Nhập vào tên người dùng và mật khẩu được cung cấp để đăng nhập.

Trong cPanel, cuộn xuống phần có tên Website Installers, Fantastico Installer hoặc Softaculous Installer. Tìm biểu tượng WordPress và sau đó nhấp vào nút Install. Trang tiếp theo sẽ yêu cầu bạn nhập tên người dùng và mật khẩu và chọn tên miền để cài đặt WordPress.

Bạn nên chọn một mật khẩu mạnh chứa cả chữ hoa và chữ thường, cũng như số và các ký hiệu đặc biệt. Đảm bảo lưu tên người dùng và mật khẩu ở nơi nào đó an toàn để bạn có thể truy cập vào phần backend của trang web WordPress sau này.

Sau khi bạn đã hoàn thành tất cả các chi tiết, hãy nhấp vào nút Install một lần nữa để kết thúc quá trình cài đặt. Khi quá trình cài đặt hoàn tất, bạn sẽ thấy một thư thông báo với một liên kết đến bảng điều khiển WordPress của bạn. Nhấp vào liên kết và sau đó nhập tên người dùng và mật khẩu mà bạn đã chọn trong quá trình cài đặt.

2. Cài đặt WordPress Theme của bạn

Sau khi đăng nhập vào bảng điều khiển WordPress của bạn, nhấp vào Appearance > Themes > Add New. Trên màn hình tiếp theo, chọn Upload Theme.

Nhấp vào nút đó để chọn thư mục nén với các tập tin theme của bạn và sau đó nhấp vào Upload. Khi theme đó đã được cài đặt, nhấp vào Activate.

3. Cài đặt và Kích hoạt các Plugin bắt buộc

Bây giờ bạn đã cài đặt xong theme WordPress hiện đại, bạn sẽ thấy một thông báo trong bảng điều khiển của bạn rằng theme đó yêu cầu các plugin bổ sung. Bạn có thể nhấp vào liên kết Being Installing Plugins để cài đặt các plugin được yêu cầu. Đơn giản chỉ cần chọn tất cả các plugin và sau đó nhấp vào Install trong trình đơn thả xuống. Các plugin sẽ ngay lập tức hoạt động để bạn có thể chuyển sang bước thiết lập trang web của bạn.

required plugins
Cài đặt các plugin WordPress cần thiết

Hướng dẫn tạo trang WordPress gọn đẹp - nhanh chóng

Với theme WordPress gọn đẹp và cài đặt plugin hiện đại, hãy thiết lập các trang và đi qua các cài đặt theme. Theo cách đó, bạn sẽ biết được các thiết lập đặt ở đâu và cách tuỳ chỉnh màu sắc, phông chữ và các bố cục của trang web mới của bạn.

Hướng dẫn tạo trang chủ

Bước đầu tiên là tạo trang chủ cho trang web của bạn. Để làm điều đó, đi tới Pages > Add New và đặt tên nó là Home. Như bạn thấy từ ảnh chụp màn hình, bạn có một nút phụ cho phép bạn sử dụng trình xây dựng Visual Composer.

Tại thời điểm này, bạn có thể nhấp vào nút Backend Editor hoặc nút FrontEnd Editor.

Adding a homepage
Thêm trang chủ vào trang WordPress hiện đại của bạn.

Trình chỉnh sửa phụ trợ cho phép bạn chèn các yếu tố, khối văn bản hoặc chọn mẫu.

Visual Composer elements
Các yếu tố của Visual Composer

Nếu bạn thích tự thực hiện, bắt đầu bằng cách thêm vào một hàng và sau đó chọn số cột. Khi bạn đã quyết định cấu trúc cho phần đó, bạn có thể bắt đầu đặt cácyếu tố như hình ảnh, khối văn bản và hơn thế nữa.

Backend editor
Màn hình biên tập backend

Một lựa chọn nhanh khác là sử dụng một trong những mẫu được tạo sẵn. Trong hầu hết các trường hợp, tài liệu về theme của bạn sẽ có hướng dẫn chi tiết về cách nhập nội dung và mẫu demo. Đối với theme Roneous, bạn chỉ cần dán các nội dung của tập tin văn bản trong trình biên tập nội dung. Trong ví dụ này, tôi đã nhập vào nội dung cho mẫu Business Agency.

Modern WordPress website theme demo homepage
Trang chủ demo cho theme Roneous WordPress.

Phần cuối của trang chủ bao gồm việc xóa bỏ header và tiêu đề trang để trang của chúng tôi trông giống như bản demo. Để thực hiện việc này, trong màn hình biên tập trang, cuộn xuống cho đến khi bạn thấy phần Page Settings. Tại đây, chỉ cần chọn No header dưới Header layoutNo Title dưới Page Title Layout:

PPage Settings of your WordPress theme
Page Settings của theme WordPress của bạn

Khi bạn hoàn tất, nhấp vào Publish. Sau đó điều hướng đến Settings > Reading và dưới Front page displays chọn trang chủ mới tạo của bạn. Nhấp vào Save Changes.

Reading Settings
Reading Settings trong trang Wordpress của bạn.

Hướng dẫn tạo một trang Blog

Theo cách tương tự, chúng ta sẽ tạo ra một trang blog. Điều hướng đến Pages > Add New và lần này đặt tên cho trang Blog đó. Đối với trang blog, bạn không phải nhập bất kỳ nội dung nào vì nó sẽ hiển thị các bài đăng trên blog mới nhất của bạn. Nhấp vào Publish để làm cho trang blog của bạn trực tuyến và sau đó quay lại Settings > Reading và chọn trang blog bạn vừa tạo cho trang các bài đăng đó. Save Changes thêm một lần nữa.

Bạn có thể lặp lại quá trình này nhiều lần nếu cần để tạo ra các trang còn lại cho trang web của bạn.

Cách nhập nội dung demo

Nếu bạn muốn nhập nội dung giới thiệu, hãy vào Tools> Import và chọn WordPress Importer. Cài đặt plugin, kích hoạt nó, và sau đó chạy trình nhập liệu đó. Tải lên tệp .xml mà chủ đề WordPress hiện đại của bạn đi kèm và nhấp vào tập tin Upload và nhập vào.

Trên màn hình tiếp theo, bạn sẽ thấy các bài đăng cho chính mình và đánh dấu chọn ô Download file attachments. Nhấp vào nút Submit và nội dung demo sẽ được nhập vào.

Tùy chỉnh cài đặt theme WordPress của bạn

Bây giờ cấu trúc của bạn đã được đặt đúng vị trí, bạn có thể tùy chỉnh trang web của bạn với màu sắc, phông chữ, và nhiều thứ khác hơn nữa. Một số theme WordPress hiện đại đi kèm với một bảng điều khiển TTheme Options, trong khi một số khác lại sử dụng WordPress Live Customizer tích hợp sẵn. Trong trường hợp của chúng tôi, để tinh chỉnh các thiết lập, hãy vào Appearance> Customize. Trên màn hình này, bạn có thể thay đổi màu sắc, phông chữ, tải lên logo, chọn bố cục chân trang và hơn thế nữa.

Theme customizer
Tuỳ chỉnh theme trong WordPress.

Để thay đổi các layout bất kỳ, bạn chỉ cần click vào Edit With Visual Composer. Từ đây, bạn sẽ có thể chỉnh sửa cài đặt cho các yếu tố đã có, thay đổi cách bố trí cục cột và thay thế các yếu tố với những yêu tố phù hợp hơn cho trang web của bạn.

Điều gì tạo nên một trang web hiện đại, xuất sắc

Những trang web gọn đẹp và tối giản là xu hướng hiện tại và cho phép bạn cung cấp cho doanh nghiệp của bạn một diện mạo trực tuyến hiện đại. Dưới đây là một số mẹo để tận dụng tối đa xu hướng thiết kế này:

1. Có nhiều khoảng trắng

Khoảng trắng sẽ giúp nhấn mạnh vào nội dung của bạn. Đó là không gian giữa các yếu tố khác nhau trên một trang, chẳng hạn như các hình ảnh và văn bản, tuy nhiên nó không nhất thiết phải là màu trắng. Được sử dụng đúng cách, nó sẽ làm cho trang web của bạn trở nên gọn đẹp và hiện đại vì vậy đảm bảo rằng các yếu tố trên các trang của bạn không quá gần với nhau. Bằng cách đó, nội dung và sự kêu gọi hành động của bạn có thể nổi bật.

2. Hình ảnh lớn

Không chỉ hình ảnh sẽ giúp bạn kết nối với khán giả, chúng cũng có thể lấp đầy không gian và tạo ra các màu sắc nổi bật, đẹp mắt. Bạn có thể sử dụng chúng trong các phần đầu trang, như là nền hoặc tạo một thư viện giới thiệu portfolio kinh nghiệm công việc hoặc các sản phẩm mà bạn đang cung cấp.

Tải hình ảnh có sẵn không giới hạn trên Envato Element, cũng như các mẫu web, hình đồ họa, và nhiều hơn nữa:

3. Typography in đậm

Hãy xem xét sử dụng các phông chữ in đậm và lớn cho các đầu trang và tiêu đề để thu hút sự chú ý đến các phần khác nhau của trang web của bạn. Kết hợp tốt các phông chữ có kích cỡ khác nhau thậm chí có thể giúp bạn hình thành một hệ thống phân cấp hình ảnh.

4. Điều hướng tối thiểu

Để giữ cho trang web của bạn gọn đẹp nhất có thể, chỉ thêm các trang quan trọng nhất vào điều hướng chính của bạn. Điều này sẽ giúp các độc giả điều hướng trang web của bạn dễ dàng hơn và bạn luôn có thể thêm một trình đơn thả xuống nếu bạn cảm thấy có nhiều trang quan trọng hơn mà họ cần truy cập.

5. Màu đậm

Cuối cùng, màu sắc sẽ giúp tăng thêm sự quan tâm trực quan và tạo sự khác biệt giữa các phần. Những màu sắc đó cũng có thể thu hút sự chú ý cho sự kêu gọi hành động của bạn và làm cho chúng nổi bật hơn trên bất kỳ trang nào của bạn.

Tạo Website hiện đại của bạn Với một theme WordPress gọn đẹp.

Tạo một trang web hiện đại thật dễ dàng, xuất sắc khi bạn biết những điều cần làm cho một trang web hiện đại và có những công cụ phù hợp cho việc này. Áp dụng các lời khuyên ở trên và tham khảo bộ sưu tập các theme WordPress gọn đẹp để trang web của bạn tải nhanh và tạo ra một diện mạo trực tuyến hiện đại.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.