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

Cách tạo Một Trang web One-Page Đơn giản: Từ một Theme Parallax cho WordPress

by
Length:LongLanguages:

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

Một trang web one-page (hay còn gọi là website một trang) cơ bản là một cách tuyệt vời để xác định sự hiện diện của công ty bạn ở trên mạng. Nó cho phép bạn chia sẻ thông tin quan trọng về doanh nghiệp của bạn theo một cách ngắn gọn, cho phép khách truy cập của bạn nhìn thấy mọi thứ trong nháy mắt.

Một trong những lý do khiến một trang web one-page trông thật sự hấp dẫn là bởi vì chúng tận dụng hiệu ứng parallax để bổ sung sự hấp dẫn trực quan mà không làm chậm trang web của bạn. Có nhiều lợi ích quan trọng cần cân nhắc việc tạo trang web one-page:

Tại sao Tạo một Trang web One-Page (Với Hiệu ứng Parallax)

Kiểu trang web này là một sự lựa chọn tuyệt vời cho bất kỳ chủ doanh nghiệp nào không có nhiều thời gian dành cho việc duy trì trang web hoặc cho bất kỳ doanh nghiệp mới bắt đầu. Những người làm việc tự do hoặc các công ty thiết kế bận rộn cũng có thể có lợi từ việc giới thiệu công ty của họ thông qua trang web one-page.

Cuối cùng, trang web one-page phù hợp cho các nhà phát triển ứng dụng hoặc các công ty bước đầu giới thiệu sản phẩm. Vì one-page thường kèm theo nhiều lời gọi hành động (call to action), nên chúng có thể là một cách tuyệt vời để xây dựng danh sách email trước khi bạn sẵn sàng cho việc ra mắt chính thức.

Thường đối với WordPress, không thiếu những theme one-page với hiệu ứng paralax tuyệt đẹp. Từ các theme đa năng cho đến các theme cho doanh nghiệp và danh mục, bạn có thể tìm thấy một theme one-page phù hợp với lĩnh vực và tính chất doanh nghiệp của bạn. Có nhiều theme WP hàng đầu ở đây:

Cách Sử dụng một Theme One-Page Parallax để Tạo Trang web của Bạn

Trong bài này, chúng tôi sẽ hướng dẫn cho bạn cách sử dụng một trong những theme tuyệt vời cho WordPress để tạo một trang one-page đơn giản với một hiệu ứng parallax.

Những gì Bạn Cần để Bắt đầu

Chúng ta hãy đi qua các bước làm thế nào để tạo ra một trang one-page. Trước khi tạo trang web của bạn, có một vài điều bạn sẽ cần để bắt đầu. Bên cạnh theme mà bạn sẽ sử dụng, bạn cũng cần phải mua một tên miền và một host lưu trữ. Tìm một bộ hình ảnh đẹp để sử dụng cùng với trang web của bạn là điều được khuyến khích để tận dụng tối đa hiệu ứng parallax. Bây giờ, hãy bắt đầu nào:

1. Mua Tên miền

Trước khi làm bất cứ điều gì khác, bạn sẽ cần một tên miền cho trang web mới của bạn. Đó là ngôi nhà trực tuyến và là bộ mặt kinh doanh của bạn. Nếu bạn có một tên doanh nghiệp, thì sự lựa chọn hiển nhiên là sử dụng tên doanh nghiệp của bạn để làm tên miền. Nhưng nếu bạn là một người kinh doanh tự do (freelancer) với tên riêng, thì tên miền của bạn nên phản ánh điều đó.

2. Chọn Host Chất lượng

Sau khi bạn đã chọn được tên miền, kế tiếp là mua host. Hầu hết các công ty cung cấp host sẽ cho phép bạn mua một tên miền cùng lúc khi bạn đăng ký một gói host. Trong thực tế, hầu hết họ sẽ bao gồm một tên miền miễn phí trong một năm. Gói host chia sẻ là một cách tốt để bắt đầu và bạn luôn có thể nâng gói của bạn sau này nếu bạn quyết định chuyển sang một trang multi-page (một website với nhiều trang).

3. Chọn Một Theme One-Page cho WordPress

Cả theme miễn phí và premium đều có sẵn cho WordPress, nhưng thường thì bạn nên chọn một theme premium. Một theme premium cho WordPress sẽ bao gồm sự hỗ trợ riêng từ nhà phát triển theme, có nghĩa là nó sẽ luôn được cập nhật và tuân theo các phương pháp phát triển tốt nhất.

