كيف أضيف صورة إلى كتلة في Drupal 7؟

قد يبدو هذا الجواب معقدًا بلا داع للإجابة على مثل هذا السؤال البسيط ، ولكن هذا لأنني لا أرغب في التخلي عن الأسماك ، أريد تعليم الصيد.

تشير الإجابات الأخرى إلى تضمين الصورة مباشرة في الكتلة باستخدام <img> بطاقة شعار. أنا شخصياً أعارض هذا الحل لأنه "لمرة واحدة" ويمنع بقية وظائف موقعك من التفاعل مع الصورة ، مثل إعادة التحديد التلقائي للصورة.

اقتراحان:

1. قم بتحميل الصورة إلى عقدة ، وقم بإنشاء طريقة عرض تسرد صورتك ، وقم بكشفها على أنها كتلة
2. استخدم اللوحات للتحكم في عرض صفحتك ، وإضافة الصورة أيضًا من العقدة

بينما أوصي بشدة باستخدام الألواح ، عادةً ما يكون الأمر معقدًا جدًا لإعداد وفهم Drupal للمبتدئين لذا قد ترغب في تخطي ذلك.

السؤال الأول - ما هو نوع الكتلة؟ إذا كانت مجرد كتلة جديدة قمت بإنشائها من رابط "إضافة كتلة جديدة" ، فيمكنك إما استخدام كود HTML ، أو كمحرر WYSIWYG (ما تراه هو ما تحصل عليه) لوضعه هناك.

السؤال الثاني - هل لديك وحدة WYSIWYG مثبتة؟

واحد جيد هو محرر CK الموجود هنا

ستحتاج أيضًا إلى أداة تحميل لتحميل صورك ، يستخدم الكثير من الأشخاص IMCE ، والذي يقع هنا

إذا قررت استخدام محرر CK ، فسيتعين عليك اختيار IMCE كأداة لتحميل الملفات

أيضًا ، بمجرد تثبيت هذه الوحدات النمطية ، سيكون عليك إنشاء تنسيق إدخال يسمح بعرض الصور التي قمت بنشرها ، حيث أن محرر CK وما شابه يضع بشكل أساسي html الخام في كتلة الخاص بك

تحقق من هذه المقالة هنا - http://drupal.org/documentation/modules/filter . سيعطيك انخفاض في تنسيقات الإدخال

قد تبدو هذه عملية شاقة بالنسبة لأولئك الذين يبدأون بـ Drupal ، ولكن بمجرد الحصول على تعليق لها ، سيكون كل شيء منطقيًا.

سيحتاج تنسيق النص المستخدم في الكتلة إلى السماح بالصور. إذا كنت تستخدم Filtered HTML ، يمكنك إضافة <img> علامة للعلامات المسموح بها ، أو يمكنك استخدام HTML الكامل (لا ينصح به عمومًا ، استخدم بحذر!). إذا كنت قد قمت بالفعل بتحميل الصورة عبر بروتوكول FTP ، فيمكنك تضمينها باستخدام شيء مثل <img src="/sites/default/files/image.jpg"/>.

إذا كنت تريد أن تكون قادرًا على تحميل الصور وإدراجها بسهولة عبر واجهة المستخدم ، فإن التركيبة الجيدة والمستخدمة غالبًا هي WYSIWYG API مع مكتبة CKeditor (ckeditor.com) و الوسائط الوحدة. إذا كنت تستخدم ذلك ، أضف فلتر الوسائط إلى تنسيق النص الخاص بك وقم بتكوين ملف تعريف WYSIWYG الخاص به لاستخدام CKeditor. يمكنك بعد ذلك استخدام زر "متصفح الوسائط" لتحميل وإدراج الصور (والوسائط الأخرى) عبر المحرر.

أعتقد الآن في drupal 7 خيار آخر جيد هو استخدام وحدة BEAN ("Bean هو اختصار يرمز إلى Block Entities ليست العقد)". هذه الوحدة ليست بسيطة مثل Imageblock ولكن إنها تمد الكتل الوظيفية أكثر من ذلك. يمكنك إنشاء "أنواع المحتوى" للعقد كـ "كيانات حظر". ليس فقط لعرض الصور ، أو صورًا متعددة ، أو أي نوع حقل آخر متاح في drupal نظام الحقل يمكنني الوصول إلى BEAN بحثًا عن وحدة نمطية لنوع صورة مع تكامل مع وحدة الوسائط. سأحاول في proyect الحالي.

تم تغطية وحدة BEAN أيضًا هنا:

• نظرة عامة على وحدة الفول
• إنشاء أنواع كتلة مع الفول

كان الإصدار الأخير في 8 أغسطس 16 ولكن حالة الصيانة هي البحث عن مشرف جديد وحالة التطوير هي إصلاحات الصيانة فقط.

فقط قم بتنزيل ckeditor وتثبيته على drupal 7 ثم قم أيضًا بتثبيت جميع الوحدات المقابلة U سوف تكون قادرة على وضع الصور حتى مقاطع الفيديو في أي موضع في أي مقطع ckeditor. بعض الأخطاء bt لا تقلق فقط قم بإلغاء تثبيته ، أعد استخدامه ، لقد استخدمت ckeditor_3.6.2-3_for_drupal_7 وعملت من أجلي.

أنا شخصياً لم أكن أبداً من محبي محرري WYSIWYG ، بدلاً من ذلك أفضل الترميز PHP مباشرة إلى الجسم. لا شك في أن المتشددون Drupal بينكم سيكونون خائفين من استخدام PHP في كتلة ولكن إذا كان يمكن الوصول إليها فقط من قبل المستخدم المشرف ، فليس هناك مشكلة حقًا.

في حين أن جميع هذه الإجابات صحيحة وتعمل جميعها في حالة استخدام خاصة بها ، فإن أبسط طريقة تتضمن مجرد وجود الصورة في دليل السمات الممكّنة حاليًا والتأكد من تمكين حقل نص المحتوى لرمز 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
                      )));
