بالإضافة إلى الخصائص الشائعة القياسية لـ HTML ، يتضمن عنصر الارتباط أيضًا العديد من الخصائص الاختيارية: Charset و HREF و Hreflang و Media و Rel و Rev و Target و Type و Type . من بين هذه الخصائص ، لا يُسمح باستخدام الهدف إلا في نوعين من DTDs ، الانتقالية والإطارات ، ويمكن استخدام الآخرين في ثلاثة أنواع من DTDs ، صارمة ، انتقالية وإطارات.
من بين هذه الخصائص ، خاصية REL هي جوهر. في هذه المقالة ، يقدم تصميم الويب بعض سمات REL التي تعرفها ومعالجة بعض عناصر الارتباط في WordPress ، وهو أمر مناسب للمبتدئين للتعلم.
الاستخدام الأكثر شيوعًا لعلامات الارتباط هو استدعاء أوراق النمط الخارجي ، على سبيل المثال:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />عندما يكون HREF هو عنوان URL للمستند المستهدف ، يحدد النوع نوع MIME لعنوان URL الهدف ، وتحدد الوسائط الجهاز الذي سيتم عرض المستند عليه.
تحدد استدعاء ورقة نمط WebDesignerWall التالية نمط CSS عندما يتم عرض المستند على جهاز الطباعة:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />قد ترى أيضًا رموز استدعاء ورقة الأنماط على بعض صفحات الويب مثل ما يلي:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />يحدد هذا الرمز ورقة أنماط قابلة للاستبدال يتم استخدامها في وقت واحد مع عنصر الارتباط الأول ، ويحدد الأول النمط المفضل ، وهذا يتيح للمستخدم اختيار النمط الذي تم استبداله. ومع ذلك ، تتطلب عملية الاستبدال هذه المتصفح دعمها ، ولكن العديد من المتصفحات مثل IE لا تدعمها.
لذلك ، عند استخدام صفحات الويب التي تحل محل الأنماط ، فإنها تستخدم عمومًا بعض أوراق الأنماط لتبديل JS ، مما يسمح للمستخدمين بتبديل أنماط الواجهة بحرية. كان ينبغي على الجميع أن يروا هذا ، وستحدد بعض مواقع الويب ألوانًا متعددة لصفحات الويب. إذا كنت مهتمًا بمستخدمي WordPress ، فيمكنك تنزيل Research WordPress Triph Triph Small من بطاطس Small Potato7 (أو التحقق من العرض التوضيحي) ، والذي يستخدم JS بسيط وأنماط متعددة قابلة للاستبدال للسماح للمستخدمين بتغيير نظام الألوان في صفحة الويب. بالنسبة لأسلوب المستوى الأعلى قليلاً ، يمكنك أيضًا استخدام JS لتغيير الأنماط بمرور الوقت ، مثل الألوان الزاهية أثناء النهار والألوان الداكنة في الليل.
ملاحظة : سيكون تحديد الوسائط = كل شيء للنمط المفضل وإضافة نمط طباعة أكثر اتساقًا مع معايير الويب (على الرغم من مواقع الويب العادية ، لن يكون هناك الكثير من الأشخاص الذين يرغبون في طباعة صفحتك). صورة بالان لا تحتوي على نمط طباعة ، لذلك سأستغرق وقتًا للقيام بذلك لاحقًا ملاحظة : ما إذا كنت تريد استخدام أنماط بديلة هو سؤال يستحق النظر فيه. إذا قمت بتغيير نظام الألوان فقط وتبقى النغمة الرئيسية الإجمالية دون تغيير ، فهذا مقبول. لكن بعض الأصدقاء ، مثل مستخدمي WordPress ، سيمكّنون سمات متعددة ذات أنماط مختلفة تمامًا ، ثم يستخدمون المكونات الإضافية للسماح للمستخدمين بالتغيير بحرية. هذا يبدو رائعًا ، لكن نصيحتي لا تفعل ذلك أبدًا. ناهيك عما إذا كان يؤثر على تحسين محركات البحث ، سيجعل الناس يفتقرون إلى تصور صورة ثابت لموقع الويب الخاص بك.للحصول على مقدمة مفصلة عن الرمز FAVICON/المفضل ، يمكنك التحقق من موسوعة BAIDU (1 ، 2) ، واستخدم الكود التالي للاتصال به.
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>ما زلت مرتبكًا قليلاً حول هذه الدعوة. نتيجة تجربتي هي:
تتيح أجهزة iPhone أو iPod Touch للمستخدمين إضافة روابط إلى الشاشة الرئيسية. استخدم الرمز التالي لتحديد أيقونة Apple Touch لموقع الويب الخاص بك:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />حجم الرمز هو 57*57 تنسيق PNG. إذا لم يكن كذلك ، فسيتم توسيع نطاقه تلقائيًا. إذا لم أكن مخطئًا ، فلا يجب تحويله إلى زاوية مستديرة جميلة مثل نمط iPhone. سيقوم iPhone تلقائيًا بتحويل الأيقونة إلى تدرج زاوية مستديرة وفقًا لأسلوبه ، مثل أيقونة Apple Touch لـ Last.FM.
للمستخدمين المحليين ، لا يوجد الكثير من الأشخاص الذين يستخدمون أجهزة iPhone. حتى لو كان هناك الكثير ، هل سيتم وضع موقع الويب الخاص بك على الشاشة الرئيسية؟ ربما لا يكون هذا شيئًا يمكن أن تفعله مواقع الويب الصغيرة العادية مثلنا. لكنها ممتعة ، لقد صنعت واحدة لموقع الويب الخاص بي وأضفت عنصر الرابط هذا.
فيما يلي تعريف السمة الافتراضية لـ WordPress لعنوان RSS2 وعنوان Atom وعنوان pingback. أعتقد أن المبادئ المحددة عميقة ومعقدة ، لذلك لن أدرسها. على أي حال ، مدونتك تحتاجها ، لذلك يبدو أن Atom على ما يرام؟
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />إذا كان لديك الوظيفة <؟ php wp_head () ؛ ؟> في موضوعك ، سيظهر عنصرين الارتباط التاليين:
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />هذان العنصرين مخصصان بشكل أساسي للنشر عن بُعد ، مثل استخدام محرري مدونة سطح المكتب مثل Windows Live Write لنشر المقالات. إذا لم تكن بحاجة إلى هذه الوظيفة ، فيمكنك حذف هذين العنصرين تمامًا. طريقة حذفها هي فتح الوظائف.
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); ملاحظة : قد تفكر في ذلك منذ <؟ php wp_head () ؛ ؟> تولد الوظيفة هذين الأمرين ، فقط حذفهما. نعم ، إذا كنت تتوقع أي مكون إضافي ، فلن تحتاج إلى الحصول على هذه الوظيفة ، ثم حذفها.أعلنت Google و Yahoo و Live Search عن دعمها عن سمة جديدة من الارتباط في جميع أنحاء فبراير من هذا العام ، مع الوظيفة الرئيسية لتحديد روابط موثوقة لصفحات الويب لحل مشكلة المحتوى المكررة.
للحصول على مقدمة مفصلة لهذه السمة ، يرجى الاطلاع على تحديد نموذج عنوان URL الخاص بك في Google Chinese Webmaster.
فيما يلي مكونان مكونان يوصيون بشكل أساسي لمستخدمي WordPress بإضافة هذه الخاصية إلى الجزء الخاص بك: SEO No Duplicate أو Canonical URL. إنه سهل الاستخدام.
يقال إنه تحليل كامل ، ولكن في الواقع ، إنه مجرد عدد قليل من الأشياء الشائعة الاستخدام ، وهو ما يكفي لمعظم الناس. إذا كنت تعرف أيضًا سمات REL المهمة والاستخدام الشائعة الاستخدام ، فأنت مرحبًا بك في مشاركتها.