تلميحات تطوير الويب 4

تلميحات تطوير الويب ( 1 | 2 | 3 ) 4

 

10/ قم بعمل Slide للصفحه بشكل رائع في زر (( إلى الأعلى ))

شاهد طريقة عمل هذه الحركه في موقعي الشخصي ( أسفل الموقع أضغط على "إلى الأعلى" ) http://www.althari.ws قم بعمل تجربه
لعمل مثل هذه الطريقه حمل هذا الملف ScrollTo المستند على مكتبة JQuery , بعد فك الضغط انسخ jquery.scrollTo-min.js وضعه في مدونتك داخل مجلد الثيم وبداخل مجلد الثيم ضعه بداخل مجلد باسم scripts هذي الطريقه المثلى ويفضل دائماً وضع ملفات الجافاسكريبت داخل هذا الملف في داخل الثيم, بعد نسخه إلى هذا المجلد توجه إلى اللوحة التحكم ثم تحرير القوالب وحرر header.php واضف في داخل الـ Head هذا الكود

<script src="wp-content/themes/abdulmalik/scripts/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function(jQuery){
jQuery(document).ready(function(){
jQuery("#totopimg").click(function () {
jQuery.scrollTo( { top:0, left:0}, 800 );
});
});
</script>

استبدل #totopimg بالعنصر الذي يحمل صورة إلى الأعلى أو النص  او اجعل الصوره بنفس الاسم كالتالي

<img alt="إنطلق إلى الأعلى" src="wp-content/themes/abdulmalik/images/totop.gif" id="totopimg"/>

فقط لا غير! , طبعاً انا استخدمت في هذه الأكواد JQuery بدال $ واللي يعرف للـ JQuery قد يستغرب ليش ولكن انتقل للنقطه التاليه لتعرف السبب

11/ في أكواد الـ JQuery وأكواد الـ MooTools هناك تعارض!

وجدت تعارض عند استخدام المكتبتين في الصفحه فعند إستدعاء ملف JQuery بعد MooTools فلن يعمل الـ MooTools وعندما تستدعي الـ JQuery قبل استعداء MooTools فسيعمل MooTools ولكن لن يعمل الـ JQuery

والحل الحالي هو عن طريقة مكتبة JQuery تستبدل طريقة كتابة الأكواد للمكتبه من $ إلى JQuery كالتالي

في

$("p").click(function(){
alert("Hello");
});

استبدلها بـ

JQuery("p").click(function(){
alert("Hello");
});

12/ هل تعبت من متابعة أكثر من بريدك إلكتروني خاص بموقعك؟

سابقاً كنت استخدم اكثر من بريد إلكتروني خاص لكن تعبت جداً من ملاحقتها مثلاً بريد لعالم التقنيه وبريد باسم موقعي الشخصي لزوم الحركات في السيرة الذاتيه , وبرضوا بريد الجيميل العام, وكان كل بريد افتحه في لوحة تحكم خاصه به او بمكان خاص به, لكن اكتشفت طريقة تقوم بتحويل رسائلك لأي بريد لك إلى بريد واحد فمثلاً انا الان اي رساله تأتيني من عالم التقنية او موقعي الشخصي او البريد العام افتحها في بريد الجيميل فقط , هذه الطريقه عملها سهل جداً وهي عن طريق لوحة تحكم موقعك, ابحث عن Forwerders واضغط عليها ثم اضغط على Add Forwerds وفي بعض لوحات التحكم تختلف المسميات فيجب عليك البحث عن الأسم المشابه لها مثل Email Aliases … الخ

 

  • sebastian989

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

    • شكراً لك أخوي sebastian989 ويشرفني انا كذالك وجودك الرائع دائماً, وأتمنى لك دوام الصحه والعافيه وان شاء الله القادم يكون مثل كذا وأفضل ولأي استفسارات او اقتراحات انا موجود,

      تحياتي لك

  • الف شكر على معلومة رقم 10 🙂

  • على فكرة لم استطع دمج
    http://smoothgallery.jondesign.net/getting-started/

    مع الورد بريس الى الآن !؟

  • جزاك الله خير

    بخصوص الForwerders
    هذي الطريقة يعيبها أنه لو كان السيرفر عليه ضغط و نفس اللحظه تم إرسال لك رسالة لن تصل !

    حاليا أستخدم جيميل في إستقبال الرسائل و أحوله كله على بريد واحد 🙂

    وفقك الله

    • مرحباً أخوي AAM انا ما فهمت قصدك كيف تستخدم الجيميل في استقبال الرسائل وتحوله كله على بريد واحد مافهمت, يعني ما تستخدم الا بريد واحد فقط ولا عندك غيره ولا كيف , وشكراً لك على التوضيح ولكن انا استخدم هالطريقه ولا فيها اي مشاكل 🙂

  • «iabo

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

تعليقات عبر الفيسبوك