Và trong trường hợp bạn cần trợ giúp để thiết lập theme, thì nhà phát triển của một theme premium sẽ kịp thời trợ giúp bạn. Hoặc, bạn có thể mua gói hỗ trợ bổ sung tại thời điểm mua hàng.

Trong hướng dẫn này, tôi đang sử dụng một theme mạnh mẽ đó là The Ark từ ThemeForest. Đây là một theme one-page đi kèm với một số layout demo khác nhau:

The Ark WordPress theme with multiple layout options ready to use quickly
Theme The Ark dành cho WordPress với nhiều tùy chọn layout, sẵn sàng để sử dụng một nhanh chóng.

Trên hết, nó cũng hoàn toàn responsive (đáp ứng) do đó trang web của bạn sẽ hiển thị hoàn hảo trên các kích cỡ màn hình khác nhau. Nó cũng bao gồm một page builder (trình tạo trang) sẽ cho phép bạn tạo layout cho trang one-page một cách độc đáo từ ​​đầu hoặc để dễ dàng thêm các phần khác vào trang web theo ý thích của bạn.

The Ark WordPress theme
Theme The Ark cho WordPress cho phép bạn tạo một trang web one-page một cách nhanh chóng.

Bạn có tìm thấy các theme one-page mà bạn thích. Khi bạn đã tìm thấy một theme đáp ứng được các nhu cầu của bạn, hãy tiếp tục mua nó và sau đó tải các tập tin của theme về máy tính của bạn.

The Ark one page WordPress theme comes with several demos
Theme The Ark dành cho WordPress đi kèm với một số bản demo.

4. Biên tập Nội dung và Hình ảnh Của Bạn

Điều cuối cùng trong danh sách của chúng ta là nội dung và hình ảnh. Mặc dù sự thật là các trang web one-page bị giới hạn về số lượng nội dung mà bạn có thể hiển thị, nhưng nó vẫn giúp ích nếu bạn đã viết trước nội dung của mình chứ không phải là vừa làm vừa tìm kiếm.

Bạn cũng nên dành một chút thời gian để thu thập tất cả các hình ảnh mà bạn muốn sử dụng. Chúng bao gồm các hình nền cho các phần của parallax chúng có thể là ảnh của không gian làm việc, nhân viên, công ty của bạn, hoặc thậm chí cả sản phẩm của bạn. Đừng quên bao gồm hình ảnh khách hàng trước đây cho phần testimonial (đánh giá của khác hàng) hoặc hình ảnh thành viên của nhóm nếu bạn muốn thêm một chút nét riêng vào thương hiệu của bạn.

Bắt đầu

Một khi bạn đã mua host cùng với tên miền và theme, đã đến lúc bắt đầu với trang web của bạn. Bước đầu tiên là cài đặt WordPress, sau đó là theme của bạn, cũng như bất kỳ plugin cần thiết.

1. Cài đặt WordPress

Công ty cung cấp host của bạn sẽ gửi cho bạn một email chào mừng với tất cả các thông tin cần thiết về gói host của bạn. Hãy mở email và ghi chú lại tên người dùng và mật khẩu cho cPanel của bạn. Nhấp vào liên kết sẽ đưa bạn ngay đến trang đăng nhập cPanel. Nhập tên người dùng và mật khẩu được cung cấp và sau đó bạn sẽ sẵn sàng để cài đặt WordPress.

  1. Trong cPanel, hãy tìm Website Installers hoặc Fantastico Installer hoặc Softaculous Installer. Nhấp vào biểu tượng WordPress và nhấp vào nút Install. Bạn sẽ được yêu cầu nhập tên người dùng và mật khẩu và chọn tên miền nơi cài đặt WordPress.
  2. Chọn tên người dùng và mật khẩu mạnh chứa cả chữ hoa và chữ thường, cũng như số và ký tự đặc biệt. Lưu lại tên người dùng và mật khẩu ở nơi nào đó an toàn.
  3. Nhấp vào nút Install một lần nữa để kết thúc quá trình cài đặt.

Khi WordPress được cài đặt xong, bạn sẽ thấy một màn hình thông báo với một liên kết đến bảng điều khiển (dashboard) 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 Theme WordPress Của Bạn

Bây giờ thì bạn đã đăng nhập vào trang web WordPress của bạn, hãy nhấp vào Appearance > Themes > Add new. Trên màn hình vừa xuất hiện, chọn Upload Theme.

