Làm cách nào để thêm hình ảnh vào một khối trong Drupal 7?


7

Tôi muốn thêm một hình ảnh vào một khối nằm trong Thanh bên đầu tiên trong Drupal 7. Có ai biết làm điều này không? Cảm ơn bạn.


Cảm ơn bạn cho tất cả sự giúp đỡ của bạn. tôi đánh giá cao thời gian của bạn Tôi sẽ thử các giải pháp được đề xuất và giữ cho bạn cập nhật. :-)
fuu

Câu trả lời:


7

Câu trả lời này có vẻ phức tạp không cần thiết để trả lời một câu hỏi đơn giản như vậy, nhưng đó là bởi vì tôi không có hứng thú với việc cho cá đi, tôi muốn dạy câu cá.

Các câu trả lời khác đề nghị bạn nhúng hình ảnh trực tiếp vào khối bằng <img>thẻ. Cá nhân tôi phản đối giải pháp đó vì đó là "một lần" và ngăn phần còn lại của chức năng trang web của bạn tương tác với hình ảnh, chẳng hạn như tự động thay đổi hình ảnh.

Hai gợi ý:

  1. Tải hình ảnh lên một nút, tạo Chế độ xem liệt kê hình ảnh của bạn và hiển thị dưới dạng khối
  2. Sử dụng Bảng điều khiển để kiểm soát kết xuất trang của bạn và thêm hình ảnh, cũng từ một nút

Mặc dù tôi thực sự khuyên bạn nên sử dụng Bảng điều khiển, nhưng việc cài đặt và hiểu cho người mới bắt đầu Drupal thường khá phức tạp nên bạn có thể muốn bỏ qua điều đó.


Các bảng cũng quá mức cần thiết cho một cái gì đó như thế này = \
Chapabu

Vâng, nếu đó là tất cả những gì bạn định làm, tôi đồng ý. Nhưng tôi sẽ lập luận rằng bạn gần như luôn luôn nên sử dụng Bảng cho trang web của mình, làm cho nó, theo quan điểm của tôi, không quá mức cần thiết.
Letharion

1
Tôi nghĩ rằng đó là tùy theo nhà phát triển mặc dù. Tôi RẤT hiếm khi sử dụng bảng điều khiển (Tôi nghĩ rằng tôi đã sử dụng nó một lần trong năm ngoái). Tôi tìm thấy hầu hết những gì bạn có thể làm với bảng bạn có thể làm khác đi và với dấu chân nhẹ hơn.
Chapabu

2
Vâng, tất nhiên rồi :) Tuy nhiên, tôi thấy rằng WSCCI dẫn dắt các bình luận của Larry Garfields, ví dụ , giải pháp khả dụng duy nhất hiện nay là Tấm nói cho chính họ.
Letharion

3

Định dạng văn bản được sử dụng trong khối sẽ cần phải cho phép hình ảnh. Nếu bạn sử dụng HTML đã lọc, bạn có thể thêm <img>thẻ vào các thẻ được phép hoặc bạn có thể sử dụng Full HTML (thường không được khuyến nghị, sử dụng một cách thận trọng!). Nếu bạn đã tải lên hình ảnh qua FTP, bạn có thể đưa nó vào bằng cách sử dụng cái gì đó như <img src="/sites/default/files/image.jpg"/>.

Nếu bạn muốn có thể dễ dàng tải lên và chèn hình ảnh qua giao diện người dùng, một sự kết hợp tốt và thường được sử dụng là API WYSIWYG với thư viện CKeditor (ckeditor.com) và mô-đun Media . Nếu bạn sử dụng điều đó, hãy thêm bộ lọc Media vào định dạng văn bản của bạn và định cấu hình cấu hình WYSIWYG của nó để sử dụng CKeditor. Sau đó, bạn có thể sử dụng nút 'Trình duyệt phương tiện' để tải lên và chèn hình ảnh (và phương tiện khác) thông qua trình chỉnh sửa.


3

Câu hỏi đầu tiên - Đó là loại khối gì? Nếu đó chỉ là một khối mới mà bạn đã tạo từ liên kết "thêm một khối mới", thì bạn có thể sử dụng mã HTML hoặc dưới dạng trình soạn thảo WYSIWYG (Những gì bạn thấy là những gì bạn nhận được) để đưa vào đó.

