CÔNG TY CỔ PHẦN CÔNG NGHỆ BÌNH MINH NỘI DUNG TẬP HUẤN TRANG THÔNG TIN ĐIỆN TỬ TỈNH LẠNG SƠN NĂM 2020

Hướng dẫn các khối tin về Thông báo, tin tức khác, chèn banner ảnh nhỏ, chèn liên kết vào banner 12.. Hướng dẫn tạo 1 chuyên mục để đăng văn bản dạng “Thông báo” và “Thông tin chuyên ng

1

CÔNG TY CỔ PHẦN CÔNG NGHỆ BÌNH MINH

NỘI DUNG TẬP HUẤN TRANG THÔNG TIN ĐIỆN TỬ TỈNH LẠNG SƠN

NĂM 2020

1 Hướng dẫn thay đổi BANNER Trang tin điện tử

2 Hướng dẫn thay đổi thông tin trên MENU trang tin

3 Hướng dẫn thay đổi nội dung chữ chạy khẩu hiệu

4 Sửa chân trang

5 Hướng dẫn cách đăng tin bài, hướng dẫn thiết lập tỉ lệ ảnh tin bài đối với những tin

bài Acticle

6 Hướng dẫn tạo 1 chuyên mục để đăng văn bản dạng “Thông báo”

7 Hướng dẫn tạo 1 chuyên mục thông tin chuyên ngành

8 Hướng dẫn thêm, bớt các liên kết ở Vertical Menu

9 Hướng dẫn thêm khối menu Vertical Menu

10 Hướng dẫn qua về chức năng của CONFIG BLOCK BUILDER (thay đổi kích

thước các khối, kéo thả…)

11 Hướng dẫn các khối tin về Thông báo, tin tức khác, chèn banner ảnh nhỏ, chèn liên kết vào banner

12 Và một số đề nghị khác phát sinh trong quá trình tập huấn

2

1 Hướng dẫn thay đổi BANNER Trang tin điện tử

Sau khi login ta chọn phần Hình thức

Sau đó chọn Thiết lập

Tiếp tới phần Logo image

3

2 Hướng dẫn thay đổi thông tin trên MENU trang tin

Tại trang chủ ta di duột tới menu, tại góc phải xuất hiện nút tích sửa

4

Cách 2, truy cập vào menu theo đường dẫn như khung hình bên dưới

Tìm tới menu cần sửa, chọn Edit menu

Để thêm liên kết mới ta chọn

5

6

3 Hướng dẫn thay đổi nội dung chữ chạy khẩu hiệu

Ta sẽ vào Stucture ( Cấu trúc)

Ta chọn tab Custom block library Tìm tới block Khẩu

hiệu, và edit để sửa nội dung

Sau đó chọn Edit, rồi tích vào Mã HTML, để thay thế nội dung

7

4 Sửa chân trang

Tiếp tục trong Custom block library Tìm tới block Intro footer để sửa nội dung chân

trang

Nhấn Edit để sửa lại nội dung chân trang

5 Hướng dẫn cách đăng tin bài, hướng dẫn thiết lập tỉ lệ ảnh tin bài đối với

những tin bài Acticle (Chuyên mục tin tức sự kiên, tương tự với các loại tin

chuyên ngành, tin xã hội khác)

- Ta vào mục Content

8 Sau đó chọn Article, để đăng tin tức

9

Để chèn ảnh trong bài viết chọn công cụ Ta chọn Upload, để up ảnh lên máy chủ

Khi up ảnh với kích thước ảnh lớn, ta cần resize ảnh về kích thước tiểu chuẩn

11

Để giữ lại ảnh gốc đã up lên, ta tích chọn Creat a copy để tạo ra bản resize kích

thước

Sau khi nhập nội dung và chỉnh nội dung text và ảnh, chọn tiếp chuyên mục tin ở

Category, nếu tin tiêu điểm thì chọn Hot Sau đó ấn lưu lại bài viết

12

6 -7 Hướng dẫn tạo 1 chuyên mục để đăng văn bản dạng “Thông báo” và

“Thông tin chuyên ngành”

Ta vào Stucture(Cấu trúc), tìm tới Mục Taxonomy (Luật phân loại)

Sau đó chọn Taxonomy (Luật phân loại)

Để thêm chuyên mục cho Thông tin chuyên ngành hoặc Thông báo, ta chọn List terms( Liệt kê từ liệu)

13

* Chú ý: là những từ loại đã có, tuyệt đối ko được xóa, nếu xóa sẽ ảnh hưởng tới bài

viết đã tạo đã phân vào chuyên mục đó

- Khi Add term, sẽ hiện ra bảng như sau

- Đối với các Loại tin bài Thông tin điều hành, khi cần thêm chuyên mục khác cũng làm tương tự

