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

طريقة عمل الاضافة

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

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

شرح الاستخدام

فقط قم بتفعيل الاضافة والدخول الى خيارات الاضافة ثم اختيار الثيم bluesteel وعمل تفعيل لة

لتحميل الاضافة

wp-mobile-detector

سنقوم اليوم إن شاء الله بشرح طريقة إضافة المصغرات المدمجة مع الإصدارات الجديدة للـ WordPress عن طريق ملف Functions.php الموجود في مجلد القالب المفعل للمدونة.

1- التعديل على الملف Functions.php :

نتوجه للقالب المستخدم للمدونة و نفتح ملف Functions.php و نقوم بإضافة الأسطر التالية من أجل تفعيل الإضافة….

add_theme_support(‘post-thumbnails’);

// التأكد من استدعاء الاضافة للووردبريس 2.9 أو أعلى
// التأكد من وجود الإضافة و تفعيلها

if ( function_exists(‘add_theme_support’) ) {
add_theme_support(‘post-thumbnails’);
}
[/html]

و يمكن التحكم في حجم المصغرات عن طريق:

2- استدعاء الصورة في دالة الدوران و عرضها:

ضمن ‘if have_posts()’ الخاصة بالدوران، نقوم باستدعاء الكود التالي:

حيث ستقوم الووردبريس بإضافة المصغرة مباضرة عند إدراجها في الموضوع، و يمكننا التحكم في شكل الصورة من خلال الـ CSS.
و لجعل التحكم كليا عن طريق الشرط نستخدم الكود التالي:

و في صفحة كتابة الموضوع ستجد مكان جديد لإضافة الصورة و هو سهل التعامل (عربي) لا داعي لشرحه.

و هذا مثال بسيط بعد التطبيق من مدونتي التجريبية:

]]> http://portal.fwasl.com/%d8%a3%d8%b6%d9%81-%d9%85%d8%b5%d8%ba%d8%b1%d8%a7%d8%aa-%d9%84%d9%85%d9%88%d8%a7%d8%b6%d9%8a%d8%b9%d9%83-%d8%a8%d8%af%d9%88%d9%86-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9/feed/ 1 http://portal.fwasl.com/%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a8%d8%af%d9%88%d9%86-%d8%a7%d8%b6%d8%a7%d9%81%d8%a7%d8%aa/ http://portal.fwasl.com/%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a8%d8%af%d9%88%d9%86-%d8%a7%d8%b6%d8%a7%d9%81%d8%a7%d8%aa/#comments Thu, 05 Jan 2012 16:47:04 +0000 http://www.portal.fwasl.com/?p=6140 السلام عليكم ورحمه الله وبركاته

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

قمت بتجربه معظم اضافات ارقام الصفحات ولكن بدون اضافه افضل

وحبيت اضيف الموضوع هنا فى عرب ووردبريس حتى يستفيد بها الكثيرين غيرى من يبحث عن اضافه ارقام الصفحات

والان مع الشرح :

بسم الله

الشكل النهائى

يمكنك مشاهده مثال مباشر من هنــــــــــــــــا

المتطلبات
1 – اى برنامج ftp لرفع الملفات
2 – برنامج محرر نصوص notepad++

الملفات التى سيتم التعديل عليها
functions.php
style.css
index.php
archive.php
search.php

(((((( ملحوظه هامه : قم باخذ نسخه احتياطيه من الملفات السابقه ))))))

اولا نضع الكود التالى فى ملف functions.php

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";
}
}
[/html]

ثانيا : وضع الكود التالى فى نهاية ملف style.css

.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;
}
[/html]

ثالثا : وضع الكود التالى فى ملفات
index.php
archive.php
search.php
لاظهار ارقام الصفحات فى الرئيسيه والارشيف وصفحة البحث

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

تم بحمد لله

]]> http://portal.fwasl.com/%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a8%d8%af%d9%88%d9%86-%d8%a7%d8%b6%d8%a7%d9%81%d8%a7%d8%aa/feed/ 0 http://portal.fwasl.com/%d8%ad%d9%8a%d9%84%d8%a9-%d9%88%d8%b6%d8%b9-%d8%b1%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d9%85%d8%b5%d8%af%d8%b1-%d8%a7%d8%ab%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%86%d8%b3%d8%ae-%d9%88-%d8%a7%d9%84%d9%84%d8%b5/ http://portal.fwasl.com/%d8%ad%d9%8a%d9%84%d8%a9-%d9%88%d8%b6%d8%b9-%d8%b1%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d9%85%d8%b5%d8%af%d8%b1-%d8%a7%d8%ab%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%86%d8%b3%d8%ae-%d9%88-%d8%a7%d9%84%d9%84%d8%b5/#comments Thu, 05 Jan 2012 16:44:12 +0000 http://www.portal.fwasl.com/?p=6133 اكبر مشكلة تواجه الانترنت العربي هي النسخ و الصق دون وضع رابط مصدر احتراماً للناشر

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

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

