அழகான சமூக ஊடக பொத்தான்களின் ஸ்கிரிப்ட். சொந்த சமூக பொத்தான்கள். பொத்தானின் படங்களை சேவையகத்தில் பதிவேற்றுகிறது

  • 02.07.2020

இந்த விரைவான டுடோரியலில், எளிய மற்றும் தனிப்பயன் சமூக பகிர்வு பொத்தான்களை உருவாக்குவோம்.

நான் முன்மொழியப்பட்ட விருப்பம் இந்த குறைபாடுகள் இல்லாதது - எல்லா கோப்புகளும் உங்கள் சேவையகத்தில் இருக்கும் (அதாவது, அவை தளத்துடன் சேர்ந்து விழும்), வெளியில் இருந்து எதையும் ஏற்றாமல், அதைத் தவிர, தனிப்பயனாக்கக்கூடியது. கூடுதலாக, எங்களிடம் ஒரு சிறிய பிளஸ் இருக்கும் - பொதுவாக பெரிய மூன்று (VKontakte, Facebook மற்றும் Twitter) சமூக பொத்தான்களின் ஒரு பகுதியாகும். எங்கள் விஷயத்தில், Mail.Ru, Odnoklassniki மற்றும் Telegram ஆகியவை கிளிப்பில் உள்ளன, அதனால் யாரும் எங்கள் தளத்தை வெளியிடாமல் விட்டுவிடக்கூடாது.

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

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

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

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

Vkontakte: செயல்பாடு (purl, ptitle, pimg, text) (url = "http://vkontakte.ru/share.php?"; Url + = "url =" + encodeURIComponent (purl); url + = "& title = "(LANG: + encodeURIC Component (ptitle); url + ="&description=" + encodeURIComponent(text); url += "&image=" + encodeURIComponent(pimg); url += "&noparse=true"; Share.popup(url); }, !}

முதல் பிரச்சனை சிறியது மற்றும் பலர் என்னிடம் கூறலாம், “ஏய், நண்பரே இதை 2012 ல் எழுதினார்! வரியை மாற்றவும், அவ்வளவுதான். ” நீங்கள் மாற்ற முடியும் என்பதை நான் உங்களுடன் ஒப்புக்கொள்கிறேன்vkontakte.ru vk.com க்கு சென்று கேள்வியை மூடவும்.

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

ஆனால் இந்த ஸ்கிரிப்ட் இறுதியில் என்ன செய்கிறது? இது பட்டியலிடப்பட்ட அளவுருக்களைக் கடந்து செல்லும் பாப்-அப் சாளரத்தை உருவாக்குகிறது. இவை வரிகள்:

பாப்அப்: செயல்பாடு (url) (window.open (url, "", ”toolbar = 0, status = 0, அகலம் = 626, உயரம் = 436");)

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

முதலில், பகிர்வு பொத்தான்களுக்கு சில மாறிகள் இருக்க வேண்டும்:

  • $ தலைப்பு- பக்கத்தின் தலைப்பு (தலைப்பு)
  • $ விளக்கம்- பக்க விளக்கம்
  • $ ImageUrl - பக்க படத்திற்கான பாதை
  • $ இணைப்பு - பக்கத்திற்கான நேரடி இணைப்பு

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

  • $ தலைப்பு- இது
  • $ விளக்கம்
  • $ ImageUrl
  • $ இணைப்பு

இப்போது, ​​நமக்குத் தேவையான இடத்தில், பின்வரும் குறியீட்டைச் செருகுவோம், அங்கு மாறிகள் இடத்தில் தேவையான மதிப்புகளை மாற்றுகிறோம் (தேவைப்பட்டால்):

தொடர்பில் உள்ளது முகநூல் அஞ்சல்.ருவகுப்பு தோழர்கள் ட்விட்டர் தந்தி

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

என்ன நடக்கிறது - ஸ்கிரிப்ட் அனைத்து கிளிக்குகளையும் கண்காணிக்கிறது rel = "nofollow" பண்புடன். நீங்கள் எதையும் வைக்கலாம், ஆனால் இந்த இணைப்புகளை நீங்கள் பின்பற்றத் தேவையில்லை என்று இது ரோபோக்களுக்கும் சொல்கிறது - நாங்கள் ஒரே நகர்வில் காம்போ செய்கிறோம். அழுத்தும்போது, ​​அது 626 ஆல் 436 பிக்சல்கள் (அளவுருக்கள் அகலம் = 626, உயரம் = 436) அளவு கொண்ட சாளரத்தைத் திறக்கிறது, அதை உங்கள் ரசனைக்கு மாற்றலாம்.

அவ்வளவுதான்! இந்த கட்டுரையின் முடிவில் வேலையின் முடிவை நீங்கள் பார்க்கலாம்.

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

உள்நாட்டு வடிவமைப்பாளர்கள் மற்றும் வலைத்தளங்களுக்கான சமூக ஊடக பொத்தான்களின் ஸ்கிரிப்ட்கள் மற்றும் வெளிநாட்டு ஒப்புமைகளின் மதிப்பாய்வு. சுருக்கமாக, புரிந்துகொள்ளக்கூடிய மற்றும் தெளிவாக.

வலைத்தளத்திற்கான சமூக ஊடக பொத்தானை வடிவமைப்பாளர்கள்

2. தளத்திற்கான இணைப்புகளைப் பெற எளிதான வழி - QIP.RU
தளத்தில் பொத்தானை வைத்து பார்வையாளர்களுக்கு புக்மார்க்குகள், வலைப்பதிவுகள் மற்றும் சமூக வலைப்பின்னல்களில் தங்களுக்குப் பிடித்த தளப் பொருட்களைச் சேர்க்க வாய்ப்பளிக்கவும். மூன்று படிகள்: பொத்தானை எங்கு குறிக்க வேண்டும் (தளம், பிளாகர் அல்லது வேர்ட்பிரஸ்), பொத்தான்களை ஸ்டைல் ​​செய்யுங்கள் (பெட்டியின் வெளியே) மற்றும் பொத்தானைப் பெறுங்கள்.

3. சமூக வலைப்பின்னல்களில் உள்ளடக்கத்தை சேர்ப்பதற்கான பொத்தான்கள் - பிளஸோ
பொத்தான்களை வைக்கவும் மற்றும் பார்வையாளர்களுக்கு அவர்கள் விரும்பும் பக்கங்களை சமூக வலைப்பின்னல்களில் பகிரவும், அச்சிடவும், மின்னஞ்சல் அனுப்பவும் மற்றும் புக்மார்க்குகளை சேர்க்கவும் வாய்ப்பளிக்கவும்.

4. சமூக செயல்பாட்டின் சேவை - UpToLike
நிறம், வடிவம், அளவு மற்றும் சிறப்பு விளைவுகளை அமைக்கும் திறன் கொண்ட தனிப்பயனாக்கப்பட்ட சமூக ஊடக பொத்தான்கள். கூடுதல் அம்சங்கள் பிக்ஷேர் பட பகிர்வு விட்ஜெட், "மேற்கோள்" செயல்பாடு மற்றும் தனிப்பயனாக்கப்பட்ட பின்வரும் செயல்பாடு.

5. ஒரு பொத்தான்! - புக்மார்க்குகள் மற்றும் சமூக வலைப்பின்னல்களின் அனைத்து சேவைகளுக்கும்
வகையான பொத்தானைத் தேர்ந்தெடுக்கவும். பொத்தான் எங்கே நிறுவப்படும்: வலைத்தளம், பிளாகர் அல்லது வேர்ட்பிரஸ். ஒரு பொத்தானைச் சேர்க்கவும்.

தளத்திற்கான சமூக ஊடக பொத்தான்களின் ஸ்கிரிப்டுகள்

1. தளத்திற்கான அழகான சமூக பொத்தான்கள் - goodhare.js
கிட்டத்தட்ட எந்த சாதனத்திலும் பொத்தான்களைக் காண்பி. சுத்தமான குறியீடு. சுருக்கமான ஆவணங்கள். எஸ்சிஓ நட்பு.

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

3. jQuery ஐப் பயன்படுத்தி பொத்தான்கள் போன்ற அழகான சமூக ஊடகங்கள் - சமூக விருப்பங்கள்
சமூக வலைப்பின்னல்களுக்கான அதே பாணியில் கவுண்டர்களுடன் "போன்ற" பொத்தான்களின் ஸ்கிரிப்ட்: பேஸ்புக், ட்விட்டர், VKontakte, Odnoklassniki, Moi Mir, Google+ மற்றும் Pinterest.

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

1. பகிர் பொத்தான்கள் - AddThis
பகிரப்பட்ட உள்ளடக்கத்தின் மூலம் மற்ற வளங்கள் மற்றும் சமூக வலைப்பின்னல்களில் இருந்து பார்வையாளர்களை ஈர்ப்பதன் மூலம் உங்கள் தளத்தின் பார்வையாளர்களை அதிகரிக்க பகிர் பொத்தான்கள் உதவும்.

4. சமூக பகிர்வு - Po.st
சமூக ஊடக பகிர்விலிருந்து அதிக மதிப்பைப் பெறுங்கள். இந்த சேவை பார்வையாளர்களுக்கு சமூக வலைப்பின்னல்களில் பகிரும் செயல்முறையை எளிதாக்கும், இது தளத்தின் கரிம போக்குவரத்தை அதிகரிக்கும்.

5. எந்த வலைத்தளத்திற்கும் பொத்தான்களைப் பகிரவும் - AddToAny
எந்த வலைத்தளத்திற்கும் சமூக ஊடக பொத்தான்கள் குறியீட்டைப் பெறுங்கள். பொத்தானின் வகை மற்றும் பாணியை தேர்வு செய்யவும், மின்னஞ்சல் மற்றும் பிற விருப்பங்களை குறிப்பிடவும் அல்லது தளங்களில் ஒன்றை தேர்வு செய்யவும்: வேர்ட்பிரஸ், Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad அல்லது FeedFlare. பொத்தான் குறியீட்டைப் பெறுங்கள்.

8:00 மணிக்கு செய்தியை மாற்றவும் 6 கருத்துகள்

சமீபத்தில், ஒவ்வொரு நொடியும் (முதல் இல்லையென்றால்) தளத்தின் வளர்ச்சிக்கான தேவைகளில் வாடிக்கையாளர் அதை சமூக வலைப்பின்னல்களுடன் இணைப்பது உறுதி என்று கேட்கிறார். தளத்தில் உள்ள "சமூக" பொத்தான்கள் இலக்கு பார்வையாளர்களை ஈர்ப்பதற்கான முதல் கருவி, உள்ளடக்க விநியோகம் மற்றும் பொதுவாக PR. மேலும் இது முற்றிலும் இலவசம்!

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

அம்சங்கள் மற்றும் செயல்பாடுகள் என்ன?

உங்கள் தளம் பிரபலமான சமூக ஊடகங்களுடன் தொடர்பு கொள்ளும் நபர்களை இலக்காகக் கொண்டிருந்தால். நெட்வொர்க்குகள், எடுத்துக்காட்டாக, Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest, முதலியன, அவை ஒவ்வொன்றிற்கும் தனித்தனியாக பொத்தான்களை அமைக்காதபடி, அவை ஒவ்வொன்றும் அளவு மற்றும் வடிவமைப்பில் வேறுபடலாம். திரட்டல் சேவைகளைப் பயன்படுத்த பரிந்துரைக்கிறோம். இவை எளிய மற்றும் வசதியான கருவிகளாகும், அவை எந்த சமூக வலைப்பின்னலைப் பயன்படுத்தினாலும், தள பார்வையாளர்கள் தங்கள் நண்பர்களுடன் விரைவாக தகவல்களைப் பகிர அனுமதிக்கும். கீழே நாம் மிகவும் பிரபலமான சேவைகளை பகுப்பாய்வு செய்வோம்.

சமூக ஊடக பொத்தான்கள் பிளஸ்ஸோவைப் பகிரவும்

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

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

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

உங்களுக்கு ஏன் ஷேர் 42 பேனல் தேவை, அதன் நன்மைகள்

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

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

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

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

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

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


இப்போது தீமைகள் பற்றி:

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

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

ஷேர் 42 ஐ கட்டமைத்தல் மற்றும் ஸ்கிரிப்டை தளத்தில் நிறுவுதல்

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

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

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

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

வேர்ட்பிரஸில் இது பொதுவாக Style.css என்று அழைக்கப்படுகிறது மற்றும் நீங்கள் பயன்படுத்தும் தீம் ( / wp-content / themes / theme name) கொண்ட கோப்புறையில் வாழ்கிறது. ஜூம்லாவில், நீங்கள் தற்போது பயன்படுத்தும் டெம்ப்ளேட் ( / வார்ப்புருக்கள் / டெம்ப்ளேட் பெயர்) உடன் கோப்புறையில் உள்ள ஸ்டைல் ​​கோப்பைத் தேட வேண்டும்.

எடிட்டிங் செய்ய இந்தக் கோப்பைத் திறந்து, நீங்கள் நகலெடுத்த ஸ்டைல் ​​குறியீட்டின் துண்டுகளை இறுதிவரை சேர்க்கவும் (நாங்கள் HTML குறியீட்டை வேறு இடத்தில் ஒட்டுகிறோம்). மாற்றங்களைச் சேமிக்கவும், பாப்-அப் சலுகையுடன் உடன்படுவதன் மூலம் இந்த மாற்றங்களைப் பயன்படுத்த, ஃபைல்ஸிலாவுக்குச் செல்வதை மறந்துவிடாதீர்கள்.

சரி, இப்போது மூன்று வரிகளைக் கையாள வேண்டிய நேரம் வந்துவிட்டது HTML ஸ்கிரிப்ட் குறியீடு Share42... கட்டுரைகளுக்கு முன்னும் பின்னும் அவற்றைச் செருகுமாறு ஆசிரியர் அறிவுறுத்துகிறார். வேர்ட்பிரஸில், இது எளிதானது அல்ல, ஆனால் மிகவும் எளிது. உங்கள் கருப்பொருளுடன் கோப்புறையிலிருந்து எடிட்டிங் செய்ய single.php கோப்பைத் திறக்கவும் (நினைவில் கொள்ளுங்கள், அது / wp-content / themes / WordPress theme- ன் பெயரில் வாழ்கிறது).

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

சரி, மிதக்கும் பேனலை முக்கிய ஒன்றில் பயன்படுத்தவும் முடிவு செய்தேன். வேர்ட்பிரஸ், index.php பொறுப்பு, அனைத்து தற்போதைய தீம் அதே கோப்புறையில் இருந்து. அதில் பொருத்தமான இடத்தைக் கண்டுபிடித்து குறியீட்டில் ஒட்டவும் (சோதனை மற்றும் பிழை இருக்கலாம்).

பங்கு 42 மிதக்கும் குழு நிலைப்படுத்தல்

நான் ஒரு செங்குத்து மிதக்கும் குழு Share42 ஐப் பயன்படுத்தினேன், எனவே Html குறியீட்டில் மூன்றாவது வரியின் முடிவில் இரண்டு இலக்கங்கள் உள்ளன - என் விஷயத்தில் அது 298 (இயல்புநிலை 150) மற்றும் 20. அவர்கள் என்ன சொல்கிறார்கள்? முதலில் பேனலின் மேலிருந்து வலைப்பக்கத்தின் மேல் பகுதிக்கு கீழே உள்ள ஆரம்ப பேடிங்கை அமைக்கிறது (கீழே உள்ள சாம்பல் புள்ளியிடப்பட்ட கோடு).

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

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

உங்கள் கட்டுரையுடன் பகுதி தொடர்பாக நிலையை பாதிக்கும் இன்னும் ஒரு எண்ணிக்கை உள்ளது. ஆனால் நீங்கள் ஏற்கனவே உங்கள் ஸ்டைல்ஷீட்டில் நகலெடுத்த CSS குறியீட்டில் காணலாம். இயல்பாக, இந்த எண்ணிக்கை சமமாக இருக்கும் - 70 px (இடதுபுறத்தில் அமைக்கப்பட்டுள்ளது) மற்றும் இந்த மதிப்பின் அர்த்தம் முந்தைய ஸ்கிரீன்ஷாட்டில் சிவப்பு புள்ளியிடப்பட்ட கோடுடன் காட்டப்பட்டுள்ளது. நான் இயல்புநிலையை விட்டுவிட்டேன், ஆனால் பரிசோதனை செய்ய தயங்க.

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

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

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

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

அதிர்ஷ்டம் உங்களுக்கு உரித்தாகட்டும்! வலைப்பதிவின் பக்கங்களில் விரைவில் சந்திப்போம்

நீங்கள் ஆர்வமாக இருக்கலாம்

வெபாயிண்ட் புரோ - பரந்த செயல்பாடு மற்றும் திறமையான தொழில்நுட்ப தேடுபொறி உகப்பாக்கம் கொண்ட பதிலளிக்கக்கூடிய வேர்ட்பிரஸ் தீம்
கட்டுரைகளை எழுதும் மற்றும் வெளியிடும் போது 10 கொடிய தவறுகள்

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

நன்மைகள் மற்றும் தீமைகள்

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

தீமைகள்

  1. பக்கம் ஏற்றும் வேகம் குறையலாம்.
  2. இன்டர்நெட் திட்டத்தின் மிகவும் சிறப்பு வாய்ந்த கவனத்துடன், நீங்கள் விரும்பிய விளைவைப் பெறாமல் போகலாம்.

சமூக ஊடக பொத்தான் சேவைகள் கண்ணோட்டம்

உங்கள் வலைத்தளத்தில் சமூக ஊடக பொத்தான்களைச் சேர்க்க நீங்கள் பயன்படுத்தக்கூடிய மிகவும் பிரபலமான சேவைகளைப் பார்ப்போம்.

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

    சேவை வெவ்வேறு பொத்தான்களுக்கு முன்னூறுக்கும் மேற்பட்ட விருப்பங்களை வழங்குகிறது! உங்களுக்கு மிகவும் பிடித்தவற்றை மிக எளிமையாக தேர்வு செய்யலாம்.

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


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


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

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


  3. இந்த சேவை பயனர்களை தங்கள் வலைத்தளத்தில் சமூக வலைப்பின்னல்களின் மிக அழகான மற்றும் ஸ்டைலான பொத்தான்களை வைக்க அழைக்கிறது. சேவையால் உருவாக்கப்பட்ட படிவம் css மற்றும் javascript ஐப் பயன்படுத்துகிறது. உருவாக்கப்பட்ட வடிவம் எந்த இணையத் திட்டத்தின் வடிவமைப்பிலும் சரியாக பொருந்தும். நவீன jQuery தொழில்நுட்பத்தைப் பயன்படுத்தி பொத்தான்கள் தயாரிக்கப்படுகின்றன. இணைப்பு மிகவும் எளிதானது மற்றும் ஆரம்பநிலைக்கு கூட எந்த சிரமத்தையும் ஏற்படுத்தாது. பதிவிறக்கம் மிக வேகமாக உள்ளது.


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

    கூடுதலாக, டெம்ப்ளேட்களில் உருவாக்கப்பட்ட குறியீட்டை எவ்வாறு சேர்ப்பது என்று சேவை சொல்கிறது.


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

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

பி.எஸ். கவனத்திற்கு நன்றி. நீங்கள் எந்த சேவையை விரும்புகிறீர்கள்? உங்கள் கருத்துகளுக்காக காத்திருக்கிறது. :)