HƯỚNG DẪN TẠO MENU TRÊN TRANG WEB (sonspeclongxuyen.com)

TẠO THỂ LOẠI

Bước 1: Đăng nhập vào trang quản trị

Bước 2: Tại giao diện trang quản trị:

1

Giao diện trang quản lý

Tại Nội dung, chọn Quản lý thể loại -> Thêm thể loại mới.

2

Thêm thể loại mới

2: Tại giao diện Thêm thể loại bài viết mới,

  • Nhập Tiêu đề (VD: Sơn Spec Long Xuyên).
  • Nhập Alias: Alias nhập giống tên tiêu đề, khoảng cách mỗi chữ thay bằng dấu gạch (-), không sử dụng khoảng trắng (VD: son-spec-long-xuyen).

- Nhập phần Nội dung.

- Lớp cha: Nếu menu dược tạo là menu chính, thì không chọn lớp cha, còn menu được tạo là menu con thì chọn lớp cha.

VD: Sen tắm là menu chính, Sen tấm âm tường có lớp cha là Sen tắm.

3

4

Sau khi nhập xong, chọn Lưu và thoát

TẠO MENU

Bước 1: Chọn Danh mục, chon Main menu, chọn Thêm danh mục mới.

Bước 2: Tại giao diện Quản lý menu.

 5

Nhập Tiêu đề menu: Nhập tên menu (lưu ý, thể loại liên kết với menu, khi tạo tên thể loại như thế nào thì đặt tên Menu giống như thể loại đã tạo).

VD: Thể loại ở trên mới tạo là Sơn Spec Long Xuyên, thì tên menu cũng phải giống tên thể loại là Sơn Spec Long Xuyên.

- Alias: Alias nhập giống tên tiêu đề, khoảng cách mỗi chữ thay bằng dấu gạch (-), không sử dụng khoảng trắng (VD: son-spec-long-xuyen).

- Kiểu của mục menu: Nhấn vào để Lựa chọn kiểu mục menu.

6

7

8

Sau khi chọn kiểu menu xong, tiếp đến nhấn vào Lựa chọn.

9

 Tại nút tìm kiếm, tìm tên thể loại phù hợp (VD: Tên menu là Sơn Sepc Long Xuyên, thì tìm thể loại là Sơn Spec Long Xuyên).

10

.Nhập vào ô tìm kiếm thể loại cần tìm hoặc kéo xuống tìm theo cách thủ công

Chọn danh mục cha: Nếu menu dược tạo là menu chính, thì không chọn lớp cha, còn menu được tạo là menu con thì chọn lớp cha.

VD: Sen tắm là menu chính, Sen tấm âm tường có lớp cha là Sen tắm.

11

Sau khi đã diền thông tin đầy dủ thì chọn Lưu và thoát.

BƯỚC TIẾP THEO TẠO MENU THỂ LOẠI CHO TỪNG LOẠI SẢN PHẨM

Bước 1: Chọn phần Mở rộng, chọn SP Simple Portfolio.

12

Chọn SP Simple Portfolio

Tại giao diện SP Simple Portfolio.

13

Giao diện SP Simple Portfolio.

Categories: Tạo thể loại.

Items: Đăng sản phẩm.

Tags: Thẻ (thể loại của sản phẩm).

 

CATEGORIES (Tạo thể loại)

14

Chọn categories, và chọn thêm mới.

15

Nhập tiêu đề: Nhập tên thể loại cần tạo (tương tự như tên thể loại và tên menu phía trên).

VD: Thể loại và menu ban đầu là Sơn Spec Long Xuyên, thì thể loại ở đây cũng là Sơn Spec Long Xuyên.

- Alias: Alias nhập giống tên tiêu đề, khoảng cách mỗi chữ thay bằng dấu gạch (-), không sử dụng khoảng trắng (VD: son-spec-long-xuyen).

- Nôi dung: Nhập nội dung.

- Lớp cha: Nếu menu dược tạo là menu chính, thì không chọn lớp cha, còn menu được tạo là menu con thì chọn lớp cha.

VD: Sen tắm là menu chính, Sen tấm âm tường có lớp cha là Sen tắm.

16

Sau khi điền xong tất cả thông tin thì nhấn Lưu và thoát.

 

