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

Posts tagged ‘كود’

عرض التاريخ داخل المدونة بصيغة المدة – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

طريقة عرض التاريخ بصيغة المدة يدويا

نبحث عن الكود التالي :

<?php the_time(´j F, Y´) ?>
نقوم باستبداله بالكود التالي :
نشرت منذ: <?php echo human_time_diff(get_the_time(´U´), current_time(´timestamp´)) . ´ ´; ?>

طريقة عرض التاريخ بصيغة المدة بواسطة الاضافة

هذه اضافة Easy Relative Date تقوم بنفس العمل ولكن تحتاج تعريب

طريقة تركيب الضافة بسيطة كالمعتاد عند تركيب وتفعيل الاضافة قم بالبحث عن الكود التالي :

<?php the_time(´j F, Y´) ?>
واستبدله بالكود التالي :
<?php if(!function_exists('easy_relative_date'))
{the_time('F jS, Y');
} else {
echo easy_relative_date(get_the_time('U')); }
?>

لتحميل الاضافة من هنا : easy-relative-date
لتحميل الاضافة معربة من هنا : easy-relative-date-arabic

ملحوظة :

 بالنسبة للاضافة المعربة قمت بتعريب ملف php لانه واجهتني مشاكل في ملف التعريب

الى اللقاء في تدوينة جديدة انشاء الله

اذا كان هناك اي استفسار يرجى وضع تعليق

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

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

خلاصة المدونة وحرية الاختيار – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

اول شيئ يجب عليك الاشتراك في موقع  FeedBurner اصبح تابعا لخدمات جوجل ويعتبر هذا الموقع من أكبر المواقع التي توفر لمدونتك او منتداك خدمة الـ RSS لما يقدمه الموقع من خدمات كثيرة تهدف جميعها إلى جلب أكبر عدد من الزوار لمدونتك والحصول على زوار دائمين يتابعون جديد مدونتك دون عناء أو نسيان،على فكرة تحتاج حساب (Gmail) قم بزيارة موقع FeedBurner وقم بتسجيل الدخول عن طريق حسابك Gmail

ندخل الان في صلب الموضوع , بعد اشتراكك في موقع FeedBurner نقوم بانشاء خلاصات لجميع التصنيفات

ملحوظة :

سوف نشرح طريقة عمل خلاصات لتصنيف واحد والتصنيفات الاخرى نقوم بنفس الطريقة

نقوم باخد رابط التصنيف مثلا :

http://yourcolor.net/category/adsense/

لاحظ الصورة التالية :

YourColor.Net

بعد اخد رابط التصنيف نضيف اليه الكلمة التالية feed بالشكل التالي :

http://yourcolor.net/category/adsense/feed/

الان نقوم بانشاء خلاصات من موقع FeedBurner لجميع التصنيفات المتواجدة في الموقع

قم باضافة رابط خلاصات التصنيف واضغط على Next

YourColor.Net

لاحظ معي في هذه الصورة قمت باضافة اسم الموقع واسم التصنيف بجانبه ضروري حروف باللاتينية واضغط على Next

YourColor.Net

الان ستظهرلك رسالة نجاح انشاء الخلاصة لتصنيف الذي اضفناه

YourColor.Net

هنا تضيف بعض الخصائص للخلاصات

YourColor.Net

الان نقوم بتفعيل خاصية لتفعيل خدمة الاشتراك عن طريق البريد

YourColor.Net

YourColor.Net

YourColor.Net

 الان نسخ هذا الكود ولاحظ الكلمة المشار اليها بالاحمر هي التي تهمنا

YourColor.Net

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

لدينا كود الخلاصات بالشكل التالي :

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=wpportal-adsense´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="wpportal-adsense" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

اولا نقوم باضافة دالة (categoryfeed$) الى الرابط التالي في الكود اعلاه:

onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´
الان نحتاج مصفوفة لتعامل مع الخلاصات التي قمنا بإنشائها بالشكل التالي :
<?php
$cast = array(´wpportal´ => ´الخلاصات كاملة´,
              ´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
foreach($cast as $categoryname => $categoryfeed) {
  echo "<option value="$categoryname">$categoryfeed</option>n";
}
?>

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

http://feeds.feedburner.com/wpportal

http://feeds.feedburner.com/wpportal-plugins

http://feeds.feedburner.com/wpportal-adsense

http://feeds.feedburner.com/wpportal-install-upgrad

http://feeds.feedburner.com/wpportal-lessons

http://feeds.feedburner.com/wpportal-general

http://feeds.feedburner.com/wpportal-problem-and-solution

http://feeds.feedburner.com/wpportal-tips

http://feeds.feedburner.com/wpportal-articles

الكود يصبح بالشكل التالي :

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true">
<p>يمكنك الاشتراك في التصنيف الذي تحب : <select name="uri">
<?php
$cast = array(´wpportal´ => ´الخلاصات كاملة´,
              ´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
foreach($cast as $categoryname => $categoryfeed) {
  echo "<option value="$categoryname">$categoryfeed</option>n";
}
?>
</select></p>
<p>أدخل بريدك الاإلكتروني : <input type="text" style="width:140px" name="email"/></p>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="اشترك الان" />
</form>
وهذا مثال على عمل الكود :
YourColor.Net
هناك طريقة اخرى عوض القائة المنسدلة وهى (checkbox)
<p class="post-share">
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true">
<p>يمكنك الاشتراك في التصنيف الذي تحب :<br>
<?php
$cast = array(´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
echo "<input type="radio" name="uri" value="wpportal" checked>الخلاصات كاملةn";
foreach($cast as $categoryname => $categoryfeed) {
  echo "<input type="radio" name="uri" value="$categoryname">$categoryfeedn";
}
?></p>
<p>أدخل بريدك الاإلكتروني : <input type="text" style="width:140px" name="email"/></p>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="اشترك الان" />
</form>
وهذا مثال :
YourColor.Net

الى هنا نكن قد انتهينا والى اللقاء في تدوينة جديدة انشاء الله

اذا كان هناك اي استفسار يرجى وضع تعليق

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

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

كيف يمكن ان تجعل فيس بوك يختار الصورة المناسبة عند مشاركة التدوينة – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

<link rel="image_src" href="رابط الصورة" />

هذا الكود سنقوم بوضعه في الترويسة ولكن يحتاج الى بعض التعديل حتى يشتغل تلقائيا مع ووردبريس لكن حتى يشتغل تلقائيا لابد من ان يدعم القالب الصور المصغرة وهناك ونوعا منها :

  1. استعمال الخاصية الجديدة في ووردبريس لصور المصغرة Thumbnail
  2. استعمال سكريبت Timthumb لعرض الصور المصغرة

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

Thumbnail

نقوم بفتح ملف header.php وقبل الوسم </head>نقوم بلص الكود التالي :

<?php if (is_single()) { ?>
<?php global $wp_query; $postid = $wp_query->post->ID; ?>
<link rel="image_src" href="<?php if (has_post_thumbnail()) {
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), ´thumbnail_name´);
echo $thumb[0]; // thumbnail url
} ?>" />
<?php } ?>

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

Tim thumb

بالنسبة لهاذا السكريبت فنفس طريقة نقوم بفتح ملف الترويسة header.php وقبل الوسم </head>نقوم بلصق الكود التالي :

<?php if (is_single()) { ?>
<?php global $wp_query; $postid = $wp_query->post->ID; ?>
<link rel="image_src" href="<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>" />
<?php } ?>

في هذه الحالة الكود يقوم باستعمال الصورة المصغرة التي قمت بتحديدها في الحقل المخصص على حسب الاسم الذي تستعمله انت. قم بحفظ الملف وجرب تشارك تدوينة لكي ترى النتيجة

صورة توضيحية

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

YourColor.Net   خاتمة

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

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

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

كيف تحمي مدونتك من الإختراق – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

مع الانتشار الواسع لسكربت التدوين وردبرس أصبح أكثر عرضةً للإختراق او بالأصح أصبح هدفا كبيرا للمخترقين وخصوصا الذين يهدفون الى فرد العضلات, في هذا الموضوع سأذكر بعض النصائح لكي تحمي مدونتك من الإختراق ولكن لا تنسى أن أفضل وسيلة للحفاظ على عملك هي أخذ نسخة احتياطية من قاعدة البيانات بشكل دوري.

قم بأخذ نسخة احتياطية قبل التعديل على أي ملف!!!

أولاً

  • ابقى على اطلاع على مدونة تطوير الوردبرس لتتعرف على آخر الترقيعات الأمنية, لانك بذلك ستمنع أي محاولة اختراق باستخدام الثغرات المعروفة والمكتشفة.

  • تأكد من أن مدونتك تستعمل آخر إصدار من الوردبرس.

ثانياً

من المؤكد انك جربت الكثير من الإضافات على سبيل الفضول مثلاً, احذف كل الإضافات الغير مستعملة او التي لا تستعملها, وتأكد من أن جميع الإضافات التي تستعملها في آخر إصدار.

yourcolor.net

