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

Posts tagged ‘برنامج’

عدد الصفحات بدون اضافة – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

هذا هو الشرح :

الطلبات :

1 – برنامج FTP لرفع الملفات

2 – برنامج notepad++ محرر النصوص

الخطوات :

قم بالدخول علي ملف functions.php وضع هذا الكود بنهاية الملف

function pagination($pages = ”, $range = 4)
{
     $showitems = ($range * 2)+1;
     global $paged;
     if(empty($paged)) $paged = 1;
     if($pages == ”)
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }
     if(1 != $pages)
     {
         echo “<div class=”pagination”><span>Page “.$paged.” of “.$pages.”</span>”;
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo “<a href='”.get_pagenum_link(1).”‘>&laquo; First</a>”;
         if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”‘>&lsaquo; Previous</a>”;
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? “<span class=”current”>”.$i.”</span>”:”<a href='”.get_pagenum_link($i).”‘ class=”inactive”>”.$i.”</a>”;
             }
         }
         if ($paged < $pages && $showitems < $pages) echo “<a href=””.get_pagenum_link($paged + 1).””>Next &rsaquo;</a>”;
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo “<a href='”.get_pagenum_link($pages).”‘>Last &raquo;</a>”;
         echo “</div>n”;
     }
}

ثم قم بالدخول علي ملف style.css وضع هذا الكود بنهاية الملف

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
.pagination a:hover{
color:#fff;
background: #3279BB;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

و قم بوضع هذا الكود بهذه الملفات :

index.php
archive.php
search.php

لاظهار ارقام الصفحات فى الرئيسيه والارشيف وصفحة البحث

<?php if (function_exists(“pagination”)) {
    pagination($additional_loop->max_num_pages);
} ?>

و بعد الانتهاء من التعديل علي الملفات قم برفعها علي ملف الاستايل

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

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

[تعريب كامل] collapsing categories قوائم ديناميكية توسع وتطوى – yourcolor

[تعريب كامل] collapsing categories قوائم ديناميكية توسع وتطوى (رائعة)

yourcolor.net

yourcolor.net

yourcolor.net
هذه أول إضافة معربة أضيفها في هذا المنتدى المتميز .. وأسأل الله أن يوفقني في تعريب المزيد من الإضافات التي تنفع إخواني في مدوناتهم .. وأبرأ إلى الله من كل من يستخدم هذه الإضافة وغيرها في غير طاعة الله
الإضافة: collapsing categories (قائمة التصنيفات المطوية)
وظيفتها: استخدام جافاسكربت لتوسيع وطي قائمة التصنيفات لترى التصنيفات الفرعية و/أو التدوينات المندرجة تحتها
برمجة
صفحة الإضافة: http://wordpress.org/extend/plugins/…ng-categories/
تحميل الإضافة (معربة):
هنا
شرح التركيب:
1- فك الضغط عن الملف ببرنامج winrar.
2- انسخ المجلد الناتج عن الملف المضغوط والصقه في مسار wp-contentplugins.
3- قم بتفعيل الإضافة من لوحة التحكم (ستجدها باسم “قائمة التصنيفات المطوية”).
4- اذهب إلى (مربعات القائمة الجانبية) وأضف الإضافة إلى إحدى قوائمك الجانبية عن طريق السحب والإفلات.
ملحوظة: لمن ليس عنده قوائم جانبية ديناميكية ، فليذهب إلى ملف sidebar.php ضمن ملفات القالب الذي يستخدمه ، ويضيف هذا الكود في المكان المناسب (لم أجرب الكود ولست متأكد منه):

<?php
echo “<ul class=’collapsCatList’>n”;
if (function_exists(‘collapsCat’)) {
collapsCat();
} else {
wp_get_categories(‘your_options_here’);
}
echo “</ul>n”;
?>

5- قم بالتعديل في الخيارات الموجودة كما تشاء.
ملحوظة: من قام بتركيب إضافة “ترتيب التصنيفات” My Category Order لا يقلق ، فهذه الإضافة -القوائم المطوية- تدعم ترتيب التصنيفات عن طريق أوامر الإضافات order مثل الموجودة في إضافة ترتيب التصنيفات هذه ، ويستحسن تركيب الإضافتين ، ومن قام بتركيب الإضافتين فعليه أن يختار خيار (أمر التصنيف المعد مسبقًا) المندرج تحت قائمة (رتّب التصنيفات حسب) كما موضح بالصورة أعلاه.

كيف تستخدم إضافة yourcolor – FeatureMe


كيف تستخدم إضافة FeatureMe


yourcolor.net

 yourcolor.net


yourcolor.net

سألني أحد القراء عن
إضافة FeatureMe تسمح لك هذه الإضافة بعرض “التدوينات المميّزة” أو “أهم المواضيع”
على شكل شاشة دينماكية متحركة. أنظر الصورة أعلاه أو أعلى الصفحة في هذا القالب
للمعاينة. بالطبع، هنا أنا أستخدمها في ضمن إطار خاص بالقالب ولكنك تستطيع
إستخدامها على حدة. سأشرح لك في هذه التدوينة كيف تقوم بذلك بالضبط


إضافة FeatureMe

هدف
الإضافة

عرض شاشة متحركة بالتدوينات المميّزة.

مثال حي

أنظر أعلى الصفحة في هذا القالب.

تعريب

لا تحناج. هذه إضافة بسيطة جداً.

طريقة العمل

1- حمّل الإضافة واستخرج محتواها

2- إرفع مجلد الإضافة إلى مجلد wp-content>plugins بإستخدام برنامج FTP (لمزيد من
التفاصيل راجع تدوينتي هذه)

3- إذهب إلى قسم الإضافات (Plugins) في لوحة التحكم وقم بتفعيلها (Activate)

4- إذهب إلى صفحة التدوين في محرر ووردبرس وأضف تدوينة

5- قم بتحديد إعدادات التدوينة كما يلي:

إذهب إلى قسم الخصائص الإضافية وقم بصنع خاصية إسمها thumbnail وقيمتها تساوي مسار
الصورة الخاصة بالتدوينة على موقعك.

أنقر على أو إختار مربع “This is a cool entry, feature it” في أسفل صفحة محرر
التدوينة.

6- لوضع الإضافة في مدونتك إستخدم الكود التالي (في ملف header.php مثلاً):


حيث
max_posts تساوي عدد التدوينات المميّزة التي تريد عرضها.


بالطبع، لتحديد شكل أو طريقة عرض التدوينات المميّزة عليك
أن تصنع كلاس خاص بها في ملف الستايل وأن تضع هذا الكود
داخله.

هذا كل
شيئ. بالتوفيق، وما عليكم إلأ السؤال إن إحتجتم أي مساعدة.


yourcolor.net

yourcolor-featureme

للتحميل

معرض الوسوم