WordPress க்கான மேலே செல்ல பொத்தான். நிறுவல் விருப்பங்கள்

வணக்கம், தளத்தின் அன்பான வாசகர்களே! நான் உங்களுக்கு ஒரு புதிய இடுகையை முன்வைக்கிறேன், அதில் "மேலே திரும்பவும்" பொத்தான் எதற்காக உள்ளது மற்றும் அதை வேர்ட்பிரஸில் எவ்வாறு நிறுவுவது என்பது பற்றி பேசுவேன். சரி, ஆரம்பத்தில், எப்போதும் போல, இந்த பொத்தான் ஏன் தேவைப்படுகிறது மற்றும் அதை நிறுவுவது மதிப்புள்ளதா என்பதை நான் விளக்குகிறேன். தொடங்குவோம்!

மேலே செல்ல பொத்தான் எதற்காக?

எடுத்துக்காட்டாக, நீங்கள் ஒரு நீண்ட கட்டுரையை எழுதியுள்ளீர்கள், பயனர் அதை இறுதிவரை படித்தார், இப்போது மீண்டும் ஆரம்பத்திற்குச் செல்ல விரும்புகிறார். இது ஒரு பழக்கமான சூழ்நிலை என்று நான் நினைக்கிறேன். உண்மையல்லவா? ஆனால் மவுஸ் சக்கரத்தைத் திருப்புவது மற்றும் ஸ்லைடரை "இழுப்பது" மிகவும் வசதியானது அல்ல, நீண்ட நேரம் எடுக்கும்.

அதனால்தான் அது உருவாக்கப்பட்டது இந்த செயல்பாடு- பக்கத்தை மேலே உயர்த்துதல். மேலும், நீங்கள் பொத்தானை அழகாக வடிவமைத்தால், இது வடிவமைப்பிற்கு ஒரு பிளஸ்! நீங்கள் அதை மாற்றினால், அதை அழுத்தும் போது, ​​பக்கத்தை கீழே வெளியிடலாம், அதாவது. நேர்மாறாகவும். அப்படியே.

பக்கத்தை உயர்த்துவது ஒரு சொருகி உதவியுடன் மற்றும் அது இல்லாமல் செய்யப்படலாம். இரண்டையும் இப்போது விளக்குகிறேன். எனவே கவனமாக இருங்கள்.

செருகுநிரலுடன் ஒரு பொத்தானை நிறுவுதல்

நீங்கள் செய்ய வேண்டிய முதல் விஷயம், அதை செயல்படுத்த வேண்டும். அதன் பிறகு பொத்தான் வேலை செய்யத் தொடங்கும். ஆனால் பொத்தான் படம் நிலையானதாக இருக்கும். அதை உங்கள் சொந்தமாக மாற்றுமாறு நான் உங்களுக்கு அறிவுறுத்துகிறேன். இதற்கு:

1. "விருப்பங்கள்" தாவலுக்குச் செல்லவும்
2. —> மேலே உருட்டவும்
3. முன்மொழியப்பட்டவற்றிலிருந்து பொத்தானின் தோற்றத்தைத் தேர்வுசெய்யவும் அல்லது உங்களுடையதை பதிவேற்றவும்
4. "புதுப்பிப்பு விருப்பங்கள்" பொத்தானைக் கிளிக் செய்யவும்
5. தயார்! வேர்ட்பிரஸ்ஸிற்கான பின் முதல் மேல் பட்டன் புதிய தோற்றத்தைக் கொண்டுள்ளது.

இப்படி. நீங்கள் அதை உள்ளமைக்கலாம், அதாவது:

• இடம்
• உள்தள்ளல்கள்
• வேகம்
• மேலும்

செருகுநிரல் இல்லாமல் "மேலே திரும்பு" பொத்தான்

இப்போது எப்படி செய்வது என்று பார்ப்போம் வேர்ட்பிரஸ்ஸிற்கான மேலே செல்ல பொத்தான்மூன்றாம் தரப்பு செருகுநிரல்களைப் பயன்படுத்தாமல். ஏன் சொருகி இல்லை? ஆனால் செருகுநிரல்கள் தளத்தை மெதுவாக்குவதால். இதை நான் ஏற்கனவே ஒன்றுக்கு மேற்பட்ட முறை கூறியுள்ளேன் (கட்டுரையில் - வேர்ட்பிரஸில் வீடியோக்களை சேர்ப்பது) மீண்டும் மீண்டும் சொல்கிறேன்.

ஒரு பொத்தானை உருவாக்க, கீழே உள்ள வழிமுறைகளைப் பின்பற்றவும்:

1. கோப்பைத் திறக்கவும் அடிக்குறிப்பு.php, இது டெம்ப்ளேட் கோப்புறையில் உள்ளது மற்றும் முன் ஒட்டவும் குறியீடு:

சில மாற்றங்களைச் செய்யுங்கள், அதாவது:

• your_site.ru என்று அதில் குறிப்பிடப்பட்டுள்ளது - உங்கள் தளத்தின் முகவரியை எழுதவும்

• படத்திற்கான பாதை எங்கே - பொத்தானாக இருக்கும் படத்திற்கான பாதையை உள்ளிடவும்

• படம் என்பது படத்தின் தலைப்பு. .jpg இல்லையென்றால், படத்தில் அமைக்கப்பட்டுள்ள வடிவமைப்பிற்கு மாற்றவும்.