ثالثاً

 yourcolor.net

  • استعمل باسورد معقد نسبيا, ليس سهل التخمين مثل (اسمك,رقم هاتفك).

  • حافظ على جهازك من الفايروسات, لانه اذا تم اختراق جهازك فسيتم اختراق المدونة أيضاً.

  • استعمل إضافة Login Lockdown , وظيفة عملها هو منع اكثر من مثلاً 5 محاولات دخول خاطئة للوحة التحكم.

  • احصر الدخول للوحة التحكم لل IP الخاص بك فقط عن طريق اضافة الكود التالي لملف htaccess. الموجود في مجلد wp-admin

مع مراعاة تغيير xxx.xxx.xxx.xxx لل IP الخاص بك.

Order Deny,Allow
Deny from all
Allow from xxx.xxx.xxx.xxx

رابعاً

yourcolor.net

  • عند تثبيت المدونة لأول مرة غير بادئة الجدول (prefix) بإضافة بعض الحروف أو الارقام لتمنع استغلال الثغرات في حقن قاعدة البيانات (zero-day SQL Injection)

  • إذا كنت مثبت الWordPress حاليا فهناك إضافة تمكنك من تغيير بادئة الجدول مثل WP Security Scan

خامساً

  • حماية ملف (wp-config), هذا الملف يحتوي على معلومات قاعدة البيانات مثل اسم المستخدم والباسورد لذلك يجب حمايته جيداً, وإخفائه عن الجميع, قم بوضع هذا الكود في ملف htaccess.

# protect wp-config.php
<files wp-config.php>
order allow,deny
deny from all
</files>

طريقة اخرى لحماية الملف, عن طريق نقل الملف (wp-config.php) الى مجلد اعلى منه فيصعب العثور عليه. 🙂 مثال

من           public_html/wordpress/wp-config.php/
الى                            public_html/wp-config.php/

سادساً

قم بمنع محركات البحث من ارشفة محتويات المجلدات الداخلية للمدونة مثل الإضافات أو القوالب, لأنك بذلك ستكون قد سهلت عملية الإختراق بسماحك للملفات بالظهور, قم بإضافة الكود التالي لملف robots.txt في المجلد الرئيسي للمدونة, قم بإنشاء الملف إن لم يكن موجود.

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-*

عرض الملفات التي بداخل المجلدات تشكل خطر حقيقي, لانها تكشف محتويات المدونة, قم بإضافة الكود التالي لملف htaccess.

# disable directory browsing
Options All -Indexes

سابعاً

هناك الكثير من الإضافات التي تختص بالحماية سأذكر افضلها.

  • احمي مدونتك من الأكواد الخبيثة مثل eval, base64 بفضل هذه الإضافة Block Bad Queries فقط قم بتنصيبها وستعمل على اكمل وجه.

  • لفحص تصاريح الملفات, و فحص مدى فاعلية حماية مدونتك , قم بتنصيب WP Security Scan

يوجد الكثير من إضافات الحماية الأخرى

أخيراً..

لا تنسى أن تأخذ نسخة احتياطية من مدونتك دورياً ! كل اسبوع على سبيل المثال !

مع هذا الشرح ستحمي مدونتك 95% بإذن الله، ارجو إبداء الرأي من ملاحظات أو تعديلات أو نصائح أخرى

استخدام الاكواد القصيرة Shortcodes لتوفير الوقت في ووردبريس

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

أول ما بدأ استخدام الأكواد القصيرة المعروفة بـ Shortcodes في الووردبريس كان في الاصدار 2,5  وهي عبارة عن كود قصير مكون من كلمة أو اثنتين فقط  توضع بين قوسين مربعين [] وهذا الكود يستدعي دالة php كاملة مدخلة مسبقا في ملف functions.php الموجود في ملف القالب. ولتوضيح فائدتها في توفير الوقت وخصوصا للدوال التي يتكرر استخدامها تخيل انك تريد التعديل على أحد القوالب بحيث تضع أهم المواضيع في ثلاثة مواضع هي  أسفل الموضوع وأسفل التعليقات وفي القائمة الجانبية. في هذه الحالة بدلا من أن تكتب الدالة كاملة في كل ملف كل ما عليك هو كتابتها في ملف functions.php ثم استدعائها بالكود القصير في المواضع المذكورة.

ميزة الكود القصير أنه يمكنك من استخدام كافة الدوال في جميع الاماكن سواءا في ملفات القالب أو في قالب صفحة معينة إضافة الى أنه يمكنك من استخدام الدوال حتى في الموضوع نفسه.

تصميم المربعات CSS للوردبريس – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

