كان من الضروري أكثر من مرة التأكد من أن الصفحات المختلفة تعرض محتوى مختلفًا في الحالات التي لا تسمح فيها وظيفة CMS بذلك.
على سبيل المثال ، لعرض نص مختلف في تذييل الصفحة أثناء التنقل بصفحة صفحة ، أو لمنع ظهور عنصر واجهة المستخدم في الشريط الجانبي في صفحة معينة ، أو ظهور شريط تمرير واحد على صفحة واحدة في رأس القالب ومزلق آخر في الصفحة الأخرى. في مثل هذه الحالات ، يمكن أن يساعد كود php البسيط. قررت نشره كسجل ، لأنه من الأسهل بالنسبة لي رؤية هذه الملاحظة بدلاً من تذكر المتغير المسؤول عن صفحات url في كل مرة.
تُظهر شفرة php التالية مثالًا عن كيفية عرض شريط تمرير واحد من المكون الإضافي metaslider في صفحة yoursites.ru / contacts / ، وفي جميع الصفحات الأخرى شريط تمرير آخر من البرنامج المساعد metaslider:
كيفية عرض رمز الصفحة؟
لعرض التعليمات البرمجية المصدر لصفحة موقع الويب ، تحتاج إلى تحريك مؤشر الماوس فوق أي منطقة في صفحة الويب (باستثناء الصور والروابط). بعد ذلك ، انقر على زر الفأرة الأيمن. يتم فتح نافذة بعدة خيارات (قد تختلف قليلاً في المتصفحات المختلفة). في متصفح Google Chrome ، على سبيل المثال ، هذه هي الأوامر:
- منذ
- إلى الأمام
- الشوط الثاني،
- حفظ باسم
- الطباعة،
- يترجم إلى الروسية ،
- عرض رمز الصفحة,
- عرض الرمز.
نحن بحاجة إلى الضغط على عرض رمز الصفحة، وسنرى كود html لصفحة الموقع.
عرض رمز الصفحة: ما الذي تبحث عنه؟
لذلك ، فإن كود HTML للصفحة عبارة عن قائمة من الخطوط مرقمة ، يحمل كل منها معلومات حول كيفية إنشاء هذا الموقع. لتتعلم بسرعة فهم هذا العدد الهائل من الشخصيات والأحرف الخاصة ، تحتاج إلى التمييز بين أجزاء مختلفة من التعليمات البرمجية.
على سبيل المثال ، تحتوي سطور التعليمات البرمجية الموجودة داخل علامة الرأس على معلومات لمحركات البحث ومشرفي المواقع. لا يتم عرضها على الموقع. يمكنك هنا معرفة الكلمات الرئيسية التي تروج لها هذه الصفحة ، وكيفية كتابة العنوان والوصف. يمكنك أيضًا العثور على رابط هنا ، والنقر فوق الذي نتعرف عليه حول عائلة الخطوط من google المستخدمة في الموقع.
إذا كان الموقع مصنوعًا على CMS WordPress أو Joomla ، فسيظهر أيضًا هنا. على سبيل المثال ، تعرض هذه المنطقة معلومات حول سمة WordPress أو قالب موقع جملة. يمكنك رؤيته من خلال قراءة محتويات الروابط المميزة باللون الأزرق. رابط واحد يظهر قالب الموقع.
يوضح هذا الرابط أن الموقع يعتمد على WordPress. يشار إلى ذلك بالحروف wp-content واسم موضوع الموقع. بعد الرابط:
سنرى أنماط خط CSS للصفحة. في هذه الحالة ، يتم استخدام الخط. يمكن رؤيته هنا - font-family: ‘Source Sans Pro..
تم تحسين هذا الموقع باستخدام SEO-plugin Yoast SEO. يمكن ملاحظة ذلك من خلال جزء التعليمات البرمجية المعلق:
تم تحسين هذا الموقع باستخدام المكون الإضافي Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/
يتم عرض جميع المعلومات داخل علامة الجسم عن طريق المتصفح على شاشة الشاشة. هنا نرى رمز html للصفحة ، وفي أسفلها يوجد كود البرنامج النصي المتري Yandex. يلبس مع علامة علق مع النص:
لتلخيص
بعد إجراء تحليل سطحي إلى حد ما للرمز على الصفحة الرئيسية للموقع ، يمكننا أن نختتم بالأدوات التي صنعت هذه الصفحة. رأيناها:
- CMS وورد ،
- جوجل الخط المصدر سانس برو ،
- وورد موضوع - سيدني ،
- الإضافات Yoast
- ياندكس عداد متري.
الآن ، مبدأ تحليل كود html لصفحة الموقع واضح تمامًا. ليس من الضروري إبقاء الصفحة قيد التحقيق مفتوحة في المستعرض. يمكنك حفظ رمز الصفحة على جهاز الكمبيوتر الخاص بك باستخدام اختصارات لوحة المفاتيح ctrl + a ، ctrl + c ، ctrl + v. الصقه في أي محرر نصوص (ويفضل Notepad ++) وحفظه مع ملحق HTML. وبالتالي ، في أي وقت يمكنك دراسته بشكل أعمق والعثور على مزيد من المعلومات المفيدة لنفسك.
