29 Tháng 7, 2016 • Tác giả: Thịnh Nguyễn • Chuyên mục: NukeViet Themes

Làm thế nào để có thể thêm được vị trí cho block trong theme NukeViet

nukevietcms

Hay xin chào các bạn, trong quá trình làm theme và hỗ trợ các bạn làm thêm trên facebook thì mình hiểu ra nguyên do nhiều bạn muốn thêm một vị trí nào đó để có thể thêm block thì lại không biết làm. Chính vì thế bữa nay Thịnh chia sẻ với bạn cách thêm một vị trí mới trong theme NukeViet để bạn có thể đính thêm block khi sử dụng NukeViet.

Cách làm này khá đơn giản nhưng nếu không để ý thì các bạn cũng không biết làm thế nào. Để thêm được vị trí bạn làm theo hướng dẫn dưới đây của Thịnh

  1. Bạn mở thư mục themes của bạn lên, theme này là theme bạn đang sử dụng nhé. Tại đây bạn sẽ thấy file config.ini của themes.
  2. Trong cặp thẻ <positions></positions> bạn tiến hành thêm cho mình một tên vị trí mới ví dụ như sau:
    <position>
<name>ADS</name>
<tag>[ADS]</tag>
</position>

    Trong đó ADS là tên vị trí và còn [ADS] là thẻ tag dùng để đính vào vị trí muốn hiển thị

  3. Lúc này bạn lưu file lại và chỉ cần sao chép [ADS] sang file tpl vị trí mà bạn muốn đính.

Đơn giản chỉ có vậy. Ở bài tiếp theo mình sẽ hướng dẫn các bạn tạo nhiều vị trí chèn trong module news ở phần hiển thị main để bạn có thể chèn nhiều quảng cáo khác nhau.

Tác giả: Thịnh Nguyễn

Chuyên gia chia sẻ kiến thức về lập trình, thiết kế web và tối ưu hệ thống server.

Chia sẻ bài viết này:
Facebook Twitter

8 bình luận

  • Nguyễn Ngọc Vũ

    09/01/2017 lúc 12:00

    dạ e làm được rồi ạ.thanks a ạ..e chỉnh từ 1330 lên 1900 luôn nó mới nằm ngoài viền màn hình cho.hehe 😀

  • Nguyễn Ngọc Vũ

    09/01/2017 lúc 12:00

    dạ e làm được rồi ạ…e chỉnh từ 1330 lên 1900 luôn nó mới nằm ngoài viền màn hình cho.hehe 😀

  • Nguyễn Ngọc Vũ

    09/01/2017 lúc 11:36

    à a cho e hỏi phát cuối nữa nha 😛 ,cái giao diện mặc định của nukeviet 4.1 có 2 vị trí banner chạy dọc 2 bên đó,2 cái đó nó đè lên mấy block giữa của e thì e, giờ e muốn đẩy nó ra sát với lề trái lề phải (đẩy lên trên góc luôn càng tốt ) thì phải làm sao ạ. ^^

    • Thịnh Nguyễn

      09/01/2017 lúc 11:41

      cái này bạn vào file main.js của theme đang xài xem cái thông số 1300 thì tăng nó lên sao cho đến khi phù hợp là được

  • Nguyễn ‘Ngọc Vũ

    09/01/2017 lúc 11:20

    à e muốn đăng 2 hình chúc tết ở 2 góc trên cùng của web luôn ạ…

    • Thịnh Nguyễn

      09/01/2017 lúc 11:24

      nếu mà muốn làm kiểu đó thì bạn nhúng bất kỳ chỗ nào, tốt nhất cuối site, sau đó sử dụng css đính 2 ảnh ở 2 góc là được, không cần cầu kì nhiều 😀

  • Nguyễn ‘Ngọc Vũ

    09/01/2017 lúc 10:20

    a Thịnh cho e hỏi vấn đề thêm vị trí cho block với ạ…b1 b2 e làm dc.nhưng bước 3 e k hiểu là phải chép vào file tpl nào ạ,vì trong thư mục layout có nhiều file tpl lắm.thank a nhìu

    • Thịnh Nguyễn

      09/01/2017 lúc 10:32

      Bước 3 thì bạn có thể nhúng vào header, main tùy theo cái mà bạn muốn hiển thị, mỗi file sẽ đảm nhận một vị trí nhất định trên site bạn nhé

Để lại bình luận của bạn

Địa chỉ email của bạn sẽ không được công bố rộng rãi. Các trường bắt buộc được đánh dấu *

Bài viết liên quan

Hướng dẫn tạo nút Back To Top cho website của bạn

Nút Back To Top hay còn gọi một cách đơn giản là nút trượt lên trên khi bạn đang ở cuối website. Nhưng nếu như bạn đang sử dụng framework thì sẽ có một số framework có sẵn nhưng đa phần thì cái này sẽ loại khỏi bộ framework bởi độ ưu tiên cao cũng […]

Xem chi tiết →

Hướng dẫn viết block hiển thị icon ngôn ngữ cho website NukeViet

Ở bài trước Thịnh có hướng dẫn các bạn thiết lập website đa ngôn ngữ đối với những website sử dụng mã nguồn mở NukeViet. Nhưng bạn sẽ gặp vấn đề với việc hiển thị ngoài site sao cho khách truy cập có thể lựa chọn được ngôn ngữ. Chính vì thế hôm nay Thịnh […]

Xem chi tiết →

Hướng dẫn sử dụng Font Awesome làm icon cho menu nukeviet

Font Awesome là một bộ font end dùng làm icon thịnh hành nhất hiện nay và chính vì nó tiện lợi với nhiều kiểu icon khác nhau cũng như giảm lượng tải trang web mà vì thế nó đã được tích hợp vào trong mã nguồn NukeViet. Nhưng khi tích hợp vào trong NukeViet thì […]

Xem chi tiết →