تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

yourcolor.net

YourColor.Net

yourcolor.net

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

اليوم سنتحدث عن حل لمشكلة واجهتني عندما كنت احب اشارك تدوينة على الفيسبوك والمشكلة هي انه يجب عليك كل مرة تحب مشاركة التدوينة ان تبحث في الصور الصغيرة بجانب المقتطف عن الصورة المصغرة الخاصة بالتدوينة وهذا هو المشكل لهذا قمت بالبحث عن حل حتى وجدت طريقة بسيطة يمكن القيام بها بكل سهولة وهي مهمة حتى اذا كان غيرك يود المشاركة فلن يجلس يبحث لك عن الصورة الحقيقة لتدوينة المهم ندخل في صلب الموضوع الامر كله يعتمد على هذا الكود البيسط

<link rel="image_src" href="رابط الصورة" />

هذا الكود سنقوم بوضعه في الترويسة ولكن يحتاج الى بعض التعديل حتى يشتغل تلقائيا مع ووردبريس لكن حتى يشتغل تلقائيا لابد من ان يدعم القالب الصور المصغرة وهناك ونوعا منها :

  1. استعمال الخاصية الجديدة في ووردبريس لصور المصغرة Thumbnail
  2. استعمال سكريبت Timthumb لعرض الصور المصغرة

المهم اذا كان القالب لا يدعم احدى هذه الطرق فما عليك سوى ان تقوم بتطبيقها لقالبك من خلال الروابط اعلاه وفي حالة كان يدعمها ما عليك سوى الانتقال الى الخطوة التاليةعلى حسب كل خاصية :

Thumbnail

نقوم بفتح ملف header.php وقبل الوسم </head>نقوم بلص الكود التالي :

<?php if (is_single()) { ?>
<?php global $wp_query; $postid = $wp_query->post->ID; ?>
<link rel="image_src" href="<?php if (has_post_thumbnail()) {
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), ´thumbnail_name´);
echo $thumb[0]; // thumbnail url
} ?>" />
<?php } ?>

في هذه الحالة الكود يقوم باستعمال الصورة البارزة التي قمت بتحديدها عند كتابة تدوينة. قم بحفظ الملف وجرب تشارك تدوينة لكي ترى النتيجة

Tim thumb

بالنسبة لهاذا السكريبت فنفس طريقة نقوم بفتح ملف الترويسة header.php وقبل الوسم </head>نقوم بلصق الكود التالي :

<?php if (is_single()) { ?>
<?php global $wp_query; $postid = $wp_query->post->ID; ?>
<link rel="image_src" href="<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>" />
<?php } ?>

في هذه الحالة الكود يقوم باستعمال الصورة المصغرة التي قمت بتحديدها في الحقل المخصص على حسب الاسم الذي تستعمله انت. قم بحفظ الملف وجرب تشارك تدوينة لكي ترى النتيجة

صورة توضيحية

هذه الصورة توضح كما ترون انه تم اختيار صورة واحدة لا اكثر خلافا لما كنا عليه في السابق فستلاحظ ان الفيسبوك بحث عن جميع الصور الموجودة في موقعك ثم انت تختار ايها المناسبة

YourColor.Net   خاتمة

ارجوا ان تستفيدوا من هذه الطريقة فهي مهمة لزوارك ولك ايضا ولن تجعلك تننتظر بعض التواني حتى يحمل الفيسبوك جميع الصور من مدوتنك ليترك لك اختيار ايهما المناسبة اذا كان هناك اي استفسار يرجى وضع تعليق

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

الاكاديمية العربية لفنون التصميم و الجرافيك

أضف تعليق

معرض الوسوم