1. Hướng dẫn thêm/sửa video vào bài viết

Để thực hiện chèn/sửa video trước đó anh/chị phải đăng video đó lên youtube

Bước 1: Anh/chị mở “1.link video” đã đăng trên youtube, sau đó chọn “2.Chia sẻ” và ở dưới video và chọn “Nhúng”

Hình1: Video đã đăng trên youtube

Bước 2: Sau khi chọn ‘Nhúng” sẽ hiển thị ra mã code của video, chọn “Sao chép”

Hình 2: Hướng dẫn sao chép mã code của video trên youtube

Bước 3: Mở bài viết anh/chị muốn chèn/sửa video “Content” → “Quản lý bài viết: Bài viết” → “Thêm mới". (xem bài hướng dẫn ở mục 1 - Hướng dẫn thêm/xoá/sửa bài viết - Joomla mới nhất).. Sau đó ở ô “1.Editor” anh/chị chọn vào nơi muốn chèn video và “2.Enter” để tạo khoảng trắng cho dòng muốn chèn video.

Hình 3: Hướng dẫn chèn video vào vị trí mình muốn

Bước 4: Sau đó anh/chị chọn ô “1.Code” để tiến hành chèn code của video đã sao chép ở youtube.

- Số 2: do enter xuống dòng nên sẽ có khoảng trắng, ở chỗ muốn chèn video anh/chị tìm dòng có chữ   (dòng này là khoảng trắng). Anh/chị xoá dòng code này   và ngay tại vị trí xoá dòng code chọn Ctrl + v để dán mã code của video vào.

Hình 4: Hướng dẫn chèn dòng code của video

Bước 5: Sau khi chèn mã code của video anh/chị chọn lại ô “Editor” nội dung của bài viết sẽ hiển thị video đã chèn vào. Nhấn “Lưu” để hoàn tất thêm/sửa video.

Hình 5: Giao diện nội dung bài viết có chèn hình ảnh

1. Hướng dẫn tạo menu chính (main menu)

Để thêm menu chính “sản phẩm” cho trang web, anh/chị thực hiện các bước sau:

Hình 1: Danh mục chính “sản phẩm” của trang web

Bước 1: Chọn “1. Content” → “2. Thể loại” → “3. Thêm mới” để thêm mới thể loại.

Hình 2: Cách vào giao diện thể loại

Bước 2: Nhập “1. Tiêu đề: sản phẩm” cho menu chính, chi tiết thể loại chọn “2.Không lớp cha” vì nó là danh mục cha (sẽ bao gồm các danh mục con liên kết nằm trong). Sau khi chọn xong nhấn “3. Lưu” để hoàn tất thêm mới thể loại.

Hình 3: Hướng dẫn thêm mới thể loại

Bước 3: Sau khi lưu thể loại thành công, anh/chị tiếp tục tạo menu chính cho “sản phẩm”. Vì “Sản phẩm” thuộc menu chính (Main Menu). Trình tự thực hiện theo các bước sau: “1.Quản lý menu” à “2.Main menu” à “3.Thêm mới” để vào giao diện thêm mới menu.

Hình 4: Hướng dẫn vào giao diện Main menu

Bước 4: Sau khi chọn “thêm mới” sẽ xuất hiện giao diện để nhập main menu. Anh/chị thực hiện như sau để thêm main menu:

- Số 1: Nhập tiêu đề main menu. Theo ví dụ sẽ nhập là “Sản phẩm”.

- Số 2: Alias của sản phẩm không cần nhập vì hệ thống sẽ tự động nhớ và điền.

- Số 3: Chọn “Lựa chọn” sẽ hiển thị ra “Menu Item Type”, sau đó chọn “Quản lý bài viết: Bài viết” à “Category Blog” (Category Blog dùng để hiển thị giới thiệu bài viết trong một bố trí một hay nhiều cột, có nghĩa là sẽ chứa các danh mục con nằm trong danh mục đó).

- Số 4: Chọn một thể loại đã tạo trước đó. Theo ví dụ đã tạo thể loại “sản phẩm” trước đó nên anh/chị nhấn chọn tên thể loại đó.

- Số 5: Chọn “main menu” để hiển thị ở main menu (menu chính).

- Số 6: “Danh mục cha” chọn “không lớp cha” (do sản phẩm là danh mục cha)

- Số 7: Thứ tự chọn tên thể loại. Theo ví dụ đã tạo thể loại là sản phẩm thì chọn là “sản phẩm”

- Số 8: Sau khi thực hiện các thao tác trên, anh/chị chọn “Lưu” để hoàn tất thêm menu chính.

Hình 5: Hướng dẫn tạo menu liên kết

2. Hướng dẫn tạo menu con (danh mục con) liên kết với menu chính (danh mục cha hay còn gọi là main menu)

Hình 6: Giao diện menu con liên kết và nằm trong menu chính