2. கோப்பைத் திறக்கவும் style.css, இது வார்ப்புருவுடன் கூடிய கோப்புறையிலும் அமைந்துள்ளது, மேலும் இறுதியில் பின்வரும் குறியீட்டை ஒட்டவும்:

#toTop (அகலம்: 100px; உரை-சீரமைப்பு: மையம்; திணிப்பு: 5px; நிலை: நிலையானது; கீழே: 10px; வலது: 10px; கர்சர்: சுட்டிக்காட்டி; நிறம்: #666666; உரை-அலங்காரம்: எதுவுமில்லை;)

3. பதிவிறக்கம் செய்து பிரித்தெடுக்கவும். அதில் ஒரு கோப்பு உள்ளது verx.js, உங்கள் தளத்தின் மூலத்தில் நீங்கள் சேர்க்க வேண்டும்.

4. கோப்பைத் திறக்கவும் செயல்பாடுகள்.php, டெம்ப்ளேட்டுடன் கோப்புறையில் அமைந்துள்ளது மற்றும் குறியீட்டை உள்ளிடவும்:

// ஸ்மார்ட் jQuery சேர்த்தல் என்றால் (!is_admin()) ( wp_deregister_script("jquery"); wp_register_script("jquery", ("//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ), wp_enqueue_script("jquery");

5. சரி, அவ்வளவுதான்! நான் உங்களை வாழ்த்த முடியும், இப்போது உங்கள் தளத்தில் வேர்ட்பிரஸ்ஸிற்கான பேக் டு டாப் பட்டன் உள்ளது.

“WordPress க்கான மேல் பட்டனுக்குத் திரும்பு” என்ற கட்டுரையைப் படித்து, உங்களுக்காக நிறுவியுள்ளீர்கள். உங்கள் பதிவுகள் என்ன? கருத்துகளில் எழுதுங்கள்! இப்போதைக்கு அவ்வளவுதான், எல்லோரும்.

வாழ்த்துக்கள், கான்ஸ்டான்டின் பெலன்.

ஒரு வலைத்தளத்திற்கான "மேலே திரும்பு" பொத்தான் நீண்ட காலமாக ஒரு கட்டாய பண்புக்கூறாக உள்ளது.

நீங்களே முடிவு செய்யுங்கள், நீங்கள் ஒரு நீண்ட கட்டுரையைப் படிக்கிறீர்கள். நாங்கள் படித்து முடித்துவிட்டோம், இப்போது நாம் தளத்தின் மேல் செல்ல வேண்டும். உலாவியில் உள்ள ஸ்லைடரைப் பயன்படுத்தி இதைச் செய்யலாம், ஆனால், சுட்டியைக் கிளிக் செய்து, மென்மையான, நேர்த்தியான விளைவுடன் மேலே இருப்பது மிகவும் வசதியானது. ஒரு சிறிய விஷயம், நிச்சயமாக, ஆனால் இந்த சிறிய விஷயங்கள் உங்கள் தளத்திற்கான அணுகுமுறையை வடிவமைக்கின்றன. நீங்கள் ஒரு கட்டுரையைச் சரிபார்க்கும்போது, ​​ஆம் அல்லது உங்கள் தளத்தைப் போற்றும்போது அது உங்களுக்கு மிகவும் இனிமையானது. அது ஆன்மாவுடன் செய்யப்பட்டால், நிச்சயமாக.

பல நவீன தீம்கள் ஏற்கனவே உள்ளமைக்கப்பட்ட Back to top பொத்தான் செயல்பாட்டைக் கொண்டுள்ளன. இவை உங்களுக்கு விருப்பமான உரையுடன் அம்புகள் அல்லது கல்வெட்டுகளாக இருக்கலாம். அனைத்து பெரும்பாலான, நிச்சயமாக, அம்புகள் பல்வேறு. சுத்தமாகவும், நேர்த்தியாகவும், அவை எப்போதும் கையில் இருக்கும், நீங்கள் எந்த நேரத்திலும் மேலே செல்லலாம்.

இருப்பினும், ஒரு கருத்து உள்ளது நவீன உலாவிகள்எந்தவொரு தளத்திற்கும் அத்தகைய பொத்தானை நிறுவக்கூடிய நீட்டிப்புகள் ஏற்கனவே உள்ளன. ஆம், இந்த நீட்டிப்புகள் Chrome மற்றும் Fox இரண்டிற்கும் உள்ளன. ஆனால், உங்கள் தளத்திற்கு வெவ்வேறு நபர்கள் வருகிறார்கள் என்பதை நினைவில் கொள்ளுங்கள். பல IE ரசிகர்கள் உள்ளனர்; சிலர் தங்கள் உலாவிகளில் கூடுதல் நீட்டிப்புகளை நிறுவ விரும்பவில்லை; சுருக்கமாக, உங்கள் தளத்தின் செயல்திறனை மேம்படுத்த சிறிது நேரம் செலவிடுவது அர்த்தமுள்ளதாக இருக்கும்.

வேர்ட்பிரஸ் மூலம் இயங்கும் தளத்திற்கான Back to Top பட்டனை நிறுவுவதற்கான விருப்பங்கள்

