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

Posts tagged ‘قوالب’

الصفحات الخطاء (404) من اسباب انهيار المدونة – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

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

مثال على صفحة بسيطة :

YourColor.Net

مثال على صفحة تفيدة الزائر بمعلومات مهمة :

YourColor.Net

الان سوف نتطرق لطريقة انشاء صفحة الخطاء خاصة بالنسبة للقوالب التي لا تحتوي عليها

  1. ادخل الى لوحة التحكم
  2. اختر المحرر من قائمة المظهر
  3. تحقق من عدم وجود ملف صفحة الخطأ (اذا كان موجود فلا تقم بالخطوات التالي قم يتعديله مباشرة)
  4. انشاء ملف جديد باسم 404 صيغة الملف php فارغ
  5. نقوم برفعه الى مجلد القالب الذي نستعمله wp-content/themes/your-theme-name
  6. قم بنسخ ولصق الكود التالى في صفحة الخطأ التي قمت بانشائها

<?php get_header(); ?>
<div id=”content”>
<h2>Error 404 – Not Found</h2>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

اول شيئ من المحرر نستعرض ملف عرض تدوينة مفردة single php لاحظ الصورة التالية :

YourColor.Net

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

<?php get_header(); ?>
<div id=”left”>
<div class=”entry”>

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

الان من لوحة التحكم توجه الى قائمة الصفحات اضف صفحة جديدة واكتب كل ما تريد في تلك الصفحة وادرج الصور التي تريد مثال

YourColor.Net

الكود لصفحة الخطاء سوف يصبح هكذا

<?php get_header(); ?>
<div id=”left”>
<div>
<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”الاكاديمية العربية”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

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

<?php get_header(); ?>
<div id=”left”>
<div>
<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”عربي ووردبريس”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

الا سوف نقوم بادراج اضافة جميلة تقوم بالاقتراح على الزائر  روابط قريبة من صفحة الخطاء التي قام بزيارتها وهى الاضافة Smart 404

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

  1. Unzip the package, and upload smart404 to the /wp-content/plugins/directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place <?php smart404_suggestions() ?> in your 404 template to list suggested posts, or see ‘Template tags’ for more information.

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

<h1>بعض الاقتراحات لما تبحث عنه</h1>
<?php smart404_suggestions() ?>
<br></br>

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

<?php get_header(); ?>
<div id=”left”>
<div>
<p style=”text-align: center;”><img src=”http://img638.imageshack.us/img638/6040/pagenotfound.png” border=”0″ alt=”” width=”300″ height=”289″ /></p>

<h1 style=”text-align: center;”>الصفحة غير موجودة</h1>
<p>الصفحة التي طلبتها غير موجودة، من الممكن أن يكون تم حذفها، أو تم تغيير اسمها، أو أنها غير متوفرة حاليا. رجاء قم بمحاولة ما يلي: </p>
<ul>
<li>إذا قمت بطباعة الرابط بشريط العنوان، تأكد من أنه مكتوب بشكل صحيح.</li>
<li>تصفح الصفحة الرئيسة لـ<a href=”../”>”الاكاديمية العربية”</a> للاطلاع على المعلومات والروابط التي تريدها</li>
<li>استخدم القائمة العلوية لإيجاد الرابط الذي تبحث عنه.</li>
<li>إذهب الى خريطة الموقع ربما تجد ما تريد</li>
<li>استعمل محرك البحث الخاص بالموقع</li>
</ul>

<p>
<?php include (TEMPLATEPATH . “/searchform.php”); ?></p>

<h1>بعض المواضيع المقترحة</h1>
<?php smart404_suggestions() ?>
<br></br>

</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

نهاية الشرح اتمنى ان يعجبكم الشرح وان تستفيدو منه

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

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

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

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

yourcolor.net

yourcolor.net

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

إضافة number of view عدد المشاهدات معربة – yourcolor

إضافة number of view عدد المشاهدات معربة

yourcolor.net

yourcolor.net

yourcolor.net
اليوم أقدم لكم إضافة عدد المشاهدات معربة من طرفي
طريقة التركيب
فك ضغط الملف ورفع المجلد على هاذا المسار wp-content/plugins
وفعل لاضافة من لوحة التحكم
تنبيه : لا تحتاج لاضافة التعديل على القوالب
لاضافة فى المرافقة
تحميل
yourcolor-number-of-view

10 أوراق مساعدة للوردبريس – yourcolor

10 أوراق مساعدة للوردبريس

yourcolor.net

yourcolor.net

yourcolor.net

مجموعة من الأوراق المساعدة أو ما تسمي بالأنجليزية Cheat Sheets وهي عبارة عن دليل صغير غالباً بنسق PDF يحتوي علي أهم ملفات الوردبريس وكذلك الدوال المستخدمة ووصف كل قالب وشرح سريع لمحتوياته ، وهي مفيدة للمبتدئين الذي يريدون التعرف علي بنية قوالب الوردبريس وكذلك أغلب الدوال المستخدمه بها ، وأيضا مفيدة للمحترفين حيث يتم طباعتها والنظر إليها من فترة لأخري لأنعاش الذاكرة وهناك مجموعة من الأوراق المقدمة ذات مستوي متقدم ستفيد الفئة المتقدمة .
الوردبريس هو سكربيت التدوين الأكثرة شهرة بالعالم وتحور هذا السكربيت من تدوين إلي استخدامات مختلفة ( مجلة محتوي – مركز برامج – موقع شخصي – موقع تجاري – مركز صور ) والوردبريس نتيجة لقوته وسهولة تطويعه يمكن تشكيله بأي شكل وهذا بناء علي القوالب المرنة وكذلك الدوال القوية الموجودة ببنية برمجة الوردبريس والكم الرهيب من الأضافات المجانية والمدفوعة التي تساعدك بهذه الأشياء .
 والآن مع مجموعة الأوراق المساعدة …
 1- قائمة بأهم قوالب وملفات الوردبريس بشكل نقاط :Wordpress Cheat Sheet Chick list
