عـــاجل

قالب بلوجر احترافي محول من Wordpress

قالب بلوجر احترافي محول من Wordpress

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

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

مميزات القالب :
- محول من ووردبريس ( wordpress )
- قالب يتماشى مع جميع الشاشات بختلف احجامها ( Responsive )
- يتميز بسهولة إضافة الأدوات من تخطيط
- فيه أدوات و ملحقات مميزة مع القالب
- سلايدشو إحترافي
- يحتوي على schemas التي تساعد في تحسين الأرشفة
- ترقيم صفحات مميز
- إضافة قراءة المزيد أو التلخيص لا تنعطب
- صفحة خطأ إحترافية مع مربع البحث
- الوان اكثر من رائعة
- صفحة رئيسية رائعة و تحتوي على الكثير من الاقسام
و الكثير من المميزات الاخرى التي يمكنكم اكتشافها بانفسكم.

هذه صورة من القالب الخام 
قالب بلوجر احترافي محول من Wordpress

و للتعديل على القالب اتبعوا الشرح التالي :  
لجعل الاضافات التي في الصفحة الرئيسية تعمل بكفائة فقط قم باستبدال "كل" باسم القسم المراد اظهاره في الصفحة كما هو مبين في الصورتين التاليتين.
قالب بلوجر احترافي محول من Wordpress

قالب بلوجر احترافي محول من Wordpress


الان ننتقل لإضافة “الأكثر مشاهدة” . كيف تقوم باضافتها ؟  
قالب بلوجر احترافي محول من Wordpress
 يمكنك اضافتها من التخطيط عبر اضافة  HTML/JAVASCRIPT و لصق الكود التالي فيه.

<div class='posts-in-widget'> <div class='row-fluid modern-items-list'> <div class='flexslider' id='widget-id-widget-modern-posts-2-title'> <ul class='slides'> <script type="text/javascript"> var label1 = "كل"; document.write("<script src=\"/feeds/posts/default/-/"+label1+"?published&alt=json-in-script&callback=labelthumbs1\"><\/script>"); </script> </ul> <!-- End of UL Slides --> </div> <!-- End of Flexslider --> </div> <!-- End of row-fluid modern-items-list --> </div> <!-- End of posts-in-widget -->
و قم بتغيير "كل" باسم التسمية ( القسم ) المراد عرضه في هذه الاضافة. 
و نفس الطريقة للإضافات الأخرى و اكوادها هي التالي :

صندوق عداد المشتركين:
<div class="social-counter-metro"> <ul class="clearfix"> <!-- Facebook Fans --> <li class="fb-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Like</span> <a class="more" href="http://www.facebook.com/Dr.help.officiel" target="_blank"></a> </div> <div class="facebook"> <i class="facebook-sicon-48-white"></i> <span>82</span> <span class="fans">معجب</span> </div> </div> </li> <!-- Twitter Followers --> <li class="tr-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Follow</span> <a class="more" href="http://twitter.com/" target="_blank"></a> </div> <div class="twitter"> <i class="twitter-sicon-48-white"></i> <span>7</span> <span class="fans">متابع</span> </div> </div> </li> <!-- Youtube Subscribers --> <li class="yt-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Subscribe</span> <a class="more" href="www.youtube.com/user/DrHelpOfficiel" target="_blank"></a> </div> <div class="youtube"> <i class="youtube-sicon-48-white"></i> <span>20</span> <span class="fans">مشترك</span> </div> </div> </li> <!-- Vimeo Subscribers --> <li class="vm-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Subscribe</span> <a class="more" href="http://vimeo.com/" target="_blank"></a> </div> <div class="vimeo"> <i class="vimeo-sicon-48-white"></i> <span>1</span> <span class="fans">مشترك</span> </div> </div> </li> <!-- Dribbble Followers --> <li class="drb-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Follow</span> <a class="more" href="http://dribbble.com/" target="_blank"></a> </div> <div class="dribbble"> <i class="dribbble-sicon-48-white"></i> <span>0</span> <span class="fans">متابع</span> </div> </div> </li> <!-- RSS Feed --> <li class="rs-wrp"> <div class="btn-count"> <div class="social-counter-metro mask"> <span>Subscribe</span> <a class="more" href="http://3rab-help.com" target="_blank"></a> </div> <div class="rss"> <i class="rss-sicon-48-white"></i> <span>Subscribe</span> <span class="fans">To RSS Feed</span> </div> </div> </li> </ul> </div>