14

8 Hướng dẫn thêm, bớt các liên kết ở Vertical Menu

- Các khối xuất hiện bên phải như hình dưới được gọi là vertical Menu Để thêm bớt

các liên kết này ta sửa khối block đó

Khi di chuột vào khối này thì sẽ hiện nút để cấu hình

sau đó chọn Configure block

- Sẽ hiển thị tên menu vertical

Link tra cứu icon: https://fontawesome.com/v4.7.0/icons/

Link tra cứu màu sắc, ta vào trang ở địa chỉ là https://color.adobe.com/

15

Ví dụ để thêm một liên kết chuyên mục của thông báo ta làm như sau

Mã code icon: fa fa-database

Sau đó là liên kết: /announcement/90

Tên của liên kết đó: Văn bản chỉ đạo điều hành của Văn phòng

Mã màu: #0099cc

Giữa các liên kết là dấu | , để ngăn cách nội dung và kết thúc là |

Ta sẽ có đoạn mã như sau:

Vậy số 90 lấy ở đâu, ta sẽ vào taxomomy và chọn Loại thông báo để xem các danh mục đã tạo sẽ có số định danh cho danh mục đó Di chuột tới mục

đó, liên kết xuất hiện dưới màn hình

16

Đối với liên kết của thông tin chuyên ngành hay chuyên mục khác sẽ có

đường dẫn khác ví dụ link sẽ là /taxonomy/term/ 108

9 Hướng dẫn thêm khối menu Vertical Menu

- Ta vào mục Structure(Cấu trúc)

18

Như vậy ta sẽ có được 1 khối block vertical menu

10 Hướng dẫn qua về chức năng của CONFIG BLOCK BUILDER (thay đổi kích thước các khối, kéo thả…)

19

Cấu trúc dữ liệu các cột được bố trí như sau

Chú ý: Các khối bên phải gắn ở trong block builder, sẽ chỉ xuất hiện duy nhất ở trang chủ Còn khi xem các tin bài viết thì các khối gắn bên phải này sẽ ko xuất hiện

Bên dưới là các khối thông tin có thể là Thông báo, …

20

11 Hướng dẫn các khối tin về Thông báo, tin tức khác, chèn banner ảnh nhỏ, chèn liên kết vào banner

- Để thêm 1 khối Menu vertical vào block builder, ta làm như sau:

Ta sẽ được 1 hàng trắng, giờ để tạo ra 3 cột tin ta chọn ADD COLUMN

Sau đó chọn tỉ lệ cột là 1/4

Ta sẽ được 1 cột như hình dưới

Để tạo thành 4 cột, ta nhân bản cột đã tạo ra 3 khối nữa

21

Ta sẽ chọn biểu tượng Nhân bản cột đó lên, ta sẽ được 4 cột như hình dưới

Nếu chỉ muốn hiển thị 3 cột, ta xóa bớt 1 cột đi, rồi chỉnh lại độ rộng của cột đó

Ta sẽ được như hình dưới

Vậy là ta đã có 3 cột nội dung trên 1 hàng, việc tiếp theo là gắn nội dung vào từng cột

đó

- Thêm nội dung vào khối

Ví dụ ta sẽ thêm 1 khối là menu vertical và 1 khối là khối ảnh

22 Khối 1 ta chọn

23 Sau đó chọn khối, rồi save lại

Như vậy ta được khối nội dung về menu vertical

25

Sau đó Save lại, ta được khối nội dung về ảnh liên kết, để có nhiều khối ảnh trong khối thứ 2 ta nhân bản khối ảnh đã tạo Như vậy ta có thể chèn ảnh khác ngay bên dưới

26

- Để thêm khối tin về dạng tin tức ta sẽ thực hành ở khối tin số 3

Như hình dưới đây là khối Drupal View

Chính là khối drupal view như hình dưới đây

27

Khối tin lớn chạy ảnh tên là

Khối tin nhỏ ko có tên là

- Để thêm khối tin về chuyên mục Thông báo, Thông tin điều hành Ta sẽ vào lại

Xong chọn Ta chọn Place block, và tạo view block

28

Xong ta save lại Rồi quay lại trang chủ và block builder đó thêm 1 khối drupal block

đã tạo của thông báo Tương tự với thông tin điều hành, thông tin khác

Chú ý:

- Tin của chuyên mục thông báo

- Tên view là announcement

29

DisplayId: front_announcement

- Tin với chuyên mục như theo Lĩnh vực

Tên view: article_category_blocks

DisplayId: category_2columns_article_single

Sẽ tạo ra khối tin cột ảnh đơn như hình

- Đối với khối tin theo lĩnh vực dạng 2 cột như này

31