Câu hỏi thứ hai - Bạn đã cài đặt mô-đun WYSIWYG chưa?

Một cái tốt là trình soạn thảo CK nằm ở đây

Bạn cũng sẽ cần một công cụ tải lên để tải lên hình ảnh của mình, Rất nhiều người sử dụng IMCE, được đặt tại đây

Nếu bạn quyết định chọn CK Editor, bạn sẽ phải chọn IMCE làm công cụ tải lên tệp của mình

Ngoài ra, khi bạn đã cài đặt các mô-đun này, bạn sẽ phải tạo định dạng đầu vào cho phép hiển thị hình ảnh bạn đã đăng, vì trình chỉnh sửa CK và tương tự về cơ bản đưa html thô vào khối của bạn

Kiểm tra bài viết này tại đây - http://drupal.org/documentation/modules/filter . Nó sẽ cung cấp cho bạn mức thấp trong các định dạng đầu vào

Điều này có vẻ như là một quá trình khó khăn cho những người bắt đầu với Drupal, nhưng một khi bạn đã hiểu rõ về nó, tất cả sẽ có ý nghĩa.


1

Chỉ cần tải xuống ckeditor và cài đặt nó vào drupal 7 của bạn, sau đó cũng cài đặt tất cả các mô-đun lõi, bạn sẽ có thể đặt hình ảnh ngay cả video ở bất kỳ vị trí nào trong bất kỳ khối ckeditor nào. ckeditor có thể đưa ra vấn đề ua cho thấy một số lỗi bt đừng lo lắng chỉ cần cài đặt nó ant cài đặt lại nó. tôi đã sử dụng ckeditor_3.6.2-3_for_drupal_7 và làm việc cho tôi.


1

Cá nhân tôi chưa bao giờ là một fan hâm mộ của các biên tập viên WYSIWYG, thay vào đó tôi thích mã hóa PHP trực tiếp vào cơ thể. Những người thanh trừng Drupal trong số bạn chắc chắn sẽ kinh ngạc khi sử dụng PHP trong một khối nhưng nếu người dùng quản trị chỉ có thể truy cập được thì nó thực sự không phải là vấn đề.

Mặc dù đây là tất cả các câu trả lời hợp lệ và tất cả đều hoạt động trong trường hợp sử dụng cụ thể của riêng họ, phương pháp đơn giản nhất chỉ liên quan đến việc hình ảnh nằm trong thư mục chủ đề hiện được bật của bạn và đảm bảo rằng trường nội dung khối được bật cho mã PHP.

<?php 
$theme_name = 'name-of-enabled-theme';

/* optional parameters */
$alt_text = 'image-alt-text';
$image_width = '100';
$image_height = '200';
$image_class = 'the-class-name';
$image_id = 'the-id';

/* pass it all into theme_image() */
print theme('image', array(
                      'path' => drupal_get_path('theme', $theme_name) . '/path/to/image.jpg',
                      'alt' => $alt_text,
                      'width' => $image_width,
                      'height' => $image_height,
                      'attributes' => array(
                                        'class' => $image_class,
                                        'id' => $image_id
                      )));
?>

Điều này sẽ tạo ra đánh dấu HTML;

<img width="100" height="200" alt="image-alt-text" src="http://www.mydomain.com/sites/all/themes/mytheme/images/imagename.jpg" typeof="foaf:Image" id="the-id" class="the-class-name">

Hầu hết các thuộc tính / tham số thực sự không cần thiết vì nó thực hiện cùng một công việc khi tất cả những gì bạn chuyển vào chức năng chủ đề là tên chủ đề và đường dẫn hình ảnh và tên. Nếu bạn đang xây dựng một trang web đáp ứng thì không bao gồm các thuộc tính chiều rộng và chiều cao thay vào đó sử dụng tên lớp và đặt nó thành 100% trong CSS của bạn, giả sử phần tử bộ chứa hình ảnh cũng dựa trên tỷ lệ phần trăm theo bộ chứa của nó.

Tôi phải thừa nhận mặc dù thực tế là theme_image()hàm không tạo ra phần tử hình ảnh tự đóng ( <img />) luôn làm tôi bối rối :)


Bạn sẽ nhận được một upvote vì ghét các biên tập viên WYSIWYG, nhưng sau đó bạn đề nghị đưa PHP vào DB để bạn mất tôi. Bây giờ nếu bạn sử dụng hook_block_view...
Felix Eve