குறியீட்டைப் பயன்படுத்தி மேலே திரும்பு பொத்தானை அமைக்கிறது.

இங்கே எனக்கு எனது சொந்த கருத்து உள்ளது, அதை உங்களுடன் பகிர்ந்து கொள்வதில் மகிழ்ச்சி அடைவேன்.

மேல் பட்டனை நிறுவுவதற்கு பல வேறுபட்ட விருப்பங்கள் உள்ளன, மேலும் பல, சொந்தமாக. கொள்கையளவில், குறியீட்டின் சில வரிகளை எழுதுவது கடினம் அல்ல தேவையான கோப்புகள். ஒரே கேள்வி - ஏன்?

தேவையற்ற செருகுநிரல்கள் தளத்தை கடினமாகவும் மெதுவாகவும் வேலை செய்யும் என்று ஒரு கருத்து உள்ளது. இயற்கையாகவே, இது நடக்கும். ஆனால், தேவையான சேர்த்தலைச் செய்ய நீங்கள் ஏற்கனவே முடிவு செய்திருந்தால், குறியீட்டை நீங்களே எழுதுவதா அல்லது தேவையான செருகுநிரலை நிறுவிய பின் அது சேர்க்கப்படுமா என்பதில் என்ன வித்தியாசம்? ஸ்கிரிப்ட் குறியீடு எப்படியும் அதிகரிக்கும்; ஒரு சந்தர்ப்பத்தில், நீங்கள் குறியீட்டை கைமுறையாகச் சேர்க்கிறீர்கள், மற்றொன்றில், இந்தச் சேர்த்தல் ஒரு சொருகி மூலம் செய்யப்படுகிறது.

மேலும் இந்த தருணத்தை மறந்துவிடாதீர்கள். நீங்கள் குறியீட்டை நிறுவலாம், அது வேலை செய்யும். ஆனால், முதலில், என்ஜின் புதுப்பித்தலுக்குப் பிறகு இது எவ்வளவு சரியாக தொடரும்? இரண்டாவதாக, செருகுநிரல் குறியீடுகள் தொடர்ந்து மேம்படுத்தப்பட்டு வருகின்றன. ஒரு விவாதம் நடக்கிறது, பிழைகள் மற்றும் குறைபாடுகளுக்கான தேடல் நடந்து வருகிறது. டெவலப்பர்கள் தங்கள் செருகுநிரல்களை தவறாமல் புதுப்பிப்பார்கள், எனவே நீங்கள் அதை நீங்களே சேர்ப்பதை விட தொழில்முறை டெவலப்பரிடமிருந்து மிகவும் உகந்த குறியீட்டைப் பெறுவதற்கான வாய்ப்புகள் அதிகம்.

சரி, அடிப்படை வசதி. Back to top பொத்தானின் இந்தப் பதிப்பில் நீங்கள் சோர்வடைந்துவிட்டீர்கள், செருகுநிரலை செயலிழக்கச் செய்து, இன்னொன்றை நிறுவியுள்ளீர்கள். நான் அதை விரும்பினேன், அது நன்றாக இருந்தது, இல்லை, அவர்கள் சரிபார்க்கப்பட்டதை விரைவாக செயல்படுத்தினர். இதுபோன்ற அற்ப விஷயங்களில் வம்பு செய்வதில் எந்த அர்த்தமும் இல்லை, நீங்கள் விழாவில் எழுதியதை ஆறு மாதங்களில் நினைவில் கொள்ள வேண்டும்.

குறியீட்டைப் பயன்படுத்தி நான் இங்கே நிறுவல் முறையை விவரிக்க மாட்டேன், இந்த விருப்பங்களை இணையத்தில் எளிதாகக் காணலாம்.

மேல் பட்டன் செருகுநிரலுக்கு உருட்டவும்

இன்று இணையதளத்தில் Back to top பொத்தானைச் சேர்ப்பதற்கான மிகவும் பிரபலமான செருகுநிரலாக இது இருக்கலாம். வகையின் ஒரு வகையான கிளாசிக். எளிதாகவும் எளிமையாகவும் நிறுவுகிறது மற்றும் கட்டமைக்கிறது.

நாம் செல்லலாம் செருகுநிரல்கள் – புதியதைச் சேர்க்கவும், தேடல் பெட்டியில் ஒட்டவும் மேல் பட்டனுக்கு உருட்டவும். நாங்கள் கண்டுபிடிக்கிறோம், நிறுவுகிறோம், செயல்படுத்துகிறோம்.

தாவலில் தோற்றம்பொருள் தோன்றும் மேல் பட்டனுக்கு உருட்டவும், இந்தச் செருகுநிரலின் அமைப்புகளைக் கிளிக் செய்து பார்க்கவும்:

அவற்றில் இரண்டு மட்டுமே உள்ளன. வண்ணத் திட்டம்- இருண்ட அல்லது ஒளி. அளவு- பெரிய அல்லது சிறிய.

தேவையான அளவுருக்களைத் தேர்ந்தெடுத்து, கீழ் வலது மூலையில், சிறிது கீழே நகர்த்தப்பட்ட பிறகு, மேல் அம்பு எவ்வாறு தோன்றும் என்பதைப் பாராட்டுகிறோம். நேர்த்தியான, மென்மையான மாற்றம், கொள்கையளவில், வேறு எதுவும் தேவையில்லை. செருகுநிரல் தொடர்ந்து புதுப்பிக்கப்படுகிறது, எனவே குறியீடு எப்போதும் புதியதாக இருக்கும், மேலும் மதிப்பாய்வுகளின் அடிப்படையில், தளத்தின் வேகத்தில் எந்த விளைவையும் ஏற்படுத்தாது.