TAGS (Thể loại sản phẩm).

17

Chọn Tags, chọn thêm mới

Tại giao diện Tags.

- Nhập tiêu dề: tên thể loại (VD: Sen tắm….).

- Alias: (VD: "sen-tam").

Sau khi nhập xong thì nhấn Lưu và thoát.

18ITEMS (Thêm sản phẩm mới)

Chọn Items và nhấn chọn Thêm mới để thêm sản phẩm.

19

Nhập title: Nhập tên sản phẩm.

Nhập alias: VD tên sản phẩm là Sen tắm, thì Alias nhập “sen-tam”.

20

 

LẤY HÌNH ĐỂ VÀO PHẦN NỘI DUNG

Nhấn vào biểu tượng hình để chọn hình cần tải lên.

21

22

Sau khi chọn, sẽ hiện ra như hình, ở đây mình chọn hình như bình thường, chọn file chứa hình ảnh.

23

Sau khi chọn hình phù hợp thì chọn Insert.

Category: Chọn thể loại.

VD: Tên sản phẩm là sen tắm, thì thể loại cần chọn là Sen tắm.

24

Image: Nhấn chọn và chọn sản phảm đại diện.

25

Chọn thẻ: Chọn thể sản phẩm phù hơp.

26

Sau khi nhập đầy đủ thông tin, nhấn Lưu và thoát

 

TẠO MODULE CHO MENU

Bước 1: Tại giao diện quản lý, chọn Tiện ích mở rộng, và chọn Quản lý Module.

27

Bước 2: Sau khi cửa sổ module hiện lên, chọn vào Thêm mới.

28

Giao diện quản lý module

Tìm module SP Simple Portfolio Module và nhấn chọn.

29

Tại giao diện module.

Nhập tiêu đề: Nhập tên menu muốn tạo.

Chọn danh mục: Chọn danh mục thể loại menu.

30

31

Vị trị: vị trí mặt định là position2.

LÚC NÀY KHOAN HÃY BẤM LƯU.

Tiếp tục chọn Munu hiển thị module này.

32

Chọn Hiển thị module và chọn Chỉ những trang được lựa chọn.

33

34

Chọn menu cần hiển thị,

VD: Muốn hiển thị trong Vòi chậu nước lạnh thì tích vào ô.

35

Cuối cùng là nhấn Lưu và thoát

 Hướng dẫn: Nguyễn Duy

Hướng dẫn thêm hình ảnh trang website sonspeclongxuyen.com

Hướng dẫn thêm hình ảnh trang website sonspeclongxuyen.com (phần giới thiệu)

Kích thước ảnh (Rộng: 1280 px. Cao: 960 px.)

Bước 1: Đăng nhập vào trang quản trị.

Bước 2: Tại giao diện quản lý, chọn Mở rộng và chọn Huge-IT Gallety.

1

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

Bước 3: Tại giao diện Huge-IT Gallety, chọn Công trình & dự án.

2

Tại giao diện Công trình & dự án, chọn Add image để thêm ảnh vào Album.

3

Khi giao diện Thay đổi ảnh hiện lên, chọn file "Album" và "Anh-Man-Nga" để thêm ảnh.

4

Sau khi thêm ảnh xong thì nhấn Lưu.

5

 

MUỐN XÓA ẢNH HOẶC THAY ĐỔI ẢNH

Tại giao diện Công trình và dự án, chọn Edit Image để thay đổi hoặc xóa ảnh, sau đó nhấn Lưu để lưu thay đổi.

6

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

Chia sẻ: Nguyễn Duy

 

Hướng dẫn đăng sản phẩm Website sonspeclongxuyen.com

Hướng dẫn đăng bài viết website sonspeclongxuyen.com

Đăng sản phẩm:

(Kích thước ảnh: rộng 720 px – cao 480 px).