سأشرح لك في هذا المقال كيف تزيد من جاذبية مدونتك أو موقعك وكيف تثري تجربة زوّارك عن طريق إستخدام المربعات والصور الملائمة. لنفرض مثلاً أنك تريد لفت إنتباه الزائر إلى ملاحظة أو تحذير ما أو لتحميل ملف أو لكود في المدونة. يمكنك أن تستخدم تقنية css وأن تضع هذه الأمور في مربعات خاصة لها، ذات لون معيّن و تحتوي على صور مناسبة. كل ما عليك القيام به هو أن تعطي خصائص المربع (اللون والخلفية والخط .. إلخ) أو أن تصنع دالة جديدة للمربع وتعطيها الخصائص التي تريد.
لنفرض مثلاً أنك تضع في مدونتك أكواد html أو css أو php أو أي لغة أخرى (كما أعمل أنا في هذه التدوينة). بالطبع هذه الأكواد باللغة الإنجليزية ولذا يجب (إذا أردت أن تصنع مدونة ذات جودة عالية) أن تكون هذه الأكواد من اليسار إلى اليمين وأن تكون بصيغة Preformatted. دالة هذه الصيغة هي <pre> </pre> أي أن كل كود يوضع بين هذين القوسين هو على شكل Preformatted Code.
إذهب الآن إلى ملف style.css وعرّف خصائص دالة pre كما يلي:

pre
{
float:left;
direction:ltr;
font-size: 1.2em;
color: #000000;
margin: 10px;
padding:10px;
}

كما ترى، كل ما قمنا به هو وضع المربع على اليسار وتحديد مسار الخط ليكون من اليسار إلى اليمين وحجمه وتحديد المسافات أو الفراغات. يمكنك كذلك أن تضع خلفية وبوردر بلون ما كما يلي:

border: 1px solid #333333;
background-color: #dadada;

لم يتبقى سوى شيئ واحد مهم وهو خاصية overflow. تأكد من وضع هذه الخاصية حتى تمنع عرض سطور الأكواد الأعرض من مساحة المحتوى ووضع scroll bar في هذه الحالة. أضف:

overflow:auto;

إذن في هذه الحالة، سيكون الكود النهائي الذي أضفته كما يلي:

pre
{
float:left;
direction:ltr;
font-size: 1.2 em;
color: #000000;
margin: 10px;
padding:10px;
border: 1px solid #333333;
background-color: #dadada;
overflow:auto;
}

يمكنك الآن أن تضع الأكواد في مدونتك إما بين أقواس <pre> </pre> أو إذا كنت تستخدم محرر ووردبرس ذاته، فيمكنك أن تختار خط preformatted للأكواد. هذا كل شيئ… ستشاهد الآن الأكواد في مربع ذات خلفية ملوّنة. بالطبع، يمكنك أن تضيف الصور وأن تعدل كل شيئ عبرالكود الذي وفرته لك.
لنفرض مثلاً أنك تريد لفت إنتباه الزائر إلى ملاحظة أو تحذير ما أو لتحميل ملف أو لكود في المدونة. يمكنك أن تستخدم تقنية css وأن تضع هذه الأمور في مربعات خاصة لها، ذات لون معيّن و تحتوي على صور مناسبة. لمزيد من التفاصيل شاهد مثلاً هذا الموقع. ستلاحظ في أسفل بعض التدوينات مربع يشرح بعض النقاط المهمة. هذه المربعات هي ما أقصد بالضبط.
كل ما عليك القيام به هو أن تعطي خصائص المربع (اللون والخلفية والخط .. إلخ) أو أن تصنع دالة جديدة للمربع وتعطيها الخصائص التي تريد. أنظر المثال التالي:

.box {‬
padding: 12px 40px 12px 3px;
clear: both;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
float:center;
text-align:justify;
direction:rtl;
border: 1px solid #bae2f0;
font-size: 13px;
line-height: 17px;
background-color: #e3f4f9;
font-weight: 500;
-moz-border-radius: 10px;
border-radius: 10px;
}‬

أما إذا أردت أن تضع صورة فكل ما عليك القيام به هو إضافة الكود التالي إلى الدالة:

background: url(images/icon.png) no-repeat right 1px;

حيث icon.png يساوي إسم الصورة. بالطبع، يجب أن ترفع الصورة إلى مجلد images داخل مجلد القالب.
هذا كل شيئ. يمكنك تعديل وتبديل ما تريد عبر الكود الذي وفرته لك. إذا لم تعرف ال CSS حاول تغيير الخصائص وتحديد تأثيرها وستتعلم من التجربة والخطأ. بالتوفيق.

اعرض عناوين مواضيع قسم معين داخل موضوع -yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

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