سنعمل على قالب twentyten الافتراضي وبداية نقوم بنسخ page.php الى ملف جديد ونعيد تسميته الى page-contact.php

نقوم بعد ذلك باضافة الكود التالي الى بداية الملف الذي أنشأناه

يفترض أن يكون شكل الملف كما يلي

print?
01.<!–?php <br ?–> 02./*
03.Template Name: Contact
04.*/
05.?&gt;
06.<!–?php get_header(); ?–>
07.
<div id="container">08.
<div id="content">09.<!–?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?–>
10.
<div id="post-<?php the_ID(); ?>">&gt;
11. <!–?php if ( is_front_page() ) { ?–>
12.
<h2></h2>
13. <!–?php } else { ?–>
14.
<h1></h1>
15. <!–?php } ?–>
16.
<div>17. <!–?php the_content(); ?–>
18. <!–?php wp_link_pages( array( ‘before’ =–>’
<div>’ . __( ‘Pages:’, ‘twentyten’ ), ‘after’ =&gt; ‘</div>
‘ ) ); ?&gt;
19. <!–?php edit_post_link( __( ‘Edit’, ‘twentyten’ ), ‘<span–>’, ” ); ?&gt;
20.

</div>
<!– .entry-content –>

</div>
<!– #post-## –>
<!–?php comments_template( ”, true ); ?–>
<!–?php endwhile; ?–>

</div>
<!– #content –>

</div>
<!– #container –>
<!–?php get_sidebar(); ?–>
<!–?php get_footer(); ?–>
[/html]

المرحلة التالية سنقوم بانشاء نموذج الاتصال

ولعمل ذلك قم بلصق الكود التالي بداخل div الـ entry-content

<form id="contactForm" action="<?php the_permalink(); ?>" method="post">

<ul>
<ul>.
<li>04. <label for="contactName">الاسم</label>
<input id="contactName" type="text" name="contactName" value="" /> .</li>
</ul>
</ul>
<ul>
<li>08. <label for="email">البريد الالكتروني</label>
.
<input id="email" type="text" name="email" value="" /> 10.</li>
</ul>
&nbsp;

<ul>
<li>12. <label for="commentsText">الرسالة</label>
. <textarea id="commentsText" name="comments" rows="5" cols="80"></textarea>
.</li>
</ul>
&nbsp;

<ul>
<li>16. <button type="submit">ارسال</button>
.</li>
</ul>
&nbsp;

<input id="submitted" type="hidden" name="submitted" value="true" /> .

</form>
[/html]

المرحلة التالية هى معالجة البيانات ورسائل الخطأ

قم بنسخ الكود التالي ما بين كود الاعلام بالقالب الذي أنشأناه بأول خطوة وبين كود

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

<form id="contactForm" action="<?php the_permalink(); ?>" method="post">
.
<ul>
<ul>.
<li>60. <label for="contactName">الاسم:</label>
.
<input id="contactName" type="text" name="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" />
. <!–?php if($nameError != ”) { ?–>
. <span>ادخل الاسم</span>
. <!–?php } ?–>
.</li>
</ul>
</ul>
.
<ul>
<li>67. <label for="email">البريد الالكتروني :</label>
.
<input id="email" type="text" name="email" value="<?php if(isset($_POST['email']))<span /&gt;
. <!–?php if($emailError != ”) { ?–>
.
. <!–?php } ?–>
72.</li>
</ul>
&nbsp;

.
<ul>
<li><label for="commentsText">الرسالة :</label>
.<textarea id="commentsText" name="comments" rows="5" cols="80">&lt;?php if(isset($_POST['comments'])) { if(function_exists(‘stripslashes’)) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?&gt;</textarea>
. <!–?php if($commentError != ”) { ?–>
.
. <!–?php } ?–>
.</li>
</ul>
&nbsp;

.
<ul>
<li>.
<input type="submit" value="ارسال" />81.</li>
</ul>
&nbsp;

.

.
<input id="submitted" type="hidden" name="submitted" value="true" /> .

</form>85. <!–?php } ?–>
.

</div>
<!– .entry-content –>
.

</div>
<!– #post-## –>
.<!–?php comments_template( ”, true ); ?–>
.<!–?php endwhile; ?–>
.

</div>
<!– #content –>
.

</div>
<!– #container –>
.<!–?php get_sidebar(); ?–>
[/html]

الآن نكون قد انتهينا ويمكنك استخدام هذا النموذج بانشاء صفحة جديدة من لوحة تحكم الوردبريس ثم اختيار نموذج contact لتشاهد النتيجة بنفسك