الإنترنتاستضافة المواقع

زر "أعلى" للموقع: كيفية القيام بذلك

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

ما هو؟

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

فوائد للزوار

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

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

باستخدام زر للتحرك على الفور إلى الجزء العلوي من الصفحة يجعل هواية على الموقع أكثر ملاءمة.

فوائد لمورد الإنترنت

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

وبالتالي، تؤثر هذه العوامل السلوكية على موقف جميع محركات البحث إلى الموقع وتؤدي إلى تحسن في موقع نتائج البحث.

كيفية جعل زر "حتى" على الموقع بنفسك

ونحن نفهم كذلك. زر التمرير لأعلى لموقع على أي من كمس يمكن أن يتم دائما من قبل نفسك، سوى عدد قليل من الخطوات البسيطة جدا:

  • إنشاء الصورة؛
  • إنشاء السيناريو.
  • إنشاء نمط زر.
  • إضافة إلى الموقع.

صورة الزر

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

لتحسين مظهر الزر، تحتاج إلى إجراء بعض التحسينات، وهي، لجعل العفريت، والذي يسمح لك الجمع بين الصور الخلفية على أساس كس، وبالتالي خلق الرسوم المتحركة منها.

بالنسبة للأعمال الرسومية، يمكنك استخدام أي محرر. ولكن الخيار الأكثر ملاءمة سيكون بيكسلر الخدمة عبر الإنترنت، حيث لا يوجد شيء لتحميل هنا ويمكنك استخدامه مباشرة في المتصفح.

لبدء العمل في نافذة المحرر الذي يظهر، حدد الحقل "تحميل صورة من جهاز الكمبيوتر". على سبيل المثال، التقاط صورة الصاروخ.

إذا كانت أبعاد الرمز المحدد كبيرة جدا، فستكون هناك حاجة إلى تعديل صغير للأبعاد. للقيام بذلك، انتقل إلى القائمة العليا وحدد حقل "تحرير"، وبعد "تحويل مجاني ..."

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

الخطوة التالية هي إنشاء نسخة من الطبقة.

الآن تحتاج إلى نقل صورة الصاروخ من طبقة جديدة قليلا حتى. للقيام بذلك، وسوف تكون مريحة لاستخدام أداة التحرك، والذي يقع في العمود الثاني من القائمة اليسرى، والسهم "حتى" على لوحة المفاتيح.

الآن تحتاج إلى جعل الصورة العليا باللونين الأسود والأبيض. ويمكن القيام بذلك باستخدام عنصر "تصحيح" - "هوى / تشبع" في القائمة العليا. للحصول على إزالة ألوان كاملة، يجب تعيين شريط التمرير ساتوراتيون إلى -100. هذا الإجراء سوف يسمح لك لجعل تأثير عندما يتحول زر "أعلى" من الأسود والأبيض إلى اللون عند تحوم عليه.

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

والنتيجة هي صورة التي لا يوجد فيها مساحة زائدة. سيكون من الضروري تسجيل العرض والارتفاع للصورة الناتجة، حيث أن هذه البيانات ستكون مفيدة في الخطوة التالية.

لحفظ، تحتاج إلى النقر على "ملف" - "حفظ"، حيث في العنصر الأيسر "جهاز الكمبيوتر" كتابة اسم الصورة (تخطيط اللغة الإنجليزية فقط)، حدد تنسيق (في هذه الحالة - ينغ) وانقر على زر "نعم".

ملف مع "أعلى" النصي زر

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

للقيام بذلك، تحتاج إلى تحميل أي محرر التعليمات البرمجية. النسخة الأكثر شعبية ومجانية هو المفكرة ++. بعد تثبيته، تحتاج إلى نسخ ولصق فيه كل هذا الرمز:

<سكريبت تايب = "تكست / جافاسكريبت"> $ (دوكومنت) .ready (فونكتيون). {$ (ويندو) .scroll (فونكتيون () {إف ($ (ذيس) .scrollTop ()> 0) {$ (' سكليرلر ') فادين ()؛} إلس {$ (' # سكرولر '). فادوت ()؛}})؛ $ (' # سكرولر ') انقر فوق (فونكتيون () {$ (' بودي، هتمل '). أنيمات ({سكرولتوب: 0}، 400)؛ ريتورن فالس؛})؛})؛

ثم انقر فوق القائمة العلوية "ملف" - "حفظ باسم ..."، ثم قم بحفظ التعليمات البرمجية بتنسيق .js. بعد ذلك، يمكنك استخدام هذه التعليمات البرمجية على موقعك، وتحميل الملفات النصية والصور إلى ذلك باستخدام اتصال فتب.

التثبيت على الموقع

لتعيين زر التمرير لأعلى الموقع، تحتاج إلى وضع التعليمات البرمجية في الموقع المطلوب. يجب إدخاله قبل العلامة .

إنشاء نمط زر في كس