Để thêm mới menu con nằm trong menu chính trang web, anh/chị thực hiện các bước thêm thể loại và main menu giống như hướng dẫn mục 1 ở trên:

Bước 1: Chọn “1.Content” à “2.Thể loại” à “3.Thêm mới” và làm theo các thao tác để thực hiện thêm mới thể loại cho danh mục con.

- Số 1: Tuy nhiên, lần này anh/chị nhập “1. tiêu đề” là tên của danh mục con mà anh/chị muốn tạo. Theo ví dụ sẽ nhập tiêu đề danh mục con là “Quạt sấy từ 0,5m đến 1,6m”.

- Số 2: “Chi tiết thể loại” chọn danh mục cha. Theo ví dụ sẽ chọn danh mục cha là “sản phẩm”, vì “Quạt sấy từ 0,5m đến 1,6m” là danh mục con nằm trong danh mục cha “sản phẩm”

Hình 7: Hướng dẫn tạo thể loại của danh mục con

Bước 2: Sau khi thêm mới thể loại của danh mục con thành công, anh/chị tiếp tục chọn “1.Quản lý menu” à “2.Main menu” à “3.Thêm mới” và thực hiện các thao tác giống mục III.1 đã hướng dẫn ở trên để thêm mới main menu. Tuy nhiên:

- Số 1: Anh/chị nhập tiêu đề là tên của danh mục con mà anh/chị muốn tạo. Theo ví dụ sẽ nhập tiêu đề của danh mục con là “Quạt sấy từ 0,5m đến 1,6m”.

- Số 2: Chọn “danh mục cha” chứa danh mục con. Theo ví dụ sẽ chọn là “sản phẩm” do “Quạt sấy từ 0,5m đến 1,6m” là danh mục con và nằm trong danh mục cha “sản phẩm”.

Hình 8: Hướng dẫn tạo mới danh mục con

- Số 3 (hình 9): Lúc này sẽ xảy ra 2 trường hợp:

+Trường hợp 1 (hình 10): Khi anh/chị chọn “Menu Item Type” là “Category Blog” thì sẽ cho phép danh mục con này chứa thêm các danh mục con khác. Ví dụ như hình 16 khi chọn “Category Blog” thì sẽ cho phép danh mục con “Quạt sấy từ 0,5m đến 1,6m” chứa thêm các danh mục con khác như “1.Giới thiệu chung”, “1.Cấu tạo” ,… Và để thêm được các danh mục con “1.Giới thiệu chung”. Để thêm được các danh mục con này anh/chị thực hiện thêm thể loại và main menu như hướng dẫn ở mục 1.

Hình 9: Giao diện các menu con nằm trong menu cha

Trường hợp 2 (hình 10, 11): Khi anh/chị chọn “Menu Item Type” là “Single Article” có chức năng là hiển thị một bài viết duy nhất, khi chọn vào chức năng này thì sẽ không tạo được danh mục liên kết và sẽ chỉ hiển thị một bài viết duy nhất. Ví dụ khi chọn “Single Article” (hình 11) thì khi nhấn vào chọn tiêu đề “Giới thiệu chung” (hình 21) sẽ chỉ hiển thị một bài viết duy nhất liên kết với danh mục con này.

*Lưu ý (Hình 11): Khi anh/chị chọn “Single Article” và “chọn bài viết” thì để chọn được bài viết tên “Macca Dương Xuân Quả …” thì phải thêm mới bài viết trước sau đó mới chọn được bài viết đó. (để thêm mới bài viết anh/chị xem hướng dẫn mục I.2. Hướng dẫn thêm bài viết)

Hình 10: Giao diện menu hiển thị một bài viết duy nhất

Hình 11: Hướng dẫn thêm menu con hiển thị một bài viết duy nhất

1. Hướng dẫn vào giao diện bài giới thiệu sản phẩm:

Danh sách bài giới thiệu sản phẩm cơ khí và macca:

Hình 1: Giao diện bài giới thiệu sản phẩm

Để vào được giao diện bài giới thiệu sản phẩm, anh/chị thực hiện như sau:

Bước 1: Chọn “1.Components” à “2.Virtue Mart” à “3.Products”

Bước 2: Anh/chị chọn “4. Thêm mới” hoặc “5. Bấm vào tiêu đề để sửa”.

Hình 2: Hướng dẫn vào giao diện bài giới thiệu sản phẩm

2. Hướng dẫn thêm mới/sửa bài giới thiệu sản phẩm

Bước 3: Khi anh/chị chọn “thêm mới” hoặc bấm vào “tiêu đề” để thêm mới sản phẩm sẽ hiện ra giao diện để thêm/sửa sản phẩm.

Bước 4: Sau khi vào được giao diện để thêm/sửa sản phẩm, anh/chị thực hiện các bước sau:

- Số 1: Anh/chị chọn “Product Information” để nhập các thông tin của sản phẩm.