وهذا دليل علي شكل PDF يمكن تحميله وفتحه بواسطة برنامج أدوبي أكروبات ريد، ويمكن طباعته والرجوع إليه بأي وقت : يحتوي علي قائمة بملفات الوردبريس وأهم الدوال بالوردبريس ووظيف كل قالب ودوره

yourcolor.net

2- دليل أهم قوالب وردبريس : WordPress Cheat Sheets for Templates Tags
يحتوي هذا الدليل علي أهم قوالب وردبريس ويشرح كل قالب ويبين خصائصه ووظائفه المختلفة .

yourcolor.net

3- دليل موقع وردبريس الرسمي : WordPress Codex
هو مرجع قوي ومن أفضل المراجع للتعريف ببنية وردبريس والقوالب وأهم الدوال وكذلك التصميم للوردبريس والأضافات الخاصة بها وهو من الموقع الأم للوردبريس فبالتالي هو أفضل مصدر للحصول علي المعلومات حول وردبريس

yourcolor.net

4- مرجع رائع وقوي لأهم دوال الوردبريس وكذلك يشرح بشكل مبسيط وسريع معظم القوالب وايضا حلقات التكرار وبعض المهارات المتقدمة

yourcolor.net

5- مرجع ايضا هام لأهم قوالب الوردبريس ويشرحها بأشكال تخطيطة مميزة لسهولة توصيل المعلومة والتركيز علي القوالب الهامة والدوال بها .

yourcolor.net

6- دليل قصاصات الوردبريس : حيث يحتوي علي قصاصات صغيرة (معلومات سريعة ) عن أهم قوالب الوردبريس وكذلك ملفات css الخاص بها ..وأهم الدوال وحلقات التكراروأسماء القوالب ووظائفها

yourcolor.net

7- دليل المساعدة المتقدم : هذا الدليل يصلح للمحترفين لأنه يحتوي علي بعض الأوامر البرمجية الخاصة بالوردبريس التي تقوم بعمل بعض الخدع المتقدمه ..مثلا عرض تدوينات معينة ، تغيير شكل تصنيف معين .

yourcolor.net

8- دليل صداقة محركات البحث للوردبريس : Seo WordPress Cheat Sheet
هذا الدليل السريع يحتوي علي أهم الطرق لتحسين علاقة المدونة (الوردبريس ) مع محركات البحث وهو يصلح للمحترفين بالوردبريس الذي يبحثون عن مستويات متقدمه وطرق قوية للإرشفة وسرعتها بجوجل والحصول علي أكبر قدر من الزوار .

yourcolor.net

9- دليل وردبريس الخاص بالثيمات وأهم الملفات والأوامر بها وكذلك الأضافات التي تحتويها الوردبريس بشكل أفتراضي

yourcolor.net

10- الدليل الأخير : دليل المصمم المساعد وهو خاص بأهم قوالب الوردبريس وما تحتويه من وظائف وملفات ..

yourcolor.net

تنصيب القوالب مباشرة عبر لوحة التحكم – yourcolor


تنصيب القوالب مباشرة عبر لوحة التحكم


yourcolor.net

سألني أحد
الأخوة عن تنصيب القوالب. وبالرغم من أنه يمكنك رفع ملفات القوالب إلى مدونتك
وتثبيتها بنفس الطريقة التي التي ترفع بها أي ملف آخر (عبر برنامج FTP) إلا أن هناك
طريقة أخرى وسهلة للغاية – مباشرة عبر لوحة التحكم. هذه الخاصية في ووردبرس تسمح لك
بتوفير الكثير من الوقت والجهد وخصوصاً إذا كنت لا تتقن التعامل مع برامج ال FTP.
سأشرح لك في هذه التدوينة كيف تقوم بذلك بالضبط.


من أجل تثبيت القوالب عبر لوحة التحكم:

1- أدخل إلى لوحة تحكم مدونتك عبر صفحة wp-admin

 

http://www.mudawinatak.com/wp-admin
2- إضغط على
“أضف قوالب جديدة” من قائمة المظهر 

yourcolor.netyourcolor.net

3- قم بالبحث عن القوالب التي تريد تنصيبها عبر محرك البحث أو الأوسمة المتوفرة

yourcolor.net

لنفترض أنك تريد قالب غامق بثلاثة عواميد. كل ما عليك القيام به هو البحث عن هذه الخصائص عبر محرك البحث.

yourcolor.net

4- قم بتنصيب القالب

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

yourcolor.net

yourcolor.net

5- قم بتثبيت القالب

ستشاهد الآن الشاشة التالية. إدعس على رابط “التثبيت الآن” كما هو موضح في الصورة. سيقوم ووردبرس بتثبيت القالب تلقائياً.

yourcolor.net

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

معرض الوسوم