Rss Feed

THCS Sơn Thủy

CHUYÊN MỤC HÒ KHOAN

KẾ HOẠCH

GIÁO ÁN

BÀI GIẢNG

SÁNG KIẾN KN

Hỗ trợ

Vương Công Quang

Thống kê

  • Đang truy cập: 70
  • Hôm nay: 17143
  • Tháng hiện tại: 34774
  • Tổng lượt truy cập: 37989386

LIÊN KẾT TIỆN ÍCH


GÓC TIN HỌC

Làm việc với chức năng kéo thả block trong nukeviet

Đăng lúc: Thứ sáu - 11/05/2018 07:57 - Người đăng bài viết: Nguyễn Văn Hiếu
Khối block là một thành phần cơ bản trong nukeviet. Bất kỳ một website nukeviet nào cũng phải dùng. Nó là một tập hợp các chức năng; mỗi block tương ứng với một chức năng để bạn có thể chèn vào các khối block của theme.
Chúng ta tạm rời ra khỏi khu vực quản trị admin trong nukeviet. Có lẻ nhiều bạn sẽ nói phần này có gì đó sai sai theo quy trình học trong serie nukeviet căn bản này. Bởi trong khu vực quản trị còn quá nhiều thứ để tìm hiểu. Tại sao chúng ta lại tạm ngừng. 


Đúng!. Sẽ không có tác dụng gì, nếu bạn tìm hiểu trong khu vực quản trị. Mà quên rằng, một chức năng khác ngoài site cũng rất quan trọng để tạo nên một website trong nukeviet. Và hiển nhiên, chức năng này cũng phải được đăng nhập bởi tài khoản quản trị mới có thể sử dụng được. Làm việc này ở ngoài site này nó trực quan ngay ở giao diện người dùng.…Dù rằng mặc định Nukeviet đã cung cấp sẵn rất nhiều block, mỗi block thuộc sự quản lý của một module riêng lẻ,  nhưng các block có thể tăng lên tùy thuộc vào theme hỗ trợ thêm và cài thêm module

Trong khuôn khổ bài này, mình sẽ giải thích cho các bạn hiểu vai trò của block và cách thao tác với block mặc dù ở phần quản trị admin cũng có chức năng quản lý các block này. Như mình muốn các bạn tìm hiểu thao tác các block ở khu vực ngoài site. Nó sẽ trực quan và dễ sử dụng hơn cho người mới bắt đầu.

Thao tác với block

Để thao tác với block, sau khi đăng nhập vào trang admin, ra ngoài site các bạn có thể Bật kéo thả block (icon thứ 3 từ trên xuống) trên thanh admintoolba

nukeviet 4 0 open beta 9 bat keo tha block
Chức năng bật kéo thả block trong nukeviet

Bây giờ, bạn sẽ thấy trên theme sẽ xuất hiện từng khối block. Mỗi khối sẽ được phân cách bởi border màu cam. Có icon dấu cộng góc dưới bên phải, trên một số khu khu block, sẽ có thêm dãy icon trên bên trái xuất hiện khi rê chuột vào khối block đó. Tùy vào theme sẽ có vị trí cũng như số lượng các khối này là khác nhau. Ở đây chúng ta đang tìm hiểu về theme mặc định. 

Xem nào, bạn thử để chuột vào menu trên site nukeviet. Tiếp đó chọn icon đầu tiên ( Sửa) trong dãy icon xuất hiện góc trên bên trái. Bạn sẽ hình dung ra cái menu đó được lấy từ đâu:

block menu trong nukeviet
Block menu trong theme mặc định nukeviet

Ở dòng chọn kiểu block. Ô đầu tiêu bạn thấy Menu site. Điều đó có nghĩa là block này trực thuộc module menu mà chúng ta vừa tìm hiểu ở phần trước. Ô thứ 2 bạn thấy danh sách một số block. Đây chính là các kiểu block mà trên module menu mặc định này đang có. Hiển nhiên, như đã nói, bạn có thể viết thêm số lượng các block này. Nhưng không phải bây giờ, mà hãy đến với Phần học Nukeviet nâng cao, cụ thể là lập trình theme nukeviet

Tiếp đó là Chọn bộ menu. Đây chính là danh sách các khối menu mà chúng ta đã tạo ra ở bài trước. Việc này bạn có thể làm ngay bây giờ, bằng cách quay lại phần học trước. Tạo thêm một khối menu, sau đó quay lại đây bật lại block menu này lên bạn sẽ thấy. 

Một số trường khác như tên block, URL của tên block, Template. Bạn hãy mạnh dạn tự khám phá và trải nghiệm. Còn điều gì cảm thấy mơ hồ cũng đừng lo lắng. Rồi dần dần bạn sẽ nắm rõ và làm chủ hơn.

Thao tác thêm một block trong nukeviet

Để thêm một block tại khối đó, bạn chỉ cần click vào icon dấu cộng sẽ hiển thị trang chức năng cho phép cấu hình nội dung block mà bạn muốn hiển thị

