شرح طريقة اضافة تصنيفات وتدوينات جديدة للووردبريس (فيديو) – YourColor

الووردبريس wp

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

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

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

خمس أخطاء تدوينية ربما لم تفكر بها من قبل – yourcolor

الووردبريس wp

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

نشر عدة مقالات متوالية في نفس الموضوع

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

عدم استخدام الصور في التدوينات

بعض المواضيع لا تحتاج إلى صور وخصوصا إذا كانت على شكل نقاط، لكن في الغالب حاول استخدام الصور بطريقة جذابة. وذلك حتى يتمكن الزائر من معرفة محتوى الموضوع بالنظر والمسح السريع للمقال دون الحاجة للقراءة المتعمقة. هذه الطريقة ستقلل من نسبة Bounce Rate بشكل كبير. لأن أغلب المستخدمين وخصوصا العرب الذين لا يفضلون القراءة عندما يجد ان الموضوع عبارة عن كلام فقط سيشعر بالملل ولن يكلف نفسه عناء اكمال الموضوع.

عدم استخدام العناوين الفرعية

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

كتابة فقرات طويلة جدا

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

عدم ادراج الموضوع كاملا في الخلاصات

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

انتهى الدرس

درس كيف تربح من مدونات البلوجر شرح مفصل – yourcolor

تجارة الكترونية

اليوم ان شاء الله مع درس خفيف ومبسط وهو شرح الربح من مدونات البلوجر

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

بعد الضغط علي جني الارباح نتابع

طبعا بعد ما اخترنا ما يناسبنا وضغطنا التالي

ياريت نركز شوية مع بعض اللي ما عنده حساب يتابع هون ويسجل [ AdSense ] طرق التسجيل في قوقل أدسنس وشرح لتحكم وكيفية وضع … اللي عنده حساب وهيستخدمه بالمدونة يضغط علي الخيار الثاني بالصورة ثم التالي نشوف الصورة

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

نضغط علي اضافة اداة كما موضح

بعد ما نضغط عليها هتفتح لنا بالشكل التالي نضغط علي الخيار المشار عليه بالاحمر

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

انتهى الدرس

إضافة wp-flashtime-widget معرّبة لعرض الوقت

إضافة wp-flashtime-widget معرّبة لعرض الوقت

طبعا يعلم الجميع وجودي بشكل دائم في قسم [ القوالب المعرّبة ] وذلك لإختصاصي بذلك ولكن
لا مانع من التواجد هنا إذا كان الحديث عن هذه الإضافة الجميلة التي تقوم بعرض ساعة معينة
تختارها من قائمة بـ 25 ساعة منوعة وتفعلها كما تفعل الإضافات الاخرى بشكل بسيط كما في
الصورة التالية :
تختار الساعة حسب الترقيم وتختار العرض والارتفاع المناسب للقالب وتسوي حفظ ، وستراها في مدونتك بإذن الله .

حمل من هنا 

Widget لإشهار موقعك عن طريق زوارك – yourcolor

Widget لإشهار موقعك عن طريق زوارك

 

اليوم أثناء تصفحى و جدت آداه جميله تجعل زوار موقعك المشتركين فى موقع تويتر بإخبار من يتابعهم عن موقعك
فلنفرض مثلاً أن 1000 زائر من زوار موقعك مشترك فى تويتر
كل منهم يتابعه فى المتوسط 100 فرد
إستخدم منهم 500 فرد الآداه
إذاً فقد ظهر إسم موقعك ل 500*100 فرد = 50,000 شخص
كما يمكنك أنت أيضاً إستخدام الآداه فى إرسال جديد موقعك لتويتر
الآداه بسيطه جداً و الكود فى المرفقات
يمكنك بسهوله و ضعها فى widget و الإستمتاع بخصائصها]

مثال : http://crazy-eng.com/blog

تحميل

twitter_tool

شرح إستخدام الحقول الخاصة في ووردبريس – yourcolor

شرح إستخدام الحقول الخاصة في ووردبريس

إحدى الخواص الهامة التي توفرها ووردبريس و التي تهمنا نحن كمصممين .. فهي تمنحنا القدرة على زيادة خواص التدوينات و اضافة خواص كثيرة للقوالب التي نقوم بتصميمها … سأشرح في هذه التدوينة فكرة و طريقة عملها و كيفية إستغلالها في تصميم القوالب مع شرح مثال بسيط لإنشاء مصغرات للتدوينات بإستخدامها ..

مواقع إستخدمت فيها الحقول الخاصة …
متابعات عقبة إظهار فيديو في السايد بار الجانبي
مجموعة تايم كود إظهار صور مصغرة بجانب التدوينات
مدونة شبايك عن شبايك في فوتر المدونة للتحكم فيها من لوحة التحكم
حسناً لنبدأ …

