قالب بلوجر احترافي محول من Wordpress
قالب بلوجر احترافي محول من Wordpress
السلام عليكم و رحمة الله تعالى و بركاته.
الكثير من زوارنا الكرام و متتبعينا قد اعجبهم القالب اذي نستعمله الان. و هذا طبيعي جدا لان القالب يبدوا جيدا و انيقا و يتوفر على الوان زاهية تريح العين و تعطي قيمة للمحتوى. و الان و بمناسبة مرور شهر كامل على افتتاح المدونة نحن نود ان نقدم هذا القالب
كهدية لمتتبعينا الكرام. طبعا هي هذه الهدية ليست قيمة جدا لكنها مجرد بداية و نحن نطمح لتقديم الافضل ان شاء الله عز و جل.
مميزات القالب :
- محول من ووردبريس ( wordpress )
- قالب يتماشى مع جميع الشاشات بختلف احجامها ( Responsive )
- يتميز بسهولة إضافة الأدوات من تخطيط
- فيه أدوات و ملحقات مميزة مع القالب
- سلايدشو إحترافي
- يحتوي على schemas التي تساعد في تحسين الأرشفة
- ترقيم صفحات مميز
- إضافة قراءة المزيد أو التلخيص لا تنعطب
- صفحة خطأ إحترافية مع مربع البحث
- الوان اكثر من رائعة
- صفحة رئيسية رائعة و تحتوي على الكثير من الاقسام
و الكثير من المميزات الاخرى التي يمكنكم اكتشافها بانفسكم.
هذه صورة من القالب الخام
و للتعديل على القالب اتبعوا الشرح التالي :
لجعل الاضافات التي في الصفحة الرئيسية تعمل بكفائة فقط قم باستبدال "كل" باسم القسم المراد اظهاره في الصفحة كما هو مبين في الصورتين التاليتين.
الان ننتقل لإضافة “الأكثر مشاهدة” . كيف تقوم باضافتها ؟
يمكنك اضافتها من التخطيط عبر اضافة 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&callback=comments&&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>
بالنسبة لاضافة الاسماء و الاقسام فالطريقة هي نفسها. فقط قم باستبدال كلمة "كل" من الاضافة باسم القسم المراد اضافته في نفس المكان. و اخيرا فاننا نود شكركم لدعمكم لنا نتمنى ان نكون عند حسن ظنكم مستقبلا !
مصدر القالب الاصلي هو المساعد العربي