?>

سيؤدي هذا إلى ترميز 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">

معظم السمات/المعلمات غير مطلوبة حقًا لأنها تؤدي نفس المهمة عندما يكون كل ما تنتقل إليه في وظيفة السمة هو اسم السمة ومسار الصورة واسمها. إذا كنت تقوم بإنشاء موقع متجاوب ، فلا تقم بتضمين سمات العرض والارتفاع بدلاً من ذلك ، استخدم اسم الفئة وقم بتعيينه على 100٪ في CSS ، وهذا بافتراض أن عنصر حاوية الصورة يعتمد أيضًا على النسبة المئوية وفقًا للحاوية الخاصة به.

يجب أن أعترف بأن حقيقة أن وظيفة theme_image() لا تنتج عنصر صورة ذاتي الإغلاق (<img />) قد أزعجتني دائمًا :)

كتلة الصورة هي وحدة حيث يمكن للمرء إنشاء كتلة بسيطة تتضمن صورة. يتكامل الإصدار 6.x من هذه الوحدة النمطية مع Imagecache و 7.x مع أنماط الصور الخاصة بوحدة الصورة الأساسية لتغيير الحجم الديناميكي للصورة ومعالجتها.

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

هناك العديد من الطرق لإضافة الصور في الكتل. طريقة واحدة هي:

1. إنشاء نوع المحتوى وحقول الصورة
2. إنشاء طريقة عرض لنوع المحتوى هذا وإضافة حقل صورة في طريقة العرض
3. Asign كتلة لوجهة نظرك
4. أضف الصورة التي تريد عرضها في الكتلة.

كتلة الصورة الوحدة النمطية

كتلة الصورة هي وحدة حيث يمكن للمرء إنشاء كتلة بسيطة تتضمن صورة. يتكامل الإصدار 6.x من هذه الوحدة النمطية مع Imagecache و 7.x مع أنماط الصور الخاصة بوحدة الصورة الأساسية لتغيير الحجم الديناميكي للصورة ومعالجتها.

كيفية الاستخدام:

1. تمكين وحدة كتلة الصورة.
2. انتقل إلى admin/build/block.
3. انقر على رابط "إضافة صورة" في قائمة المهام المحلية.
4. تكوين كتلة الصورة الخاصة بك ، وحفظها.

أنا أستخدم حلاً سريعًا وسهلاً حقًا على بلدي Drupal 7.22 - Wysiwyg محرر مع TinyMCE 3.5.8 وقمت أيضًا بتمكين وحدة IMCE و IMCE جسر Wysiwyg

لقد فتحت

التكوين -> تأليف المحتوى -> ملفات تعريف Wysiwyg -> حدد HTML الكامل

أو أي واحد تستخدمه؟

تحرير
في الإعداد يجب عليك فتح الأزرار والمكونات الإضافية ، تقريبًا في الأسفل هو IMCE ، الذي يضيف لك رمزًا لاستخدامه مدير التحميل.

يمكن استخدامه في كل مكان على الموقع ، حيث يتوفر محرر Wysiwyg.

أدخل حبة الوحدة النمطية.

ما هو الفول؟ فكر في فول كطريقة لتقديم أنواع جديدة (مقارنة بالعقدة ، سيكون هذا نوعًا من المحتوى) والذي يوفر بعد ذلك واجهة إضافة محتوى لإنشاء الكتل التي تريدها. يمكن بعد ذلك وضع محتوى الفول حول الموقع تمامًا مثل أي كتلة أخرى.

تعليمات سريعة:

1. تمكين الوحدة النمطية bean_admin_ui.
2. قم بإنشاء نوع فول لاستضافة الصور.
3. أضف حقل صورة. قم بتكوين الحقل ليناسب احتياجاتك.
4. إنشاء كتل من النوع الجديد.