Xây dựng và hoàn chỉnh website

Đưa nội dung lên website:

Sẽ có nhiều bạn thắc mắc là tại sao hướng dẫn đưa nội dung lên website trước mà không xem và chọn giao diện trước? Rất đơn giản, vì website vừa khởi tạo là một website trắng, tức là chưa có bất cứ nội dung, hình ảnh nào. Do đó, dù bạn xem, chọn, thay đổi bao nhiêu giao diện, tùy chỉnh bao nhiêu thứ thì nó cũng không hiển thị đúng như bản demo của các công ty thiết kế. Việc đưa nội dung lên website bao gồm:

Tạo nội dung các Bài viết:

Vào phần “Bài viết” -> chọn “Viết bài mới”

Tại đây, bạn sẽ thấy giao diện của trang đăng/sửa post trong WordPress bao gồm khu vực nhập tiêu đề bài viết, nội dung bài viết, khung soạn thảo, chọn chuyên mục (category), nhập tag (thẻ phân loại), format (định dạng) của bài viết..v..v…

  1. Bạn gõ tiêu đề bài viết trong phần “Tiêu đề bài viết”
  2. Nhập nội dung trong Khu vực soạn thảo bài viết. Nếu bạn thấy các chức năng trên khung soạn thảo hơi ít thì có thể ấn vào nút mở rộng khung soạn thảo bên phía tay phải, sẽ có thêm nhiều chức năng hiển thị ra. Ngoài ra, bạn có thể thêm hình ảnh bằng cách nhấp nút “Thêm Media” hoặc paste thẳng link youtube (ví dụ: https://www.youtube.com/watch?v=qEBtvP7P5GE) nếu bạn muốn thêm video từ youtube vào bài viết.
  3. Sau khi soạn bài viết, việc quan trọng nhất là bạn phải đưa bài viết vào chuyên mục (category) phù hợp. Bạn kéo xuống phần “Chuyên mục” trong trang soạn bài viết bên phía tay phải và chọn chuyên mục thích hợp hoặc ấn vào “Thêm chuyên mục” để tạo một chuyên mục mới.
  4. Thêm “Thẻ” (Tag) cho bài viết: Các thẻ (tag) cũng là một chức năng để phân loại bài viết nhưng thường được dùng với quy mô rộng hơn. Chẳng hạn bạn đăng một bài văn của Ngô Tất Tố vào chuyên mục Văn học thì ở phần tag bạn có thể ghi là Ngô Tất Tố, văn đương đại,…v..v..
  5. Phần cuối cùng là chọn “Ảnh đại diện” (Featured Image): Nghĩa là ảnh đại diện cho bài bài viết này. Mặc dù bạn có thể thêm nhiều tấm ảnh vào bài viết bằng tính năng “Thêm Media” trên khung soạn thảo nhưng Ảnh đại diện thường được dùng để hiển thị ảnh đại diện cho từng bài viết và nhiều theme, plugin có hiển thị ảnh đại diện cho từng bài viết là sẽ lấy ảnh từ tính năng này. Bạn có thể ấn vào nút “Đặt ảnh đại diện” Set featured image để thêm một ảnh đại diện bằng cách upload lên.
  6. Sau khi soạn thảo hoàn chỉnh bài viết, nhấn vào nút “Lưu nháp” hoặc nút “Đăng bài viết”.

Tạo nội dung các Trang (Page): 

Vào mục “Trang”, chọn “Thêm Trang mới”. Cách tạo trang cũng tương tự như tạo các bài viết. Vậy cái Trang này dùng để làm gì? Hầu như những người mới tiếp xúc với WordPress đều có các thắc mắc tương tự như vậy.

Nếu nhìn kỹ lại thì bạn sẽ thấy… Ồ, trong khu vực Trang, không có chỗ để chọn Chuyên mục (category) và Thẻ (tag) như trong khu vực Bài viết. Cũng chính vì thế, Trang rất thích hợp cho bạn sử dụng để đăng các nội dung có tính chất chung chung mà không cần phải phân loại như:

  • Trang liên hệ.
  • Trang giới thiệu.
  • Trang giới thiệu dịch vụ.
  • Vâng vâng

Đại loại là những trang mà bạn có thể sẽ không cần phân loại nó ở bất cứ trong Chuyên mục hay Thẻ nào. Khi viết xong Trang, nó sẽ không thể hiển thị ra trang chủ website giống như post được, mà nó chỉ xem được khi bạn lấy đường dẫn Trang này gửi cho người cần xem hoặc đưa nó vào menu.

Vậy bây giờ bạn đã hiểu được Trang là gì và được dùng trong mục đích gì chưa nào? Nếu chưa, bạn có thể tham khảo thêm bài viết này: Sự khác biệt giữa Post và Page.

Đăng các sản phẩm: 

Nếu website của bạn cần thiết phải đăng những sản phẩm riêng lẻ, mỗi sản phẩm có những đặc điểm, tính năng riêng… thì bạn vào phần “Sản phẩm”, chọn “Thêm mới sản phẩm”

  1. Nhập tên sản phẩm vào ô “Tên sản phẩm”
  2. Nhập vào mô tả chi tiết sản phẩm: Trong phần này, ngoài văn bản, bạn có thể thêm hình ảnh, video giới thiệu về sản phẩm.
  3. Chọn danh mục cho sản phẩm. Bạn có thể nhấn vào “Thêm danh mục mới” để tạo thêm danh mục sản phẩm.
  4. Thêm từ khóa cho sản phẩm: Tương tự như các thẻ của bài viết
  5. Đặt ảnh đại diện cho sản phẩm: Nếu cần hiển thị thêm nhiều ảnh đại diện, bạn nhấn vào “Thêm ảnh thư viện sản phẩm”
  6. Nhập vào mô tả ngắn sản phẩm: Đây và phần mô tả những đặc tính vắn tắt của sản phẩm.
  7. Nếu có nhu cầu bán sản phẩm trực tuyến, bạn thêm giá bán vào “Khu vực Giá, các thuộc tính của sản phẩm” và các thuộc tính khác như màu sắc, size… của sản phẩm để khách hàng chọn lựa. TuTaoWeb.club sẽ hướng dẫn chi tiết hơn trong một bài viết khác Hướng dẫn thiết lập một shop online trên website.

Tạo hệ thống các Menu:

Để truy cập vào trang quản lý Menu, bạn vào “Giao diện” -> “Menu”

  1. Mặc định bạn sẽ chưa có một menu nào, bạn hãy nhập tên menu cần tạo rồi ấn Tạo Trình Đơn.
  2. Sau đó, bạn nhìn cột bên tay trái là các đối tượng mà bạn có thể thêm vào menu như Trang, Bài viết, Liên kết tùy chỉnh (một liên kết bất kỳ), Chuyên mục.. Bạn có thể chọn đối tượng mà bạn cần thêm vào và ấn nút Thêm vào menu để thêm nó vào menu đang mở.
  3. Sau khi bạn đã thêm đầy đủ các liên kết vào menu như mong muốn, bạn có thể chọn “Hiển thị vị trí” cần áp dụng cho Menu đang mở này ở phần “Tùy chỉnh trình đơn” phía dưới và ấn “Lưu Menu”.

Ngoài ra, bạn cũng có thể kéo và thả các liên kết trong menu để hoán đổi vị trí cho chúng.

Tạo form liên hệ:

Vào mục “Form liên hệ” -> “Tạo form mới”

  1. Nhập vào tên form: Tên form sẽ không hiển thị ra bên ngoài, dùng để phân biệt các form khác nhau
  2. Nhập vào nội dung và các trường form. Bạn có thể thêm vào các trường mới bằng cách chọn vào các nút.
  3. Lưu form

Sau khi Lưu form, bạn chuyển sang tab “Cấu hình Mail” để thiết lập email nhận thông tin form khi người dùng gửi:

Trong phần này, bạn nhập vào:

  1. Email nhận form tại ô “Mail nhận”
  2. Mail gửi: Thường hệ thống sẽ hiển thị email của người dùng nhập vào form để gửi cho mail nhận.
  3. Tiêu đề của email: Thông thường hệ thống sẽ hiển thị phần tiêu đề mà người dùng nhập vào form.
  4. Nội dung: Bạn phải thêm đầy đủ các trường dữ liệu của form vào bên dung nội dung mail thì khi nhận mail, mới nhận được đầy đủ thông tin người dùng nhập vào. Ví dụ: bên trên có 1 trường [tel-619] chưa nhập vào nội dung nên hệ thống cảnh báo bằng cách tô đậm trường [tel-619] bên trên. Như vậy trong phần nội dung, bạn phải thêm vào 1 dòng như sau: Điện thoại: [tel-619]
  5. Nhấn nút Lưu form lại.

Chèn form vào Trang hay Bài viết: Cách chèn cực kỳ đơn giản, chỉ cần copy shortcode trong khung màu xanh dương ngay bên dưới tiêu đề form.

Và paste (dán) vào nội dung của Trang/Bài viết

Chọn và Tùy biến giao diện:

Vào mục “Giao diện” -> “Giao diện” để chọn các giao diện có sẵn. Chúng tôi luôn cập nhật các giao diện mới để bạn chọn lựa. Để kích hoạt giao diện mong muốn, bạn nhấn vào nút “Kích hoạt” bên dưới mỗi giao diện

Sau khi kịch hoạt giao diện mong muốn, giao diện trang web của bạn sẽ không hiển thị giống như giao diện demo đã được kích hoạt. Bạn phải vào mục “Tùy biến” để tùy biến giao diện cho đúng theo mong muốn của bạn.

Bên tay trái là các tùy chọn để bạn có thể thiết lập mà theme này cho phép bạn tùy chỉnh. Mỗi khi bạn thay đổi thiết lập, giao diện bên tay phải sẽ thay đổi ngay lập tức để bạn xem trước kết quả thiết lập. Nếu bạn thấy hài lòng thì ấn vào nút “Đăng bài viết” bên trên để lưu lại và áp dụng chính thức lên website.

Để xem cách sử dụng, bạn có thể xem qua video bên dưới sẽ dễ hiểu hơn.

Lưu ý:

  • Mỗi giao diện, các công ty thiết kế theme đều cung cấp các tùy chọn khác nhau, không giao diện nào giống giao diện nào. Do đó, để có thể tùy chỉnh giao diện sao cho đúng như mong muốn, đòi hỏi người quản trị phải kiên nhẫn mày mò thay đổi các tùy chỉnh giao diện.
  • Ngoài ra, tất cả giao diện có sẵn đều là giao diện miễn phí, do đó, một vài tính năng đã bị các công ty thiết kế giao diện khóa lại, không đầy đủ như bản giao diện có trả phí. Cũng chính vì lý do này, các giao diện miễn phí chỉ có thể tùy chỉnh đạt 50-80% giống giao diện demo có trả phí. Tuy nhiên, một số ít giao diện có sẵn cũng có thể tùy chỉnh đạt gần giống giao diện demo có trả phí.
  • Nếu không hài lòng với các giao diện có sẵn, bạn có thể tự thiết kế một giao diện riêng cho website mình bằng tính năng Page Builer. Xem bài: Dễ dàng tự thiết kế homepage với Page Builer by SiteOrigin.

Sau khi thay đổi các tùy chỉnh giao diện, gần như bạn đã tạo được 1 website hoàn chỉnh. Mọi thắc mắc và cần hỗ trợ, vui lòng gửi form về cho chúng tôi.

Chúc bạn thành công!