Installing your WordPress theme
Cài đặt Theme WordPress của bạn một cách nhanh chóng.

Nhấp vào nút để chọn tập tin zip chứa theme của bạn và sau đó nhấp vào Upload. Khi theme đã được cài đặt, hãy nhấp vào Activate.

3. Cài đặt và Kích hoạt các Plugin Cần thiết

Sau khi theme WordPress đã được kích hoạt, nó sẽ thông báo rằng nó cần cài đặt các lugin bổ sung. Để cài đặt chúng, nhấp vào Begin Installing Plugins, chọn tất cả các plugin và nhấp vào Install trong menu sổ xuống.

WordPress Plugins to Install
Các Plugin WordPress Cần Cài đặt

Sau đó, điều hướng đến Plugins > Installed Plugins và chọn tất cả các plugin mà bạn vừa mới cài đặt và lần này chọn Activate từ trình đơn sổ xuống.

Activate your WordPress Plugins
Kích hoạt Các Plugin WordPress Của Bạn.

Cách Thiết lập Trang One-Page Của Bạn Trong WordPress

Bây giờ thì theme WordPress của bạn đã được kích hoạt và các plugin bổ sung đã được cài đặt thì đây là lúc để tùy biến theme sao cho phù hợp với thương hiệu của bạn và thêm nội dung của bạn vào. Một trong những cách dễ nhất để thiết lập trang one-page của bạn là bắt đầu với một layout được tạo sẵn.

Rất may, hầu hết các theme premium cho WordPress đều bao gồm một số layout đã được định cấu hình, do đó bạn chỉ cần thay thế bằng các thông tin của riêng bạn. Đối với hướng dẫn này, tôi chọn demo chính vì nó có nhiều layout hoàn thiện, bao gồm các layout hấp dẫn dành cho trang one-page.

Sau khi đã cài đặt bản demo mà bạn chọn, bạn có thể bắt đầu tùy biến theme và thay thế thông tin.

Đầu tiên, hãy nhấp vào Settings > Reading > Front Page Displays a Static Page và chọn một trong những layout trang làm trang chủ của bạn. Sau đó chọn layout mong muốn cho trang post của bạn và nhấp vào Save Settings.

Để thay thế nội dung, hãy điều hướng đến Pages > All Pages, chọn trang chủ của bạn và nhấp vào Edit.

Để tùy biến hình ảnh được sử dụng trong header, hãy nhấp vào biểu tượng Edit (Chỉnh sửa) cho phần mà bạn muốn tùy biến và sau đó chọn Box Model. Cuộn xuống phần Hình ảnh hoặc Parallax và thay thế bằng hình ảnh của bạn. Hãy nhớ sử dụng các hình ảnh không gây mất tập trung để trang của bạn nổi bật và truyền tải thông điệp về công ty của bạn.

Add your companys messaging
Thêm thông tin về công ty bạn vào WordPress.

Giữ cho các heading và văn bản chính được ngắn gọn và cũng như không cho văn bản trở nên quá khó đọc trên hình ảnh. Bạn cũng có thể tùy biến màu sắc và điều chỉnh margin và padding trong khu vực này, cũng như tùy biến phông chữ.

Để chỉnh sửa nội dung demo, hãy nhấp vào phần có chứa văn bản và nhập văn bản của riêng bạn vào Visual Editor. Chỉ cần lặp lại quá trình này cho mỗi phần cần chỉnh sửa. Khi bạn đang chỉnh sửa các phần, hãy nhấp vào tab element.style và nhập ID với chữ thường trong trường ID. Điều này sẽ giúp bạn thiết lập menu điều hướng sau này.

Adding ID attributes to your WordPress theme
Thêm thuộc tính ID vào theme WordPress của bạn.
Ngoài ra, bạn có thể tùy biến thêm layout hoặc tạo ra một cái từ đầu bằng cách vào Ark > Sitemap.

Menu con của The Ark cũng bao gồm các tùy chọn để tùy biến header, footer, sidebar và vân vân.

Bây giờ bạn đã thay thế bằng nội dung của riêng bạn, hãy thiết lập menu điều hướng. Chuyển đến Appearance > Menus và chọn One Page Navigation từ menu sổ xuống. Chọn hộp nằm bên cạnh Main Navigation trong Display Location và nhấp vào Save.

Adding a menu to your one page WordPress theme setup
Thêm một menu vào thiết lập theme one-page cho WordPress.

