Update 1: Bài này viết cho Drupal 5
- Các module cần thiết: (xem ảnh 001)
- CCK: Tất nhiên là kiểu nội dung của bạn cần một field để upload hình ảnh lên.
- ImageField: Cung cấp field hình ảnh cho kiểu nội dung.
- ImageCache: Hỗ trợ cho ImageField, tự động tạo ảnh thu nhỏ khi người dùng upload, ...
- Cấu hình ImageCache
- Vào trang cấu hình cho ImageCache: ?q=admin/settings/imagecache
- Tạo một preset cho ImageCache (tương tự ảnh 002). Ở đây tôi đặt tên cho preset là `ic`, và thêm vào thao tác là resize với độ rộng = độ cao = 150px
- Chúng ta vào folder root của bản cài đặt drupal, vào folder `files`, tạo folder con là `imagecache`, vào folder imagecache vừa tạo, tạo folder `ic` (Tương ứng với với tên của preset mà bạn đặt ở bước 2.2, ở bước trên tôi chọn `ic`)
- Thiết lập kiểu nội dung: Ở đây chúng ta áp dụng chức năng này cho kiểu nội dung Article, các kiểu nội dung khác tương tự.
- Theo mặc định, drupal tạo sẵn 2 kiểu nội dung là `page` và `Story`, chúng ta cần tạo thêm kiểu nội dung mới
- Vào trang ?q=admin/content/types
- Nhấp trái chuột vào tab Add Content Type.
- Trong biểu mẫu (form) tạo kiểu nội dung mới, chọn Name là `Article`, chọn Type là `article`, các phần còn lại thì tùy ý.
- Tạo trường (field) hình ảnh cho kiểu nội dung Article
- Làm lại bước 3.1.1
- Nhấp trái chuột vào dòng có Name là `Article`
- Ở trang mới, nhấp trái chuột vào tab `Add field`,
- Ở Create new field, chọn Name là `image`, Chọn Fieldtype là Image -> Image
- Form mới hiện ra, cứ để các thiết lập mặc định (bạn muốn thay đổi cấu hình sao cũng được) rồi lưu cấu hình cho trường `image` lại.
- Thiết lập cách trình bày hình ảnh
- Mở trang ?q=admin/content/types/article/display
- Ngang với dòng `image`, chọn Teaser là `ic`, chọn Full là `Default`
Bây giờ bạn thử tạo một trang nội dung `Article` xem sao (xem ảnh 003 và 004)?
:-)
Thế Hồng
Ảnh 001

Ảnh 002

Ảnh 003

Ảnh 004

Comments
Lam sao minh de phan body
Bài viết rất hay. Tiện đây mình có 1 câu hỏi như sau:
Làm sao mình đưa 1 phần body (nội dung bài viết) nằm bên phải Image Attach vậy bạn?
Bạn có thể cho mình 1 số solutions không?Tks
Bạn xem HTML source code
Bạn xem HTML source code để biết class của ảnh muốn trôi sang trái/phải, rồi viết một đoạn CSS tương tự như sau, giả sử class của ảnh của bạn là "your-img":
<style> .your-img { float: left; } </style>Thay left thành right nếu muốn ảnh trôi sang phải.
Thế Hồng
Với Drupal 6?
Đây là dành cho drupal 5. Vậy với Drupal 6 Thì phải làm thế nào? Xin bạn cho mình cái hướng dẫn
Cái này là viết cho
Cái này là viết cho Drupal 5.
Post new comment