block trong nukeviet
Thêm một block trong nukeviet

Bấy giờ nó sẽ nảy sinh nhiều vấn đề, có thể sẽ gây khó khăn cho những bạn mới bắt đầu. Bởi vì nó có quá nhiều thứ. Tuy nhiên, bạn hãy yên tâm về điều đó, cụ thể xử lý những phần mở rộng mình sẽ cập nhật ở những bài viết sau. Tạm thời bạn chỉ cần quan tâm đến một số chức năng cũng như những lưu ý sau.

Bạn hãy làm một thực hành nhỏ. Ngay tại trang chủ, bạn hãy bật một block trực thuộc module news. Chọn block có tên module block_headline Lúc này ở mục Hãy chọn function, nó sẽ khác là bạn chỉ có thể cho block hiển thị trong module news. 

Sau khi thêm xong block, mỗi block có thể sẽ có các tùy chọn riêng biệt để bạn thiết lập nó nhằm hiển thị như ý muốn, các bạn bấm vào và tùy chỉnh lại, sau đó ấn Cập nhật để lưu lại.

Có một điều thú vị và cũng dễ gây ra hỏng giao diện đang dùng. Đó làm bạn có thể nhấp giữ chuột và đồng thời kéo block vị trí này sang vị trí khác. 

Một số câu hỏi thường gặp trong kéo thả block

Một theme có bao nhiêu block

Một theme có thể có số lượng block tùy ý người lập trình

Một block có thể bật ở nhiều vị trí khác nhau trên theme không?

Có thể, tuy nhiên có một số trường hợp sẽ nảy sinh lỗi, nếu 2 block có chức năng giống nhau nằm trên một trang. Và trường hợp lỗi nghiêm trọng có thể làm trắng trang hoàn toàn

Vì sao tôi cấu hình block xong đôi khi không nhìn thấy hoặc chỉ nhìn thấy ở một số trang còn trang còn lại không thấy?

Nếu bạn không nhìn thấy, chắc chắn bạn đã chọn hiển thị trên thiết bị, thì lúc này block đó chỉ nhìn thấy được trên một số thiết bị đã chỉ định. Hoặc phân nhóm thành viên, thì chỉ thành viên trong nhóm đó mới nhìn thấy block đó. Trường hợp bạn chỉ nhìn thấy nó ở một số trang hãy kiểm tra lại khu vực chọn function: 

Tôi có thể di chuyển block từ chỗ này qua chỗ khác không?

Có, bằng cách kéo và thả vào vị trí mới

Tôi muốn thay đổi kiểu style cho block thì làm thế nào?

Bạn có thể chọn kiểu template. Tuy nhiên mặc định nó rất hạn chế. Bạn có thể sửa lại khi tìm hiểu thêm về thiết kế giao diện nukeviet

Có một số block không bật được trên các trang khác vì sao?

Trong nukeviet có 2 loại block mà bạn cần lưu ý. Một loại dùng được trên toàn site ở bất kỳ module nào có tên theo quy định bắt đầu bằng từ global block_. Và block có tên bắt đầu bằng module block_ chỉ bật được trong module chứa nó.

Tác giả bài viết: Sưu tầm

Ý kiến bạn đọc

 
 

VĂN BẢN - CHÍNH SÁCH PHÁP LUẬT MỚI

  • 49/2014/TT-BCT
    Thứ ba - 01/04/2025 18:01
    Thông tư 49/2014/TT-BCT ban hành bởi BỘ CÔNG THƯƠNG ngày 08-11-1968 quy định việc nhập khẩu thuốc lá nguyên liệu theo hạn ngạch thuế quan năm 2015.
  • 03/2024/TT-NHNN
    Thứ ba - 01/04/2025 18:01
    Thông tư 03/2024/TT-NHNN ban hành bởi NGÂN HÀNG NHÀ NƯỚC VIỆT NAM ngày 16-05-2025 sửa đổi, bổ sung một số điều của Thông tư 19/2013/TT-NHNN ngày 06 tháng 9 năm 2013 của Thống đốc Ngân hàng Nhà nước Việt Nam quy định về việc mua, bán và xử lý nợ xấu của Công ty Quản lý tài sản của các tổ chức tín dụng Việt Nam.
  • 145/2024/NĐ-CP
    Thứ ba - 01/04/2025 18:01
    Nghị định 145/2024/NĐ-CP ban hành bởi CHÍNH PHỦ ngày 04-11-2024 sửa đổi khoản 2 Điều 12 của Nghị định số 03/2017/NĐ-CP ngày 16 tháng 01 năm 2017 của Chính phủ về kinh doanh casino.
  • 111/CĐ-TTg
    Thứ ba - 01/04/2025 18:01
    Công điện 111/CĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 04-11-2024 về việc tập trung thực hiện các nhiệm vụ, giải pháp cấp bách, trọng tâm chống khai thác hải sản bất hợp pháp, không báo cáo và không theo quy định (IUU), chuẩn bị đón và làm việc với Đoàn Thanh tra lần thứ 5 của Ủy ban châu Âu.
  • 18/2024/QĐ-TTg
    Thứ ba - 01/04/2025 18:01
    Quyết định 18/2024/QĐ-TTg ban hành bởi THỦ TƯỚNG CHÍNH PHỦ ngày 06-11-2024 quy định chức năng, nhiệm vụ, quyền hạn và cơ cấu tổ chức của Cơ quan Thanh tra, giám sát ngân hàng trực thuộc Ngân hàng Nhà nước Việt Nam.
  • 146/2024/NĐ-CP
    Thứ ba - 01/04/2025 18:01
    Nghị định 146/2024/NĐ-CP ban hành bởi CHÍNH PHỦ ngày 06-11-2024 sửa đổi, bổ sung, bãi bỏ một số điều của Nghị định số 102/2022/NĐ-CP ngày 12 tháng 12 năm 2022 của Chính phủ quy định chức năng, nhiệm vụ, quyền hạn và cơ cấu tổ chức của Ngân hàng Nhà nước Việt Nam và Nghị định số 26/2014/NĐ-CP ngày 07 tháng 4 năm 2014 của Chính phủ về tổ chức và hoạt động của Thanh tra, giám sát ngành Ngân hàng đã được sửa đổi, bổ sung tại Nghị định số 43/2019/NĐ-CP ngày 17 tháng 5 năm 2019 của Chính phủ.