في معظم الأحيان زر "يصل" للموقع يقع في الجزء السفلي ("الطابق السفلي").

في ملف style.css الموقع، تحتاج إلى إدخال التعليمات البرمجية التالية:

"/ * زر أعلى * /

.scrollTop {
باكغروند: ورل ('إيماجيس / up.png') 0 0 نو-ريبيت؛ / * مسار بسيط للصورة * /
العرض: 39 بكسل؛ / * عرض الزر * /
الارتفاع: 96 بكسل؛ / * 50٪ من ارتفاع الزر * /
أسفل: 5px؛ / * لموقف ثابت؛ المسافة البادئة من أسفل * /
اليسار: 89٪؛ / * الإزاحة إلى اليسار * /
}
.scrollTop: هوفر {باكغروند-بوسيتيون: 0 -108px؛ } / * إزاحة الخلفية * / "

في هذه الحالة، تحتاج إلى عرض البيانات وارتفاع الصورة. يبقى فقط لإدخال البيانات في التعليمات البرمجية، وسوف زر "أعلى" للموقع يكون جاهزا! ماذا؟

زر أعلى لموقع وردبريس

لهذا كمس، زر "حتى" يمكن أن يتم مع مساعدة من المكونات الإضافية، وكذلك بشكل مستقل.

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

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

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

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

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

كنوكا "حتى" ل جوملا

كمس جوملا كما يدعم تركيب المكونات الإضافية، مثل وورد. النسخة الأكثر نجاحا من زر "أعلى" لموقع على جوملا 3 هو امتداد يسمى أعلى الصفحة.

في نظام إدارة المحتوى هذا، يمكن تثبيت أي مكون إضافي من خلال "مدير الإضافة". لهذا تحتاج:

  • تحميل المكونات في على شبكة الإنترنت.
  • انقر على الزر "تصفح" في مدير الإضافة؛
  • حدد الأرشيف الذي تم تنزيله.
  • انقر على "تنزيل" وتثبيته.

الآن تحتاج إلى تفعيله في "مدير المساعد". للقيام بذلك، انتقل إلى هذا القسم، والعثور على المكونات في وتحويل حالتها إلى "تشغيل".

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

يحتوي الجزء العلوي من الصفحة على الوظائف التالية:

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

لتخصيص نمط زر "حتى" يجب أن يكون لديك على الأقل الحد الأدنى من المعرفة سس. وإلا، فمن الضروري تبديل قيمة المعلمة بينولتمات إلى "لا".

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

لتغيير هذا النقش، يجب أن تذهب إلى خادم الموقع باستخدام بروتوكول نقل الملفات أو المدمج في استضافة مدير الملفات. ثم في الدليل "/ المسؤول / اللغة / إن-غب /" تحتاج إلى العثور على ملف يسمى "إن-GB.plg_system_topofthepage.ini".

قبل تغيير النص، يجب تغيير ترميز هذا المستند إلى أوتف-8. وهذا سيجعل العرض العادي من الحروف الروسية.

بعد ذلك نجد السطر التالي:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" الرجوع إلى الأعلى ""

وتغيير العبارة في اقتباسات إلى اللغة الروسية. يمكنك استخدام عبارات مثل "حتى!"، "في البداية!" أو "حتى!".

في النهاية، ستحتاج إلى حفظ الملف المعدل والتحقق من وجود زر "أوب" للموقع على جوملا.

زر أوب ل أوكوز

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

لتثبيت، نحن بحاجة إلى:

  • الذهاب إلى "لوحة التحكم -> تصميم -> إدارة التصميم (قوالب) -> الجزء السفلي من الموقع.
  • إدراج نص (يمكن العثور على الموقع الرسمي للمشروع والموارد طرف ثالث).

استنتاج

ثم سيظهر رمز في الزاوية اليسرى السفلى، لنقل المستخدم إلى أعلى الصفحة.

كما ترون، وضع زر "لأعلى" لأي من نظام إدارة المحتوى لم يكن صعبا بشكل خاص. يمكنك استخدام كل من طريقة التثبيت الآلي (المكونات الإضافية) ودليل. ومع ذلك، يبقى الخيار الأخير هو الأنسب، لأنه لا يؤثر سلبا على أداء الموقع.

يمكنك استخدام الزر "أوب" لموقع على هتمل لتقليل استخدام موارد الموقع، نظرا لأن عددا كبيرا من الإضافات يمكن أن يكون له تأثير سلبي على أداء المورد. لا يمكن أن يؤثر زر واحد في المكون الإضافي "أوب" بشكل كبير على وقت تحميل صفحات الموقع، ولكن في معظم الحالات يكون لدى المستخدم ما لا يقل عن اثني عشر مكونا إضافيا مثبتا على نظام إدارة المحتوى. في هذه الحالة، يمكن لأي مكون إضافي أن يؤثر سلبا على أداء صفحات الموقع.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ar.atomiyme.com. Theme powered by WordPress.