أحدث المقالات: 
<div class='posts-in-widget'> <div class='row-fluid modern-items-list'> <div class='flexslider' id='widget-id-widget-modern-posts-3-title'> <ul class='slides'> <script type="text/javascript"> var label2 = "كل"; document.write("<script src=\"/feeds/posts/default/-/"+label2+"?published&alt=json-in-script&callback=labelthumbs2\"><\/script>"); </script> </ul> <!-- End of UL Slides --> </div> <!-- End of Flexslider --> </div> <!-- End of row-fluid modern-items-list --> </div> <!-- End of posts-in-widget --> <script type='text/javascript'> //<![CDATA[ jQuery('#widget-id-widget-modern-posts-3-title').flexslider({ slideshow: false, animation: "slide", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in $jqSlider transitions. $jqSlider easing plugin is supported! direction: "horizontal" // String: Select the sliding direction, "horizontal" or "vertical" }); //]]> </script>

الأحدث: 
<ul class="media-list"> <script type="text/javascript"> document.write("<script src=\"/feeds/posts/default/?published&alt=json-in-script&callback=tabrecent\"><\/script>"); </script> </ul>

تعليقات:
 <script src="/feeds/comments/default?alt=json&amp;callback=comments&amp;&amp;max-results=50" type="text/javascript"> </script>

تابعنا على الفيسبوك: 
div class="social-fb-like-box"> <div class="fb-like-box" data-href="https://www.facebook.com/Dr.help.officiel" data-width="300" data-height="100%" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div> </div>

إعلانات:
<ul class="widget-sponsor clearfix w-adv-125x125"> <li> <a href="http://themeforest.net/item/adams-responsive-wordpress-news-magazine-blog/5736863?ref=serpentsoft" target="_blank"><img src="http://labs.serpentsoft.com/adams-wp/ar/wp-content/uploads/2013/11/ad-125-4.gif" alt="Adv_Widget" /></a> </li> <li> <a href="http://themeforest.net/item/adams-responsive-wordpress-news-magazine-blog/5736863?ref=serpentsoft" target="_blank"><img src="http://labs.serpentsoft.com/adams-wp/ar/wp-content/uploads/2013/11/ad-125-3.gif" alt="Adv_Widget" /></a> </li> <li> <a href="http://themeforest.net/item/adams-responsive-wordpress-news-magazine-blog/5736863?ref=serpentsoft" target="_blank"><img src="http://labs.serpentsoft.com/adams-wp/ar/wp-content/uploads/2013/11/ad-125-2.gif" alt="Adv_Widget" /></a> </li> <li> <a href="http://themeforest.net/item/adams-responsive-wordpress-news-magazine-blog/5736863?ref=serpentsoft" target="_blank"><img src="http://labs.serpentsoft.com/adams-wp/ar/wp-content/uploads/2013/11/ad-125-1.gif" alt="Adv_Widget" /></a> </li> </ul> 

أخبار في صور:
 <ul class="posts-in-images clearfix"> <script type="text/javascript"> var label = "كل"; document.write("<script src=\"/feeds/posts/default/-/"+label+"?published&alt=json-in-script&callback=nwespic\"><\/script>"); </script> </ul>

بالنسبة لاضافة الاسماء و الاقسام فالطريقة هي نفسها. فقط قم باستبدال كلمة "كل" من الاضافة باسم القسم المراد اضافته في نفس المكان. و اخيرا فاننا نود شكركم لدعمكم لنا  نتمنى ان نكون عند حسن ظنكم مستقبلا ! 
مصدر القالب الاصلي هو المساعد العربي
comments powered by Disqus