من لوحة تحكم المدونة ومن صفحة اضافة تدوينة جديدة ستجد في الاسفل .. صندوق ” خصائص إضافية ” او ” Custom fields ” .. سنقوم بإنشاء حقل جديد … في مثالنا هنا سنقوم بإضافة حقل لإستخدامة لوضع رابط مرجع التدوينة .. سنضع في حقل الاسم (key) اسم هذا الحقل وليكن في مثالنا references و في حقل القيمة (value) سنضع رابط هذا المرجع وليكن http://ar.wikibooks.org .. لا تنسى الضغط على زر “ اضف حقل مخصص ” … شاهد الصورة :

الأن إلى القوالب …
لنتعرف على شكل الدالة التي سنستخدمها :

get_post_meta($post_id, $key, $single);

و تأخذ ثلاث بارامترات ..
$post_id : معرف التدوينة ID
$key : إسم الحقل الذي تريد إستخدامه
$single : وتأخذ إحدى القيمتين :
true لعرض أول حقل عند إستخدام اكثر من حقل بنفس الأسم
false لعرض الحقول كمصفوفة كما سنشرح لاحقا

حسنا داخل حلقة عرض التدوينة أضف التالي :

<h3>مراجع التدوينة</h3>
<?php echo get_post_meta($post->ID, "references",true); ?>

$post->ID : لجلب المعرف الخاص بالتدوينة .. ID
references : إسم الحقل الخاص الذي أضفناه
true : لا أملك سوى حقل references و حيد و بالتالي اريد عرضه هو فقط …

احفظ القالب و اذهب و شاهد التدوينة .. ستجد http://ar.wikibooks.org/ ظهرت في نهاية التدوينة … كما في الصورة

ما رأيك أن نجعلها كرابط بدلاً من ظهورها كنص .. إستخدم التالي :

<h3>مراجع التدوينة</h3>
<?php $references = get_post_meta($post->ID, "references",true); ?>
<a href="<?php echo $references ?>"><?php echo $references ?></a>

الأن أصبح لدينا رابط لمرجع التدوينة … لنفرض الأن أن لدينا تدوينة لم أقم بإضافة مراجع لها … سيظهر في نهاية التدوينة ” مراجع التدوينة “ دون أن يظهر تحتها أي مراجع لاني لم اقم باضافتها .. لاخفاء ” مراجع التدوينة “ عند عدم وجود مراجع سنستخدم شرط if للتحقق من وجود مراجع أم لا … شاهد الكود

<?php if(get_post_meta($post->ID, "references", $single = true)!="") :?>
   <h3>مراجع التدوينة</h3>
   <?php $references = get_post_meta($post->ID, "references",true); ?>
   <a href="<?php echo $references ?>"><?php echo $references ?></a>
<?php endif; ?>

تدوينة متعددة المراجع !
الأن نريد اضافة أكثر من مرجع للتدوينة .. من لوحة التحكم من جديد قم بإضافة المراجع الأخرى و بنفس key أو الإسم وهو references الأن إلى القوالب من جديد .. في هذه الحالة سنستخدم foreach لجلب كافة الحقول الاضافية التي تحمل الاسم references … شاهد الكود :

<?php if(get_post_meta($post->ID, "references", $single = true)!="") :?>
   <h3>مراجع التدوينة</h3>
   <?php $references_field = get_post_meta($post->ID, "references",false);
   foreach ( $references_field as $references ) { ?>
   <a href="<?php echo $references ?>"><?php echo $references ?></a> <br />
<?php } endif; ?>

احفظ القالب و قم بمعاينة التدوينة ستجد بقية المراجع قد ظهرت

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

من لوحة التحكم وكما شرحنا سابقاً قم باضافة حقل جديد وليكن بإسم post-image ثم نضع في القيمة عنوان الصورة .. في قالب index.php و archive.php و search.php و قبل سطر إستدعاء الدالة the_content سنقوم بإضافة الكود التالي :

<?php if(get_post_meta($post->ID, "post-image", $single = true)!="") :?>
   <div>
      <?php $post_image = get_post_meta($post->ID, "post-image",true); ?>
      <img src="<?php echo $post_image ?>" alt="" />
   </div>
<?php endif; ?>

و هذا هو كود CSS الذي أستخدمته في المثال الموجود في الصورة بالأعلى :

.post-image{
	float:left;
	margin:0 10px 0 10px;
	padding:2px;
	border:1px #CCC solid;
}

إذا اردت أن تظهر الصورة المصغرة في صفحة عرض التدوينة مفردة فاضف الكود أيضاً في القالب single.php و إذا اردت إستخدمها مع الصفحات فأضف الكود لقالب page.php

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