ஒரு செருகுநிரலில் நிறுத்த வேண்டாம், எங்கள் மேல் பொத்தானுக்கு வேறு என்ன காணலாம் என்று பார்ப்போம்.

JCWP மேல் செருகுநிரலுக்கு உருட்டவும்

இங்கே முற்றிலும் மாறுபட்ட படம் காணப்படுகிறது. இந்த செருகுநிரல் எங்கள் பொத்தானின் தோற்றத்தை உங்கள் சுவை, நிறம் மற்றும் அளவிற்கு மாற்ற அனுமதிக்கிறது. சரி, முதல் விஷயங்கள் முதலில்.

செருகுநிரல்களுக்கு செல்வோம் - புதியதைச் சேர்க்கவும், தேடலில் செருகவும் JCWP மேலே உருட்டவும், கண்டுபிடி, நிறுவு, செயல்படுத்து.

செருகுநிரல் அமைப்புகளை ஏற்கனவே மற்றொரு தாவலில் காணலாம் - விருப்பங்கள் — JCWP மேலே உருட்டவும்:

நான் படத்தில் அனைத்து அனுசரிப்பு அளவுருக்கள் வைக்கவில்லை அது மிக நீண்டதாக இருந்திருக்கும்.

கிட்டத்தட்ட அனைத்தும் தனிப்பயனாக்கக்கூடியவை.

• அனிமேஷன் காலம்;
• எத்தனை பிக்சல்களுக்குப் பிறகு ஸ்க்ரோலிங் தோன்றும்;
• பொத்தானுக்கு உங்கள் சொந்த அடையாளங்காட்டியை உருவாக்கலாம்;
• பொத்தான் தோற்றத்திற்கான விளைவு;
• பொத்தான் நிலை;
• பொத்தானில் உரை;
• பின்னணி நிறம், எழுத்துரு, எழுத்து அளவு, சட்ட நிறம், ரவுண்டிங் மூலைகளை அமைத்தல்;
• மொபைல் சாதனங்களுக்கு முடக்கு;

இவைதான் அமைப்புகள். நீங்கள் பார்க்க முடியும் என, எங்களிடம் ஒரு ஆயத்த பொத்தான் படம் இருக்காது; ஒரு வசதியான தீர்வு, கிட்டத்தட்ட எந்த வடிவமைப்பிற்கும் ஏற்றது, தோற்றத்திற்கான சுவாரஸ்யமான விளைவுகள்.

WPFront ஸ்க்ரோல் மேல் செருகுநிரல்

நிலையான நிறுவல் செருகுநிரல்கள் – புதியதைச் சேர்க்கவும் —WPFront மேலே உருட்டவும் . பதிவிறக்கவும், நிறுவவும், செயல்படுத்தவும்.

தாவலில் செருகுநிரல் அமைப்புகளை நீங்கள் காணலாம் WPFront – மேலே உருட்டவும்:

கிராஃபிக் பொத்தான்களின் ரசிகர்களுக்கான உண்மையான க்ளோண்டிக் இங்கே உள்ளது. தேர்வு உண்மையில் ஒழுக்கமானது, ஒவ்வொரு சுவைக்கும். எளிய அம்புகள் உள்ளன, மற்றும் கல்வெட்டுகள், மற்றும் வெளிப்படையான, மற்றும் இருண்ட, மற்றும் ஒளி. நீங்கள் விரும்புவதைத் தேர்ந்தெடுங்கள்.

• பொத்தான் தோன்றுவதற்கு பிக்சல்களின் எண்ணிக்கையை நீங்கள் சரிசெய்யலாம்;
• நீங்கள் உங்கள் சொந்த பொத்தான் அளவை உருவாக்கலாம்;
• நீங்கள் பொத்தானில் வெளிப்படைத்தன்மையைச் சேர்க்கலாம்;
• பொத்தான் தோற்றம் மற்றும் மேலே நகர்த்துவதற்கான மென்மையான அமைப்புகள்;
• மொபைல் சாதனங்களுக்கான பொத்தானின் தோற்றத்தை நீங்கள் தனிப்பயனாக்கலாம்;
• பொத்தானின் இருப்பிடம் மற்றும் திணிப்பு அமைத்தல்;
• பொத்தானைக் கிளிக் செய்த பிறகு பயனர் செல்லும் முகவரியை நீங்கள் அமைக்கலாம். ஒரு விசித்திரமான விருப்பம், யாருக்குத் தெரியும் என்றாலும், அது ஒருவருக்கு பயனுள்ளதாக இருக்கும்;

படங்கள் மிகவும் அருமை. ஒவ்வொரு சுவைக்கும் கண்டிப்பானவை உள்ளன, மகிழ்ச்சியானவை உள்ளன.

உங்கள் இணையதளத்தில் தேவையான மற்றும் பயனுள்ள Back to Top பட்டனை எளிதாக உருவாக்க உதவும் செருகுநிரல்கள் இவை. அனைவருக்கும் நல்வாழ்த்துக்கள்!