- Số 2: Ở ô “Product Name” gõ tên sản phẩm muốn đăng hoặc sửa

- Số 3: Gõ “Product Alias” tiếng viết không dấu. Ví dụ tinh chiết macca 5ml gõ là tinh-chiet-macca-5ml

- Số 4: Ở ô “Categories” chọn thể loại của sản phẩm. Ví dụ đăng bài cho sản phẩm macca thì chọn thể loại Macca.

- Số 5: Ở mục “Shopper Group” chọn “Default Shopper Group” để ẩn giá của sản phẩm.

Hình 3: Giao diện thêm mới hoặc sửa bài giới thiệu sản phẩm

Bước 5: Sau khi nhập các thông tin của sản phẩm, Anh/chị thực hiện các bước kế tiếp như sau:

- Số 1: Chọn “Product description” để nhập nội dung cho sản phẩm.

- Số 2: Ở ô “Short Description” nhập mô tả ngắn cho sản phẩm.

- Số 3: Ở ô “Product Description” nhập mô tả đầy đủ cho sản phẩm anh/chị muốn đăng

Hình 4: Hướng dẫn thêm/sửa nội dung mô tả bài sản phẩm

Bước 6: Anh/chị chọn mục “Product Images” và kéo xuống cuối trang sẽ có nút “Select a file” để mở thư mục hình ảnh (có thể chọn nhiều ảnh tải lên web cho 1 sản phẩm).

Lưu ý: Hình ảnh của sản phẩm thường được thiết kế theo kích cỡ hình vuông (đơn vị tính pixel), và anh/chị nên cắt lại hình ảnh trước khi tải lên web để bài giới thiệu sản phẩm hiển thị đồng đều và đẹp.

Hình 5: Hướng dẫn chèn hình ảnh vào bài giới thiệu sản phẩm

Bước 7: Anh/chị chọn mục “Custom Fields” hiển thị thông tin các sản phẩm khác của công sau đó làm theo các bước sau:

-  Số 2: Sau khi chọn “1.Custom Fields”, ở ô “2.Related Products” anh/chị gõ tên các sản phẩm đã đăng, nhấn chọn sản phẩm và nó sẽ hiển thị ở số “3.các sản phẩm liên quan được đề xuất”. Sau khi xong các bước chọn “4.Lưu” để hoàn tất.

Hình 6: Hướng dẫn chọn đề xuất các sản phẩm liên quan

1. Tải hình mới lên web:

Để đăng hình mới lên slide anh/chị thực hiện theo các bước sau:

Bước 1: Chọn mục menu “Content” → “1.Quản lý phương tiện”

Bước 2: Chọn vào thư mục có tên “2. slide” như hình 4.

Hình 1: Giao diện quản lý hình ảnh

Bước 3: Bấm vào nút “3. Tải lên” sẽ hiển thị ra các thư mục của máy tính rồi chọn hình dưới máy tính cần tải lên.

Lưu ý: Hình ảnh được tải lên cần có cùng một kích cỡ thì khi hiển thị trên web sẽ đẹp hơn.

 2. Hướng dẫn chèn hình ảnh vào nội dung bài viết

Khi anh/chị đăng tin tức và muốn chèn hình ảnh vào bài viết thì thực hiện theo các bước sau:

Bước 1: Để vào mục quản lý tin tức anh/chị vào mục menu “1. Content” → “2. Quản lý bài viết: Bài viết” hiển thị ra “Danh sách các tin”, sau đó chọn “3. Thêm mới”.

Hình 2: Giao diện quản lý bài viết

Bước 2: Để chèn được hình ảnh vào bài viết vào nội dung bài viết, anh/chị chọn “2. Quản lý phương tiện”

Hình 3: Giao diện thêm mới bài viết

Bước 3: Sau khi chọn “2.Quản lý phương tiện” sẽ hiển thị ra thư mục các hình ảnh đã được tải lên web, anh/chị chọn “1. vị trí thư mục” để tải hình ảnh lên và hình ảnh sẽ nằm trong thư mục đó.

Bước 4: Chọn “2.Tải lên” sẽ hiển thị ra thư mục trên máy tính của anh/chị, chọn hình ảnh muốn đăng tải và “4.hình ảnh tải lên” sẽ nằm ở trong thư mục con “macca”. (Lưu ý đặt tên file hình ảnh là tiếng việt không dấu, như file hình là tinh bột macca thì nên đặt tên file là tinh-bot-macca). Sau đó anh/chị chọn “5.Chèn ảnh” để chèn hình ảnh vào nội dung bài viết.

Bước 5: Khi anh/chị muốn tạo thư mục mới để tải hình ảnh vào thư mục đó thì chọn “3. Create New Folder” để tạo thư mục mới và thực hiện các bước như trên để chèn ảnh vào. Đặt tên thư mục tiếng việt không dấu.

Hình 4: Hướng dẫn chèn hình ảnh vào bài viết