[Help]Tự động resize ảnh WP

dt2 viết 13:04 ngày 10/10/2018

Được gửi bởi Deadie

Hồi trước mình dùng 1 themes thấy nó có chức năng tự động resize ảnh về kích thước phù hợp với khung themes, bây giờ mình đổi themes mới không thấy chức năng đó hoạt động, ai biết làm thế nào để thêm chức năng tự resize đó với ( không phải plugins nhé )

Chào,
Bạn hãy tìm hiểu về Featured Images (Search Google với từ khóa "Featured Image in Wordpress"). Nó được support trong theme.

chesterben viết 13:01 ngày 10/10/2018

Cũng ko có gì khó . Bạn có thể tự làm theo các bước sau:

1. Dùng Chrome hoặc FF có cài firebug vào website của bạn. Inspect element phần nội dung có chứa hình ảnh xem thử cái class của element đó là gì ví dụ ở blog mình chẳng hạn Twitter.info thì là entry-content

2. Mở file style.css. Tìm đến chỗ cái element vừa tìm được. Ta thêm thuộc tính như sau:

Code:

.entry-content img {
    max-width: 500px;
    width: expression(this.width > 500 ? 500: true);
}

3. Chỉnh lại thông số cho đúng và chạy thử. Chú ý tí xíu là cái này ko có chạy được trên tất cả trình duyệt. Hehe . Nếu muốn tốt thêm tí xíu thì đọc cái này: http://goo.gl/H8i9B

Deadie viết 13:07 ngày 10/10/2018

Được gửi bởi chesterben

Cũng ko có gì khó . Bạn có thể tự làm theo các bước sau:

1. Dùng Chrome hoặc FF có cài firebug vào website của bạn. Inspect element phần nội dung có chứa hình ảnh xem thử cái class của element đó là gì ví dụ ở blog mình chẳng hạn Twitter.info thì là entry-content

2. Mở file style.css. Tìm đến chỗ cái element vừa tìm được. Ta thêm thuộc tính như sau:

Code:

.entry-content img {
    max-width: 500px;
    width: expression(this.width > 500 ? 500: true);
}

3. Chỉnh lại thông số cho đúng và chạy thử. Chú ý tí xíu là cái này ko có chạy được trên tất cả trình duyệt. Hehe . Nếu muốn tốt thêm tí xíu thì đọc cái này: http://goo.gl/H8i9B

bạn có thể hướng dẫn mình chi tiết hơn không ( bằng hình ảnh càng tốt ) mình sử dụng firebug inspect nhưng ko thấy element đâu cả và trong Editor không có style.css mình dùng themes Arjuna X

chesterben viết 13:00 ngày 10/10/2018

Có phải là cái theme này ko ta?

Code:

http://wp-themes.com/arjuna-x/

Nếu đúng thì rõ rang là có file style.css trong thư mục của theme:
wp-content/themes/arjuna-x/style.css

Còn cái class thì thay .entry-content bằng .postContent thì phải.

ngoc_viet08 viết 13:11 ngày 10/10/2018

cái này chắc phải dùng php script để lấy timthumb

Deadie viết 13:11 ngày 10/10/2018

Được gửi bởi chesterben

Có phải là cái theme này ko ta?

Code:

http://wp-themes.com/arjuna-x/

Nếu đúng thì rõ rang là có file style.css trong thư mục của theme:
wp-content/themes/arjuna-x/style.css

Còn cái class thì thay .entry-content bằng .postContent thì phải.

ko hiểu sao mình edit rồi mà không được, bạn có thể edit trực tiếp file style.css hộ mình được không, mình muốn kích thước ảnh load là 600x414 px. Thanks bạn nhiều
http://www.mediafire.com/?kfo3l4aymaekzrc

[Help]Tự động resize ảnh WP

Đăng ký nhận thông báo

HỖ TRỢ HỌC VIÊN

VỀ CODE24H

HỢP TÁC VÀ LIÊN KẾT

KẾT NỐI VỚI CHÚNG TÔI

TẢI ỨNG DỤNG TRÊN ĐIỆN THOẠI