Nhấp vào Custom URL và nhập ID của tất cả các phần mà bạn đã đặt tên trong quá trình chỉnh sửa nội dung trong trường URL. Nhấp vào Update Menu và menu điều hướng của bạn đã được thiết lập.

Bước cuối cùng là tùy biến theme WordPress sao cho phù hợp với thương hiệu của bạn. Trong trang quản lý của bạn, hãy nhấp vào Ark > Theme Options. Trên trang này bạn có thể thay đổi các header mà bạn muốn sử dụng trên trang web, tùy biến màu sắc, thêm phông chữ tuỳ biến hoặc chọn Phông chữ của Google.

Work with the WordPress theme Options panel
Làm việc với bảng Theme Options trong WordPress.

Hãy nhớ rằng màu sắc mà bạn chọn nên bổ sung cho nhau, nhưng hãy đảm bảo làm cho màu chính của bạn trở nên nổi bật so với phần còn lại của trang. Thao tác này sẽ làm cho các nút call to action của bạn trở nên nổi bật.

Cách Thêm Các Phần Bổ sung Vào Website One-Page Của Bạn

Trong trường hợp bạn cần thêm các phần vào trang web của mình, bạn có thể dễ dàng làm điều đó bằng cách đi đến trang của bạn, cuộn xuống dưới cùng và nhấp vào biểu tượng để thêm phần, hàng hoặc bất kỳ phần tử nào khác.

Add sections to your one page website in your WordPress theme
Thêm các phần một cách nhanh chóng vào trang one-page của bạn trong WordPress.

Bạn còn có thể tạo một layout mới hoàn toàn bằng cách nhấp vào Pages > Add New > Use Fresh Builder và thêm các phần như là các phần tử theo cách mà bạn muốn chúng xuất hiện. Layout mới cũng có thể được tạo ra bằng cách chuyển đến Ark > Sitemap > Default Page và nhấp vào dấu + ở cuối. Chỉ cần đặt tên cho template của bạn, nhấp vào Save, sau đó thêm các phần và các phần tử mà bạn muốn.

Adding a new page layout to your WordPress theme setup
Thêm một layout trang mới vào thiết lập theme WordPress của bạn.

Và với điều đó, trang one-page của bạn được thiết lập. Bây giờ bạn đã học được cách tạo một trang web one-page từ một theme WordPress, bây giờ là lúc bắt đầu tạo ra lượng truy cập vào nó.

Làm gì Sau khi Trang web Của Bạn Đã đi vào Hoạt động (Quảng bá Nó)

Không phải vì trang web của bạn đi vào hoạt động thì có nghĩa là mọi người sẽ ngay lập tức có thể tìm thấy doanh nghiệp của bạn ở trên mạng. Bước đầu tiên là cập nhật hồ sơ mạng xã hội của bạn và thêm liên kết đến trang web của bạn trong phần tiểu sử.

Một cách dễ dàng khác để quảng bá trang web của bạn là bao gồm liên kết đến nó trong danh thiếp và bất kỳ tài liệu quảng cáo gián tiếp khác mà bạn có thể có, chẳng hạn như: đầu thư, tờ rơi, tờ bướm quảng cáo. Bạn cũng có thể bao gồm trang web mới của bạn trong chữ ký email của bạn vì email vẫn còn được sử dụng rộng rãi ngày nay.

Tuy nhiên, cách tốt nhất là thêm một trang blog và xuất bản nội dung thường xuyên. Điều này không chỉ giúp bạn chia sẻ nội dung của riêng mình trên các trang mạng xã hội, mà nó sẽ giúp thúc đẩy lượng truy cập đến trang web của bạn, nơi mọi người có thể tìm hiểu thêm về những gì bạn đang làm.

Bắt đầu (Nhanh chóng) Với Một Theme One-Page Cho WordPress

Một trang web kinh doanh không phải lúc nào cũng phải bao gồm nhiều trang để truyền tải thông tin về sản phẩm hoặc dịch vụ của bạn. Đôi khi, một trang one-page là quá đủ để thu hút sự quan tâm của đối tượng mục tiêu của bạn và khuyến khích họ liên hệ với bạn. Hãy tận dụng khả năng hiển thị thông tin của bạn trên một trang đơn và sử dụng một trong những theme premium cho WordPress của chúng tôi để tạo trang web one-page tuyệt vời cho doanh nghiệp của bạn.

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.