1

Tôi nghĩ bây giờ trong drupal 7 một tùy chọn tốt khác sẽ sử dụng mô-đun BEAN ("Bean là từ viết tắt của Block Entities Ar't Nodes"). Mô-đun này không đơn giản như Imageblock nhưng nó mở rộng các khối funtionality hơn nữa. Bạn có thể tạo "loại nội dung" cho các nút dưới dạng "khối thực thể". Không chỉ để hiển thị hình ảnh, cũng có nhiều hình ảnh, hoặc bất kỳ loại trường nào khác có sẵn trong hệ thống trường drupal. Tôi nhận được BEAN tìm kiếm một mô-đun loại chặn hình ảnh có tích hợp với mô-đun Media. Tôi sẽ thử một lần trong proyect hiện tại của tôi.

Mô-đun BEAN cũng được đề cập ở đây:

Bản phát hành cuối cùng là vào ngày 8-ngày 16 tháng 8 nhưng trạng thái Bảo trì là Tìm kiếm người bảo trì mới và Trạng thái phát triển chỉ là bản sửa lỗi Bảo trì.


0

Tôi đang sử dụng một giải pháp thực sự nhanh chóng và dễ dàng trên trình soạn thảo Drupal 7.22 - Wysiwyg với TinyMCE 3.5.8 và tôi cũng đã kích hoạt mô-đun IMCEcầu nối IMCE Wysiwyg

Bạn đã mở

Cấu hình -> Nội dung tác giả -> Cấu hình Wysiwyg -> Chọn Full HTML

hoặc cái nào bạn sử dụng?

Chỉnh sửa
Trong cài đặt, bạn phải mở Nút và plugin , gần như ở phía dưới là IMCE, biểu tượng thêm bạn để sử dụng trình quản lý tải lên của riêng nó.

Nó có thể sử dụng ở mọi nơi trên trang web, nơi có trình soạn thảo Wysiwyg.


1
Xin chào. Làm thế nào để trả lời câu hỏi của OP?
Mołot

0

Nhập mô-đun đậu .

Đậu là gì? Hãy nghĩ về Bean như một phương thức để cung cấp các loại mới (so với nút này sẽ là một loại nội dung) sau đó cung cấp giao diện thêm nội dung để tạo ra nhiều khối như bạn yêu cầu. Nội dung bean sau đó có thể được đặt xung quanh trang web giống như bất kỳ khối nào khác.

Hướng dẫn nhanh:

  1. Kích hoạt mô đun bean và bean_admin_ui.
  2. Tạo một loại đậu để lưu trữ hình ảnh.
  3. Thêm một trường hình ảnh. Cấu hình trường cho phù hợp với nhu cầu của bạn.
  4. Tạo các khối của loại mới.

0

Mô-đun khối hình ảnh

Khối hình ảnh là một mô-đun nơi người ta có thể tạo một khối đơn giản bao gồm một hình ảnh. Phiên bản 6.x của mô-đun này tích hợp với Imagecache và 7.x với Kiểu hình ảnh lõi của mô-đun Hình ảnh để định cỡ và thao tác hình ảnh động.

Cách sử dụng:

  1. Kích hoạt mô-đun khối hình ảnh.
  2. Điều hướng đến quản trị / xây dựng / khối.
  3. Nhấp vào liên kết "Thêm khối hình ảnh" trong menu tác vụ cục bộ.
  4. Định cấu hình khối hình ảnh của bạn và lưu.

0

Khối hình ảnh là một mô-đun nơi người ta có thể tạo một khối đơn giản bao gồm một hình ảnh. Phiên bản 6.x của mô-đun này tích hợp với Imagecache và 7.x với Kiểu hình ảnh lõi của mô-đun Hình ảnh để định cỡ và thao tác hình ảnh động.

https://www.drupal.org/project/imageblock


0

Có nhiều cách để thêm hình ảnh trong các khối. Một cách là:

  1. tạo kiểu nội dung và trường hình ảnh
  2. Tạo chế độ xem cho loại nội dung này và thêm trường hình ảnh trong chế độ xem
  3. Căn chỉnh một khối cho chế độ xem của bạn
  4. Thêm một hình ảnh bạn muốn hiển thị trong khối.
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.