function category_shortcode( $atts )
{
extract(shortcode_atts(array(
‘limit’ => ‘5’,
‘category’ => ”,
), $atts));
//The Query
query_posts(‘category=’ . $id . ‘posts_per_page=’ . $limit);
//The Loop
if ( have_posts() ) : while ( have_posts() ) : the_post();
echo   ‘<h3><a href=”‘; echo the_permalink(); echo ‘”>’; echo the_title(); echo ‘</a></h3>’;
echo the_excerpt();
endwhile; else:
endif;
//Reset Query
wp_reset_query();
}
add_shortcode(‘category’, ‘category_shortcode’);

بعد ذلك يمكن اضافة الكود التالي في أي موضوع أو اي صفحة:

[category id=# limit=5]

علامة المربع # تدل على رقم التعريف ID للقسم او التصنيف كما يمكنك تغيير الرقم خمسة ليظهر لك العدد الذي تريده من المواضيع . يمكنك استخدام هذا الكود أكثر من مرة لصنع صفحة تحتوي على المواضيع من جميع الأقسام مما يجعلها كالأرشيف.

اجعل التاريخ يتغير تلقائيا في جملة – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net yourcolor.net

مع بداية السنة الجديدة، وجدت في أحد المواقع التي تستخدم ووردبريس عبارة Copyrights 2010 مع الرغم اننا اصبحنا في السنة التالية، هذا الموقف جعلني أفكر في طريقة لجعل التاريخ يتغير تلقائيا في اسفل الصفحة مع كل سنة جديدة. لذا اتجهت الى صفحة الاكواد في موقع ووردبريس وبحثت عن الكود الدال على التاريخ ليتم استبدالة بالتاريخ المكتوب في اسفل الصفحة.

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

الحقوق محفوظة &copy; <?php echo date('Y'); ?> Example.com.

انتهى الدرس

ارسال بريد تلقائي لجميع الأعضاء عند نشر موضوع جديد – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

اذا كنت تريد أن تنبه أعضاء مدونتك بنشر موضوع جديد، يمكنك عمل هذا بسهولة. ولكن انتبه أن تستخدم هذه الطريقة اذا كنت تنشر المواضيع بشكل كبير حتى لا يعتبر الأعضاء أن تقوم بارسال رسائل سخام Spam. وايضا اذا كان هناك عدد كبير من الاعضاء لان هذه الطريقة ستسبب ضغط على السيرفر عند محاولة الارسال.
هذه الطريقة ترسل تنبيه بوجود موضوع جديد فقط، دون التطرق الى الموضوع ورابط الموضوع وعنوانه، لذلك يفضل استخدام خدمات المجموعات البريدية او خدمة feedburner ولكن هذه الخدمات لا تقتصر على الاعضاء فقط.
كل ما عليك هو لصق هذا الكود في ملف functions.php الموجود في مجلد القالب المستخدم مع تعديل النص.

function email_members($post_ID)  {
obal $wpdb;
$usersarray = $wpdb->get_results(“SELECT user_email FROM $wpdb->users;”);
$users = implode(“,”, $usersarray);
mail($users, “تم نشر موضوع جديد في الاكاديمية العربية لفنون التصميم والجرافيك “, ‘عزيزي عضو الاكاديمية العربية، تم نشر موضوع جديد وندعوك لزيارة. http://yourcolor.net/academy’);
return $post_ID;
}
add_action(‘publish_post’, ’email_members’);

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

اضف زر اعجبني like للفيسبوك في مدونتك – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

موقع فيسبوك من اشهر المواقع عالميا في الوقت الحالي. كما أنه مصدر طيب للزوار والترافيك، وخصوصا اذا كان هناك مجموعة لمدونتك. اذا اردت ان تضع زر (أعجبني) او (like)  في مدونتك سواء في القائمة الجانبية أو صفحة الموضوع او اسفل الصفحة فيمكنك عمل ذلك بسهولة.
كل ما عليك هو لصق هذا الكود داخل احد الملفات التالية:
single.php: اذا اردت ان يظهر المربع في داخل الموضوع، ويفضل ان يكون قبل مكان التعليقات.
sidebar.php: اذا اردت ان يظهر المربع في القائمة الجانبية.
footer.php: اذا اردت ان يظهر المربع في اسفل الصفحة.
page.php: اذا اردت ان يظهر المربع في الصفحات فقط، ويفضل ان يكون قبل مكان التعليقات.
يمكن التعديل على العرض والطول والتنسيق في الكود حتى يتناسب مع قالب مدونتك

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

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

معرض الوسوم