هناك اضافات Plugins في الووردبريس تتيح لك ادراج مواضيع عشوائية اسفل كل تدوينة وبالتالي تتيح للزائر الاطلاع على مواضيع او تدوينات قد يحتاج الى قراءتها ، وتجد الكثير منها بمجرد بحثك في قسم الاضافات بالووردبريس عن Random Posts .
البعض الاخر لا يفضل الاضافات وانما يفضل ان يعدل على ملفات القالب ليقوم بإضافة مثل تلك الخاصية في قالبه دون الاضافات ، لان الاضافات تحتاج بين الحين والاخر إلى تحديث .
لذلك ورغبة من بعض الاخوان طرح طريقة ادراج مواضيع عشوائية (او مواضيع أخرى كما اسميتها في موقعي) فسأقوم بطرح كود PHP المواضيع العشوائية الذي استخدمه مع العلم اني كنت استخدم اضافة قبل هذا الكود ، بالاضافة الى ذلك سيتم طرح التنسيق CSS الذي استخدمه كما هو موضح بالصورة بالأعلى .
طبعاً المواضيع العشوائية ستكون داخل التدوينة اي سيتم استخدام ملف single.php واكثر القوالب ستجدها فيه والقليل من القوالب تستخدم ملفات عرض تدوينة أخرى لذلك عليك معرفة ذلك بنفسك من استخدامك للقالب .
قم بتحرير ملف single.php ثم ضع الكود التالي حيث تريد ظهور المواضيع العشوائية :
|
1 2 3 4 5 6 7 8 9 10 11 |
<div id="random-posts"> <h2>مـواضيـع أخــرى</h2> <ul> <?php $rand_posts = get_posts('numberposts=7&orderby=rand'); foreach($rand_posts as $post) : ?> <li><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a> </li> <?php endforeach; ?> </ul> </div> |
يمكنك تغيير مواضيع اخرى الى مواضيع عشوائية او كما تريد ، اضافة الى ذلك يمكنك زيادة او انقاص عدد التدوينات العشوائية التي تريد ظهورها من خلال تغيير القيمة ( 7 ) الموجودة في السطر الرابع الرقم الذي تريد حسب رغبتك في عدد المواضيع المعروضة .
الآن بقي التنسيق ، حرر ملف style.css الخاص بقالبك ثم اضف التنسيق التالي في نهايته :
|
1 2 3 4 5 6 7 8 9 |
#random-posts {background:#E4F2FD;border:1px solid #F8F2DC; width : 99.3% ; line-height : 14px ; margin-bottom:10px;font-size:14px;} #random-posts h2 {font:bold 18px arial; color:#000; background:#D4E9F9; text-align:right; padding:5px 10px 10px 0; text-shadow:#FFF7D6 0px 1px 1px;border-bottom:1px solid #CADDEC;border-right:10px solid #b4d4ed;} #random-posts ul li {display:block;padding:0px;border-bottom:1px solid #D7E8F6;line-height:20px;} #random-posts a {display:block; color:#000;text-shadow:#fff 0px 1px 0px; padding:5px;border-right:10px solid #b4d4ed;transition:all 0.5s linear;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;} #random-posts ul li a:hover {background:#DDECF8;color:#4E99D5;border-right:10px solid #94bcdc;} |
عليك التعديل على التنسيق CSS حتى تصل لنتيجة ترضيك .
شريط متحرك بالمواضيع العشوائية في الووردبريس
يمكنك ايضاً اضافة تلك المواضيع العشوائية في شريط متحرك تقوم بإضافته في اعلى المدونة ، راجع موضوع [ شريط متحرك لاخر التدوينات ] وان شئت ان تظهر التدوينات العشوائية في الشريط المتحرك استخدام كود PHP في الاعلى في نفس الشريط ، استخدم الكود التالي :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<marquee scrollAmount=1 scrollDelay=15 trueSpeed direction="right" onmouseover=this.stop(); onmouseout=this.start(); width="950" > <?php $rand_posts = get_posts('numberposts=7&orderby=rand'); foreach( $rand_posts as $post ) : ?> <a rel="nofollow" href="<?php the_permalink(); ?>"> <?php the_title(); ?></a> «» <?php endforeach; ?> </marquee> |
عليك انشاء التنسيق CSS الخاص به
