اذهب إلى المحتوى
  • 0

كيف أنقل أول صورة في التدوينة إلى مكان آخر في المدونة تلقائيا على منصة بلوجر؟

جمهورية ستاردول

السؤال

السلام عليكم و رحمة الله و بركاته.

كيف يمكن نقل أول صورة في التدوينة إلى مكان آخر في المدونة تلقائيا، علما أن الصورة ستظهر في القائمة الجانبية، وأول صورة في الموضوع سيتم حذفها أو إخفاؤها تلقائيا أيضا.

تم التعديل في بواسطة عبد الهادي اطويل
التدقيق اللغوي
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 2

فكرت في طريقة جديدة من خلال css فقط، حيث نجعل css تخفي أول صورة في التدوينة فقط دون غيرها، وذلك عن طريق استعمال الكود التالي:

.post-body div.separator:first-of-type {
	display: none;
}

أضيفيه إلى أكواد css الخاصة بالقالب، وتحققي من عمله.

مرجع:

https://developer.mozilla.org/en-US/docs/Web/CSS/%3afirst-of-type

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

وعليكم السلام ورحمة الله وبركاته.

بالنسبة للكود الذي يمكننا من نقل الصورة إلى مكان ضمن التدوينة نفسها، فهو يفترض أن يكون ضمن كود التدوينة، وبالتالي فشخصيا لا أعرف طريقة تمكن من نقل الصورة خارج التدوينة، مثل القائمة الجانبية مثلا، إلا إن تم التحكم فيها بطريقة ما من خلال css بنقلها مع جعل الكود هو نفسه الموجود في الإجابة على السؤال التالي:

أما فيما يخص حذف أو إخفاء أول صورة من التدوينة، فإن حذفها لا ينصح به، لأنها إذا حذفت من التدوينة فلن يكون بالإمكان أصلا إظهارها بمكان آخر بالتدوينة، لذلك سوف نتحدث عن إخفائها تجنبا لتكرار ظهورها بالتدوينة نفسها.
إخفاء أول صورة لن يكون عملا تلقائيا بشكل كامل، بل سيتوجب معه إجراء تعديل بسيط على كود الصورة بعد إضافتها للتدوينة، حيث بعد إضافة الصورة للتدوينة ننقر على تبويب HTML من خلال المحرر، ثم نضيف وسما css إلى الصورة مثلا: hide-pic، ويكون ذلك من خلال إجراء تعديل طفيف على كود الصورة الذي يبدأ في العادة بالكود التالي:

<div class="separator" style="clear: both; text-align: center;">

وكل ما علينا فعله أن نغير الوسم separator بوسمنا hide-pic ليصبح السطر أعلاه كما يلي:

<div class="hide-pic" style="clear: both; text-align: center;">

وكل ما علينا فعله الآن هو إضافة كود إلى css الخاص بالقالب للتحكم في الوسم hide-pic وجعل الصورة تختفي متى أضفنا إليها ذلك الوسم، وهذا مقال عن كود css الكفيل بإخفاء الصورة:

.hide-pic {
	display: none;
}

هذا ما في جعبتي بخصوص هذا السؤال :)

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...