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

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


دعونا نأخذ مثال عملى لتفهموا قصدى:

فرضا ان روابط موقعى بالشكل الاتى:

رمز Code:
http://advphp.com/video_tutorial.php...id=jGoIONHXJwQ

وأريد اختصارها ليصبح شكلها كالاتى:
رمز Code:
http://advphp.com/webcoding_video_tu...20/sQ0XHsym8Nw

وذلك عن طريق استخدام كود htaccess والذى سأضعه فى ملف htaccess. كالاتى:

رمز Code:
Options +FollowSymLinks
RewriteEngine On
RewriteRule ^webcoding_video_tut/(.*)/([0-9]+)/(.*)$ video_tutorial.php?id=$1&num=$2&videoid=$3 [NC,L,QSA]

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

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



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




هذا ماحدث؟!!!!,وهو انهيار شكل الصفحة تماما وفقد تصميمها بالكامل

لكن ما السبب فى هذه المشكله على الرغم من ان كل شىء سليم؟

الذى حدث ,هو انه أصبح لايوجد اى مسارات صحيحه لملفات تصميم صفحات موقعك التى تكون بإمتداد css وملفات الجافااسكربت التى تكون بإمتداد js ,

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


لذلك,سنحل هذه المشكله كالاتى:
1-نفتح كل صفحة من صفحات موقعك تم تطبيق اختصار الروابط عليها
2- نقوم بتعديل روابط ومسارات كافة الملفات للرابط النسبى
بحيث لو كان فرضا رابط ملف تصميم الموقع قبل اختصار الرابط كالاتى:
رمز Code:

سيتوجب علينا لتصحيح هذا المسار ليتلائم مع الرابط المختصر,ان نرجع للخلف ثلاث خطوات لان الرابط المختصر الذى سويناه يتركب من 3 أجزاء
رمز Code:
http://advphp.com/webcoding_video_tu...20/sQ0XHsym8Nw
لذا,الرابط الصحيح سيكون شكله الاتى :
رمز Code:


ستلاحظوا فى الرابط السابق اننا رجعنا ثلاث خطوات للخلف باستخدام /..


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







بهيك يكون انتهى الدرس:

لمشاهدة مثال عملى وحى للدرس:

اضــــغــــط هـــــنــــــا