(Link file PTS: https://drive.google.com/open?id=1iHLOR54Dfk_IvBpgmmws4NDDHrEfUgCN).

Bước 1: Đăng nhập vào trang quản trị.

Bước 2: Tại giao diện quản lý, chọn Mở rộng và chọn SP Simple Portfolio.

1

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

Bước 3: Tại giao diện SP Simple Portfolio.

- Items: Quản lý sản phẩm, chọn thêm mới.

3

Hình 2: Tại giao diện thêm sản phẩm, chọn Thêm mới

4

Hình 3: Giao diện thêm sản phẩm.

Tại giao diện đăng sản phẩm.

  • - Title: Thêm tiêu đề cho sản phẩm (ví dụ: Sơn Spec Hello).
  • - Alias: Điền vào tương tự như Title theo mẫu (son-spec-hello).
  • - Category: Chọn thể loại phù hợp với sản phẩm.

(Ví dụ: Sơn Spec Hello, thể loại nên chọn là Sơn Spec Hello).

4

Image: Chọn ảnh sản phẩm.

5

Nhấn “Chọn”, sẽ chuyển đến giao diện Thay đổi hình ảnh.

Khi giao diện Thay đổi hình ảnh hiện lên, tiếp tục chon file "San pham" và chọn hình ảnh sản phẩm phù hợp.

6

Hình 4: Giao diện thay đổi hình ảnh

 

Description: Nội dung chi tiết của sản phẩm.

    • 7
    • Hình 5: Nhập nội dung

Tags: Chọn thẻ sản phẩm phù hợp với sản phẩm (ví dụ: Sơn Spec Hello thì chọn thẻ Sơn Spec Hello).

8

Mẫu:

9

Hình 5: Mẫu đăng sản phẩm.

Bước 4: Chọn Lưu và thoát.

10

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

 Chia sẻ: Nguyễn Duy

 

 

Hướng dẫn đỗi nội dung module MỘT VÀI CON SỐ

Hướng dẫn đỗi nội dung module mod_isto_custom_counter

1

 

Hình 1: Module “Một vài con số”

Bước 1: Đăng nhập vào trang quản lý Bách Khoa An Giang (http://bachkhoaangiang.com).

Bước 2: Tại giao diện quản lý:

  • Chọn Tiện ích mở rộng -> Quản lý module.
  • 2
  • Hình 2: Giao diện trang quản lý 
  • 3
  • Hình 3: Chọn module cần thay đổi nội dung

  • Ví dụ: Cần thay đổi con số chi nhánh là 2, đổi thành số 3. Ta chọn chi nhánh trực thuộc (Hình 3),

  • 4
  • Hình 4: Module chi nhánh trực thuộc.

  • Sau đó chọn “Lưu và thoát” (lưu ý: nếu ra ngoài trang không thấy thay đổi thì nhấn F5 để cập nhật lại trang)

  • 5
  • Hình 5: Chọn lưu và thoát.

  • HƯỚNG DẨN ĐỔI NỘI DUNG

  • 6
  • Bước 1: Mở PhotoshopCS6, trường hợp nếu máy chưa cài Photoshop thì download PTS về máy.

    • Kích thước ảnh: 500 X 130.
    • Dùng phần mềm nào cũng được, biết sử dụng photoshop được thì càng tốt.

    NHỮNG FILE DOWNLOAD VỀ MÁY.

    - Phần mềm PhotoShop

    (Link download: https://drive.google.com/file/d/12Zjo_38P7UyPjb4II7j3_jQdtafPZuNJ/view)

  • Năm thành lập công ty File Photoshop

    (Link: https://drive.google.com/open?id=1AiBkZfOrXSXKkOtDFUqtR0sqxJMTsgVB)

    Số chi nhánh File Photoshop

    (Link: https://drive.google.com/open?id=1ZL1Z7hk_MHZ8S4v5W8xDHUDf44SPkZ-5)

    Số nhân viên File Photoshop

    (Link: https://drive.google.com/open?id=1xLCjLmjBqySUfpFqbSkHj4FGxF-ic3wO)

    Số cọc BTLT File Photoshop

    (Link: https://drive.google.com/open?id=1U48Akz8zpCHs4ZD9gzHVq6QrCkzjbh_Q)

    Bước 2: Khi đã download tất cả File về (phần mềm Photoshop bắt buộc). Mở phần mềm Photoshop, tại giao diện PTS chọn Open.

  • 8
  • Hình 6.: Cửa sổ Open.

  • Khi cửa sổ Open hiện lên, chọn nơi lưu file đã tải về, và chọn File Photoshop cần thay đổi và nhấn Open)

    Bước 3: Khi đã mở File cần chỉnh sửa. (ví dụ: Cọc bê tông ly tâm), cọc bê tông ly tâm hiện tại là 500, muốn đổi thành số 1000 thì thực hiện như sau:

  • 9
  • Hình 7: Thay đổi nội dung.

  • 1. Chọn Type Tool, trên Photoshop là icon chữ T.
  • 2. Sau khi chọn xong, đưa con trỏ vào số 500, và nhấp chuột trái vào.

                 Hình ảnh : 10

  • 3. Nhấn xóa số và sửa như bình thường.
  • 4. Khi đã sửa xong, chọn dấu tích để lưu thay đổi.
  • 11
  • Cuối cùng là lưu file chọn File -> Save for web…

  • 12
  • Hình 8: Chọn file -> Save for web…

  • 13
  • Hình 9: Chọn PNG-24 và Save.

    Nhấn Save sẽ hiện ra cửa sổ lưu, chọn nơi lưu và nhấn Save.

  • HƯỚNG DẪN ĐĂNG HÌNH VỪA SỬA LÊN WEB

    Bước 1: Đăng nhập vào trang quản lý.

    Bước 2: Tại giao diện quản lý, chọn quản lý media.

  • 14
  • Hình 10: chọn quản lý media

  • 15
  • Hình 11: Giao diện cửa sổ mới.

  • Tại giao diện Media, chọn Tải lên -> Chọn tệp.

  • 16
  • Hình 12: Chọn Tải lên -> Chọn tệp

  • Chọn nơi lưu file hình .PNG và chọn hình ảnh, nhấn Open.

  • 17
  • Hình 13: chọn file hình và nhấn Open.
  • 15
  • Hình 14: Giao diện media
  • Tại giao diện media, chọn hình ảnh mới tải lên (ví dụ: BTLT 500), nhấp chuột phải vào ảnh BTLT 500, chọn Mở hình ảnh trong tab mới, lúc này cửa số mới sẽ hiện lên.

  • 21
  • Ta sẽ copy đường link theo mẫu sau

    http://bachkhoaangiang.com/images/500.png (SAI)
  • - images/500.png                                               (ĐÚNG)
  • Tại giao diện quản lý:

    Chọn Tiện ích mở rộng -> Quản lý module.
  • 22
  • Giao diện trang quản lý

  • 23
  • Chọn module cần thay đổi nội dung

  • Tại giao diện module sản xuất cọc bê tông ly tâm, phần IMG, dán link vừa copy vào (Link: images/500.png).

    Sau đó chọn lưu và thoát..

  • cuoi
  • Chúc các bạn thành công
  • Chia sẻ: Nguyễn Duy
  •  

Hướng dẫn thêm danh mục sản phẩm (menu bên trái )

Hướng dẫn thêm danh mục sản phẩm (menu bên trái).

Thêm thể loại.

Bước 1: Chọn nội dung > quản lý thể loại > thêm thể loại  (hình 1.1).

Hình 1. 1

Bước 2: Nhập tiêu đềAlias(VD: Tiêu đề là lốp xe bridgestone thì alias là lop-xe-bridgestone).

Bước 3: Chọn nút Lưu (hình 1.2).

Hình 1. 2

Thêm danh mục.

 Bước  1: Chọn Danh mục > Quản lý danh mục > Thêm danh mục mới (hình 1.3)

Hình 1. 3

Bước 2: Nhập vào các dòng sau:

- Tiêu đề.

- Kiểu menu (VD: Tiêu đề là lốp xe thì Kiểu menu là lopxe-menu).

- Mô tả (VD: Tốp xe).

Bước 3: Chọn nút lưu.

Hình 1. 4

Tạo module.

Bước 1: Chọn Tiện ích mở rộng > Quản lý Module (hình 1.5).

Hình 1. 5

Bước 2: Chọn nút Thêm mới (hình 1.6).

Hình 1. 6

Bước 3: Chọn Menu (hình 1.7).

Hình 1. 7

Bước 4: Nhập thông tin sau:

- Tiêu đề.

- Chọn menu trùng với danh mục đã tạo.

- Chọn vị trí là left.

Bước 5:  Chọn Lưu.

Hình 1. 8

Chuyên mục phụ

Chuyên mục phụ