Kết hợp CCK, Imagefield, ImageCache tạo Ảnh thu nhỏ ở bản cắt, ảnh lớn ở bản đầy đủ
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`
- 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
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
Unsigned version
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":
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.
Anh cố gắng bớt chút thời
Anh cố gắng bớt chút thời gian cho em. Em có đọc bài hướng dẫn của Anh về sử dụng modules CCK. Em đã tạo một content type article .Gồm các trường Tiêu đề, images, body, nguồn. Khí em tạo một bài với content này thì bức ảnh nằm dưới tiêu đề rồi đến body. Vấn đề của em là cho bức ảnh nằm bên trái sau đó phần body nó nằm bên phải bức ảnh khi mình đưa thông tin lên. Với hướng dẫn sử dụng trên anh Có nói sửa đoạn code trong html( Diều này thì áp dụng mình chèn trực tiếp bức ảnh vào phần body) nhưng giờ bức ảnh của em được upload thì mình phải chỉnh ở đâu em đã chỉnh(thử sai ) nhiều lần bằng cách display field nhưng vẫn không được mong Anh giúp đỡ. Em cũng có xây dựng một website bằng drupal + Ubercart. http://vnstore.us/
Bạn xem kỹ trang này nhé:
Bạn xem kỹ trang này nhé: http://toila.net/files/code/css/float.html.
Hỏi về CKK
Cho mình hỏi, tại sao mình download module CKK về rồi,giải nén cho vào thư mục module.Thế nhưng khi kiểm tra module thì các nó bị disable và hộp check vẫn mờ.Có phải module bị lỗi ko?Nhưng mình down nhiều lần và thử nhiều lần nhưng vẫn ko được.Về phiên bản thì mình dùng Drupal 6.4 và down module CKK 6.x beta.Có ai biết chỉ giùm mình với!
Bac TH oi!Chi gium em voi!
Sao mình down module về giải nén ra nhưng ko có cái nào enable được hết!Giúp em với!
cho Drupal 5
Mấy cái list ở trên là của Drupal 5.
Thế Hồng
Great work, keep it up. I
Great work, keep it up. I love returning back to this site and reading the quality content you always have on offer.
Post new comment