THỜI SỰ

  • Mua đồng hồ nam tại Hải Triều - Bảo hành độc quyền 5 năm
    Thứ hai - 31/03/2025 02:57
    Thống kê từ 2019-2024 cho thấy tỷ lệ khách hàng hài lòng với dịch vụ bảo hành tại Hải Triều đạt 97% . Đây là một kết quả xuất sắc từ chính sách bảo hành đồng hồ nam độc quyền 5 năm.
  • Hệ thống Nha khoa Quốc tế Melatec – Dẫn đầu xu hướng nha khoa hiện đại tại Việt Nam
    Thứ sáu - 28/03/2025 03:09
    Nỗi sợ nha khoa và nỗi lo chăm sóc sức khỏe răng miệng là câu chuyện chung của hàng ngàn người Việt từng mang tâm lý e ngại, sợ đau, sợ chi phí khi nghĩ đến việc điều trị răng miệng. Với Hệ thống Nha khoa Quốc tế Melatec, cảm giác sợ hãi ấy đã được thay thế bằng sự tin tưởng, thoải mái tận hưởng và hài lòng.
  • Mua đồng hồ chính hãng: Chọn đại lý uỷ quyền để an tâm hơn
    Chủ nhật - 16/03/2025 22:38
    Đồng Hồ Hải Triều, với hơn 30 năm kinh nghiệm, là một trong những đại lý ủy quyền uy tín hàng đầu tại Việt Nam, mang đến cho khách hàng sự an tâm tuyệt đối khi mua đồng hồ chính hãng.
  • Acthyderm - CO2: Công nghệ trị mụn chuẩn y khoa giúp da khỏe đẹp từ bên trong
    Thứ năm - 13/03/2025 05:35
    Acthyderm - CO2 là công nghệ trị mụn body độc quyền tại LG Clinic, ứng dụng CO2 tinh khiết, ánh sáng sinh học và collagen ngoại sinh để loại bỏ mụn tận gốc, kháng viêm và phục hồi da từ bên trong. Không xâm lấn, không để lại sẹo, Acthyderm - CO2 mang đến giải pháp trị mụn chuẩn y khoa, an toàn và hiệu quả lâu dài, giúp da sạch mụn, khỏe mạnh và mịn màng hơn sau mỗi liệu trình.
  • SURFACECITY - Chất lượng đỉnh cao, khẳng định vị thế số 1 với dòng sản phẩm Surface cao cấp
    Thứ ba - 11/03/2025 00:51
    Giữa thời kì công nghệ số hóa đang phát triển, SURFACECITY được biết đến là một địa chỉ uy tín hàng đầu, là điểm đến quen thuộc của giới công nghệ khi tìm kiếm các sản phẩm Laptop Surface và phụ kiện Microsoft chính hãng. Với hơn 10.000 khách hàng tin chọn mỗi năm, SURFACECITY đã khẳng định vị thế dẫn đầu, trở thành lựa chọn số một của người tiêu dùng. Vậy điều gì đã tạo nên sự khác biệt và sức hút đặc biệt của SURFACECITY?
  • Xét tuyển Cao đẳng Y Dược năm 2025 và chính sách Miễn giảm tới 70% học phí toàn khoá
    Thứ hai - 10/03/2025 00:43
    Trường Cao đẳng Dược Sài Gòn (Mã trường: CDD4903) thông báo xét tuyển Cao đẳng Y Dược và chính sách Miễn giảm tới 70% học phí toàn khoá học cho tất cả các học sinh trên toàn quốc đã tốt nghiệp kỳ thi THPT là đủ điều đăng ký xét tuyển vào học.

HÌNH ẢNH