இந்தக் கட்டுரையில் வழங்கப்பட்டுள்ள வேர்ட்பிரஸ் மேல் பொத்தான் செருகுநிரல்கள் இணையதளப் பக்கங்களில் ஒரு பொத்தானை உருவாக்குகின்றன, அதைக் கிளிக் செய்யும் போது, ​​பக்கத்தை சுமூகமாக மேலே உருட்டும். அனைத்து செருகுநிரல்களுக்கும் அமைப்புகள் உள்ளன. அமைப்புகளில் நீங்கள் பொத்தானின் நிறம், இருப்பிடம் மற்றும் பாணியை மாற்றலாம். அனைத்து வேர்ட்பிரஸ் மேல் பொத்தான் செருகுநிரல்களும் ஏதேனும் இணைக்கப்பட்ட தளங்களில் வேலை செய்கின்றன ஜாவா ஸ்கிரிப்ட்நூலகம்.

டைனமிக் "டாப்" செருகுநிரல்

அதிகாரப்பூர்வ பக்கம்டைனமிக் “டு டாப்” செருகுநிரல் ( https://wordpress.org/extend/plugins/dynamic-to-top/) சொருகி தளத்தில் "மேலே திரும்பு" பொத்தானை வைக்கிறது. செருகுநிரல் நிறுவப்பட்டுள்ளது. செருகுநிரல் மொழி ஆங்கிலம்.

டைனமிக் “டு டாப்” செருகுநிரல் அமைப்புகளில் பின்வருவன அடங்கும்:

• தளத்தில் "மேலே திரும்பு" பொத்தானின் 4 நிலைகள்;
• அமைப்புகள் தோற்றம்(நிறம், நிழல், எல்லை);
• மேல்நோக்கி வேக தேர்வு;
• மொபைல் பதிப்பை முடக்குவது சாத்தியம்;
• ஒரு பொத்தானில் உரையைச் சேர்க்கும் திறன்.

டைனமிக் "டு டாப்" செருகுநிரலின் ஸ்கிரீன்ஷாட்கள்

சொருகி மேலே உருட்டவும்

ஸ்க்ரோல் டு டாப் செருகுநிரலின் அதிகாரப்பூர்வ பக்கம் ( https://wordpress.org/extend/plugins/scrollto-top/) இணையதளத்தில் "மேலே திரும்பு" பொத்தானை வைப்பதற்கான செருகுநிரல். நிலையான. மொழி ஆங்கிலம்.

அமைப்புகளிலிருந்து

• தளத்தில் "மேலே திரும்பு" பொத்தானின் 9 நிலைகள்;
• 4 பட்டன் ஸ்டைல்கள்;
• பொத்தானுக்கு உங்கள் சொந்த படத்தை அமைக்கும் திறன்;
• வண்ண அமைப்புகளுடன் உரை இணைப்புடன் பட்டனை மாற்றுகிறது.

குறிப்பு:ஸ்க்ரோல் டு டாப் செருகுநிரலின் சகோதரி, "டவுன்" பொத்தான் செருகுநிரல் அழைக்கப்படுகிறது கீழே உருட்டவும். அதிகாரப்பூர்வ செருகுநிரல் பக்கம்: https://wordpress.org/extend/plugins/scrollto-bottom.

ஸ்கைசா ஸ்க்ரோல்-டு-டாப் ஆப் செருகுநிரல்

Skysa ஸ்க்ரோல்-டு-டாப் சேர் செருகுநிரலின் அதிகாரப்பூர்வ பக்கம் (https://wordpress.org/extend/plugins/skysa-scroll-to-top-app/). தளப் பக்கங்களின் கீழே உள்ள ஸ்கைசா பேனலை நிறுவுவதற்கான செருகுநிரல். IN இலவச பதிப்புதனிப்பயன் லேபிளுடன் கூடிய "மேல்" அம்பு மட்டுமே பேனலில் நிறுவப்பட்டுள்ளது.

செருகுநிரலின் இலவச பதிப்பில் நடைமுறையில் எந்த அமைப்புகளும் இல்லை. அம்புக்குறி மற்றும் தனிப்பயன் கல்வெட்டு கொண்ட பட்டை மட்டுமே. வாங்குவதற்கு முன் சார்பு பதிப்புகள்சோதனைக்கு 15 நாள் அவகாசம் தருகிறார்கள்.

Skysa ஸ்க்ரோல்-டு-டாப் ஆப்ஸ் செருகுநிரலின் ஸ்கிரீன்ஷாட்கள்

கூட்டல்

பின் முதல் மேல் பட்டனுக்கான எளிய தீர்வு, எளிமையான தீர்வு எதுவும் இல்லை

உங்களுக்கு அழகான மற்றும் "அதிநவீனமான" "மேலே செல்ல" பொத்தான்கள் தேவையில்லை, ஆனால் ஒரு எளிய கல்வெட்டு போதுமானது என்றால், பின்வரும் குறியீட்டை உங்கள் வலைத்தள டெம்ப்ளேட்டில் (உதாரணமாக, footer.php) எங்கும் நீங்கள் காட்ட விரும்பும் இடத்தில் செருகவும். மேலே திரும்பு” என்ற கல்வெட்டு அல்லது பயனருக்கு புரியும் வகையில் உள்ளீடு:

மேல் அல்லது வேறு ஏதேனும் உரை

அனைத்து! நீங்கள் வேறு எதுவும் செய்ய வேண்டியதில்லை.

இந்த "மேலே திரும்பு" கல்வெட்டு செருகுநிரல்களுடன் முரண்படாது; கூடுதல் பொத்தான்"மேலே."

மற்ற வேர்ட்பிரஸ் மேல் பொத்தான் செருகுநிரல்களுக்கு மீண்டும்

தகவலைச் சேர்க்க, இணையதளத்தில் "மேலே திரும்பு" பொத்தானைச் செயல்படுத்த மேலும் 5 செருகுநிரல்களின் பட்டியலை வழங்குகிறேன். செருகுநிரல்களுக்கான ஆதரவு மற்றும் புதுப்பிப்புகள் தொடர்ந்து மாறிக்கொண்டே இருக்கின்றன, எனவே அவற்றைப் பயன்படுத்தும் நேரத்தில் மட்டுமே பேச முடியும்.

• மேல் பட்டனுக்கு உருட்டவும் (https://ru.wordpress.org/plugins/scroll-to-top-button/)
• மென்மையாக உருட்டவும் (https://ru.wordpress.org/plugins/smooth-scroll-up/)
• மேலே திரும்பவும் (https://ru.wordpress.org/plugins/backtop/)
• WPFront ஸ்க்ரோல் மேல் (https://ru.wordpress.org/plugins/wpfront-scroll-top/)
• M7 Go Top (https://wordpress.org/plugins/m7-go-top/)

(சமீபத்திய புதுப்பிப்பு: 03.05.2019)

அனைவருக்கும் வணக்கம்! உங்கள் இணையதளத்தில் உள்ளதா? மேலே பொத்தான் வேர்ட்பிரஸ்மென்மையான பக்க ஸ்க்ரோலிங்கிற்காகவா? இன்னும் நிறுவப்படவில்லை. மேஜிக் பட்டனை நிறுவுவதை தாமதப்படுத்த வேண்டாம், ஏனெனில் தளத்தில் அப் பொத்தான் மிகவும் வசதியானது, குறிப்பாக உங்கள் பார்வையாளர்களுக்கு. அது இல்லாமல் பரவாயில்லை, அது தளத்தில் இல்லாதபோது என்னை கோபப்படுத்துகிறது. பக்கத்தின் மேலே திரும்புவதற்கு நீங்கள் சக்கரத்தை சுழற்ற வேண்டும். கெட்டது, பொத்தான் இல்லாமல் மிக மோசமானது. வெப்மாஸ்டர்கள் தங்கள் பார்வையாளர்களைப் பற்றி அதிகம் அக்கறை கொள்ள வேண்டும்.

WordPress இல் சுமூகமாக உருட்டுவதற்கான பொத்தான்கள்

பெண்களே, உங்கள் வாசகர்களிடம் அதிக கவனத்துடன் இருங்கள், இல்லையெனில் நீங்கள் அவர்களை என்றென்றும் இழக்க நேரிடும்.

இன்று நான் உங்களுக்கு அறிமுகப்படுத்துகிறேன் உங்கள் இணையதளம் அல்லது வலைப்பதிவில் மேலே செல்ல (மேலே ஸ்க்ரோல்) பொத்தானை நிறுவக்கூடிய சிறந்த செருகுநிரல்கள். WP பிளாட்ஃபார்ம் பயனர்களால் தொகுதிகளின் அதிக பதிவிறக்கங்களின் அடிப்படையில் தேர்ந்தெடுக்கப்பட்டது. அனைத்து செருகுநிரல்களையும் நிலையான முறையில், நிர்வாகி குழுவிலிருந்து, தேடல் மற்றும் செருகுநிரல் ஏற்றி மூலம் நிறுவ முடியும் என்பதை நினைவூட்டுகிறேன். எதையும் பதிவிறக்கம் செய்ய வேண்டிய அவசியமில்லை. நிறுவப்பட்டது, செயல்படுத்தப்பட்டது, கட்டமைக்கப்பட்டது மற்றும் அவ்வளவுதான்.

இணையதளத்தில் அப் பட்டனை எவ்வாறு உருவாக்குவது. செருகுநிரல்கள் - WordPress க்கான பட்டன் அப்

நாம் முதலில் செல்வோம் எளிய jQuery சொருகிமென்மையான ஸ்க்ரோல்

jQuery மென்மையான உருள் செருகுநிரல்

தொகுதியை நிறுவி செயல்படுத்திய பின் இந்தச் செருகுநிரல் தானாகவே அப் பட்டனைச் சேர்க்கிறது. மேலே பொத்தான் தளத்தின் கீழ் வலது மூலையில் தோன்றும். அவர்கள் சொல்வது போல், அதை அமைத்து மறந்து விடுங்கள். செருகுநிரல் ஏற்கனவே 50,700 முறைக்கு மேல் நிறுவப்பட்டுள்ளது. எங்கள் பொத்தான் இது போல் தெரிகிறது:

WP தளத்தில் அப் பட்டன்

லைட்வெயிட் சொருகி ஸ்மூத் ஸ்க்ரோல் அப் - ஸ்மூத் ஸ்க்ரோலிங்

லைட்வெயிட் ஸ்மூத் ஸ்க்ரோல் அப் சொருகி

ஸ்மூத் ஸ்க்ரோல் அப் என்பது இலகுரக செருகுநிரலாகும், இது உங்கள் வேர்ட்பிரஸ் தளத்தில் தனிப்பயனாக்கக்கூடிய ஸ்க்ரோல் டு டாப் அம்சத்தை உருவாக்குகிறது. ஸ்மூத் ஸ்க்ரோல் அப் சொருகி குறைந்தபட்ச அமைப்புகளைக் கொண்டுள்ளது. இருந்து தேர்ந்தெடுக்கவும் பல்வேறு வகையானஉறுப்புகளை மேலே உருட்டவும் - படம், ஐகான், உரை இணைப்பு போன்றவை.

ஸ்மூத் ஸ்க்ரோல் அப் செருகுநிரலை உள்ளமைப்பதற்கான விருப்பங்கள்

செருகுநிரல் ரஷ்ய மொழியில் உள்ளது, எனவே மேல் பொத்தான் அமைப்புகளில் உங்களுக்கு எந்த பிரச்சனையும் இருக்காது.

WPFront ஸ்க்ரோல் மேல் செருகுநிரல்

ஸ்க்ரோல் அப் பட்டனைச் சேர்த்தல்

WPFront ஸ்க்ரோல் டாப் மாட்யூல் பார்வையாளரை முழுமையாக தனிப்பயனாக்கக்கூடிய விருப்பங்கள் மற்றும் படத்துடன் பக்கத்தின் மேலே எளிதாக உருட்ட அனுமதிக்கிறது. இந்த சொருகி அதிக அமைப்புகளைக் கொண்டுள்ளது மற்றும் மிக முக்கியமாக, பொத்தானின் ஐகான்களின் (படங்கள்) மிகப் பெரிய தேர்வு. நீங்கள் படம் இல்லாமல் செய்யலாம்:

WPFront ஸ்க்ரோல் டாப் செருகுநிரலை அமைத்தல்

மற்றும் பொத்தான் படங்கள் தங்களை தேர்வு செய்ய நிறைய உள்ளன. மேலே உள்ள பொத்தான் படங்கள் எதுவும் உங்களுக்குப் பொருந்தாவிட்டாலும், உங்கள் பட்டன் படத்திற்கான இணைப்பை நீங்கள் வழங்கலாம்:

மேல் பொத்தான் தேர்வு

ஏற்கிறேன், இது ஒரு மேஜிக் பட்டனுக்கான அழகான கண்ணியமான படங்களின் தொகுப்பு. உண்மை, சொருகி உள்ளது ஆங்கிலம், ஆனால் Google மொழிபெயர்க்கும். தளத்தில் நிறுவப்பட்ட பொத்தானின் எடுத்துக்காட்டு இங்கே:

மேல் பொத்தான்

மேலே உள்ள செருகுநிரலுக்கு மீண்டும் உருட்டவும் - மேல் பொத்தான்

மேலே சொருகி மீண்டும் உருட்டவும்

மேலே உள்ள ஸ்க்ரோல் பேக் டு டாப் தொகுதிக்கு மேலே உள்ள பொத்தான் எப்படி இருக்கும் என்பதற்கான பல அமைப்புகள் மற்றும் விருப்பங்கள் உள்ளன:

இணையதளத்தில் உள்ள அப் பட்டன்களின் எடுத்துக்காட்டு

அனேகமாக அவ்வளவுதான். என் கருத்துப்படி, நீங்கள் ஒரு வேர்ட்பிரஸ் தளத்தில் ஒரு பொத்தானை நிறுவக்கூடிய போதுமான செருகுநிரல்கள் உள்ளன. தேர்வு உங்களுடையது அன்பர்களே. இந்த மதிப்பாய்வை நீங்கள் ரசிப்பீர்கள் என்று நம்புகிறேன். நல்வாழ்த்துக்கள் பின்னர் சந்திப்போம்.

மேல் பட்டன் இப்போது பல தளங்களில் உள்ளது மற்றும் பயனர்கள் பக்கத்தின் மேல் பகுதிக்கு விரைவாக திரும்ப உதவுகிறது. தளம் நிறைய தகவல்களைக் காட்டினால் இது மிகவும் வசதியானது. எனவே, ஒவ்வொரு முறையும் வலைப்பக்கத்தை கட்டுரையின் தொடக்கத்திற்கோ அல்லது மெனுவிற்கோ ஸ்க்ரோல் செய்யாமல் இருக்க, டெவலப்பர்கள் ஒரு பொத்தானைச் சேர்க்க அறிவுறுத்துகிறார்கள். இது வழக்கமாக கீழ் வலது மூலையில் அமைந்துள்ளது மற்றும் பக்கத்தின் முடிவை நீங்கள் நெருங்கும்போது தோன்றும். விருப்பம் மிகவும் சுவாரஸ்யமானது மற்றும் செயல்படுத்த மிகவும் கடினம் அல்ல.

நீங்கள் கொள்கையளவில், சில ஸ்கிரிப்ட்களைப் பயன்படுத்தி மேலே ஒரு பொத்தானை உருவாக்கலாம் மற்றும் வேர்ட்பிரஸ் டெம்ப்ளேட்டைத் திருத்தலாம், ஆனால் எளிதான விருப்பம் உள்ளது - செருகுநிரல்கள். குறியீட்டைப் புரிந்து கொள்ள மிகவும் சோம்பேறியாக இருப்பவர்களுக்கு அல்லது வலை அபிவிருத்தி சிக்கல்களில் மோசமாக தேர்ச்சி பெற்றவர்களுக்கு இது சிறந்தது. கூடுதலாக, சில சுவாரஸ்யமான அம்சங்களை செயல்படுத்துவதற்கு தொகுதிகள் வெவ்வேறு அமைப்புகளைக் கொண்டுள்ளன. மேலும், இது மிகவும் பயனுள்ளதாக இருக்கும். Back to top செயல்பாட்டிற்காகக் கண்டறியப்பட்ட 10 செருகுநிரல்களில், போதுமான எண்ணிக்கையிலான பதிவிறக்கங்களைக் கொண்ட 4ஐ மட்டுமே கருத்தில் கொண்டு பதிலளிப்பேன். தற்போதைய பதிப்புகள்வேர்ட்பிரஸ் அமைப்புகள்.

ஸ்மூத் ஸ்க்ரோல் அப்

இலகுரக மற்றும் தனிப்பயனாக்கக்கூடிய சொருகி, ஸ்மூத் ஸ்க்ரோல் அப், வேர்ட்பிரஸ்ஸில் உள்ள எந்த இடுகை/பக்கத்திற்கும் மேல் பொத்தானைச் சேர்க்க உங்களை அனுமதிக்கிறது. தொகுதி 40 ஆயிரத்துக்கும் மேற்பட்ட முறை பதிவிறக்கம் செய்யப்பட்டுள்ளது; 3.2 முதல் 4.1 வரையிலான WP பதிப்புகள் ஆதரிக்கப்படுகின்றன. கடைசி புதுப்பிப்பு சமீபத்தில் தான். மொழிபெயர்ப்புகள் கிடைக்கின்றன வெவ்வேறு மொழிகள்(ரஷியன் மற்றும் உக்ரைனியன் இன்னும் கிடைக்கவில்லை).

ஸ்மூத் ஸ்க்ரோல் அப் முக்கிய அம்சங்கள்:

• மேல் பட்டனுக்கான வெவ்வேறு கூறுகளைத் தேர்ந்தெடுக்கிறது: உரை, படம், பொத்தான்.
• மேலே உள்ள உறுப்புக்கான நிலையைத் தேர்ந்தெடுப்பது: இடது, வலது, மையம்.
• மேல் பொத்தானுக்கு எந்த உரையையும் குறிப்பிடும் திறன்.
• பொத்தான் தோன்றும் பக்கத்தின் மேலே இருந்து தூரத்தைக் குறிப்பிடுகிறது.
• ஸ்க்ரோலிங் செய்யும் போது அனிமேஷன் (ஸ்க்ரோலிங், டிம்மிங்).
• காட்டு/மறை முகப்பு பக்கம்மற்றும் மொபைல் சாதனங்கள்.
• கிளிக் நிகழ்வைச் சேர்த்தல்.

பின் முதல் மேல் பொத்தானின் அளவுருக்கள் (நிறம், எல்லை, பின்னணி, வெளிப்படைத்தன்மை) மற்றும் பின் முதல் மேல் உறுப்பின் இருப்பிடத்தை அமைப்பது மற்றும் அதற்கான படங்கள் அல்லது உரையைப் பயன்படுத்துதல், மேலும் ஸ்க்ரோலிங் செய்யும் போது அனிமேஷன் விருப்பங்கள் போன்றவை. ஆதரிக்கப்படும் வேர்ட்பிரஸ் பதிப்புகள் 3.0 முதல் 3.9.2 வரை, தொகுதி 18 ஆயிரத்துக்கும் மேற்பட்ட முறை பதிவிறக்கம் செய்யப்பட்டுள்ளது.

இந்த நான்கு செருகுநிரல்களில் பின் முதல் மேல் பொத்தானைத் தேர்வுசெய்யுமாறு நான் உங்களுக்கு அறிவுறுத்துகிறேன். மதிப்பாய்வில் அவர்களின் ஆர்டர் மதிப்பீடு அல்ல, அதாவது, கட்டுரையின் தொடக்கத்திலோ அல்லது முடிவிலோ நான் சிறந்ததாகக் கருதினேன் என்று அர்த்தமல்ல, நான் அறிந்தவுடன் அவை செல்கின்றன. எல்லாம் அடிப்படையில் உங்கள் தேவைகளைப் பொறுத்தது. நீங்கள் மேம்பாடு மற்றும் வேர்ட்பிரஸ் ஆகியவற்றிலிருந்து வெகு தொலைவில் இருந்தால், ஸ்மூத் ஸ்க்ரோல் அப் நிறுவி அதை மறந்துவிடுவதே எளிதான வழி. அமைப்புகளுடன் டிங்கர் செய்ய விரும்புவோருக்கு, கடைசி இரண்டு செருகுநிரல்கள் பொருத்தமானவை. முதலாவது புதியது இந்த நேரத்தில். பொதுவாக, தேர்வு செய்ய நிறைய இருக்கிறது.