అందమైన సోషల్ మీడియా బటన్ల స్క్రిప్ట్. స్వంత సామాజిక బటన్లు. బటన్ చిత్రాలను సర్వర్‌కి అప్‌లోడ్ చేస్తోంది

  • 02.07.2020

ఈ శీఘ్ర ట్యుటోరియల్‌లో, మేము సరళమైన మరియు అనుకూలమైన సామాజిక భాగస్వామ్య బటన్‌లను సృష్టిస్తాము.

నేను ప్రతిపాదించిన ఎంపికలో ఈ లోపాలు లేవు - అన్ని ఫైల్‌లు మీ సర్వర్‌లో ఉంటాయి (అంటే, అవి సైట్‌తో పాటు వస్తాయి), బయటి నుండి ఏదైనా లోడ్ చేయకుండా, అలాగే, ఇది చాలా అనుకూలీకరించదగినది. అదనంగా, మనకు చిన్న ప్లస్ ఉంటుంది - సాధారణంగా పెద్ద మూడు (VKontakte, Facebook మరియు Twitter) సామాజిక బటన్లలో భాగం. మా విషయంలో, Mail.Ru, Odnoklassniki మరియు టెలిగ్రామ్ క్లిప్‌లో ఉన్నాయి, తద్వారా ఎవరూ మా సైట్‌ను బహిర్గతం చేయకుండా వదిలివేయరు.

ముఖ్యమైన ప్రతికూలత మాత్రమే: క్లిక్‌ల సంఖ్యబటన్ల సంఖ్యపై కాదు... మేము సరళత మరియు వశ్యతను దాటి వెళ్తాము.

మొదటిసారిగా, సోషల్ నెట్‌వర్క్‌ల కోసం నా స్వంత బటన్‌ల గురించిన ప్రశ్న సైట్‌లోని పేజీకి సామాజిక భాగస్వామ్యం చాలా అవసరమైన సమయంలో నాకు వచ్చింది, అయితే అన్ని వనరులు డిజైన్‌కు సరిపోలేదు. మరియు నేను మాత్రమే కాదు - కస్టమ్ బటన్ల ఆలోచన కొత్తది కాదు. అత్యంత ఆసక్తికరమైన పరిష్కారం, నా అభిప్రాయం ప్రకారం, నేను హబ్రేలో కనుగొన్నానుమరియు ఒక చిన్న శోధన తర్వాత GitHub దారితీసింది... నేను అలాంటి షేరింగ్ బటన్‌ల ఆపరేషన్ యొక్క లాజిక్‌ను ప్రాతిపదికగా తీసుకున్నాను మరియు వాటిని సృజనాత్మకంగా సవరించాను.

పరిష్కారం భావించిన బూట్ వలె చాలా సులభం - సోషల్ నెట్‌వర్క్‌ల కోసం లింక్‌లు తయారు చేయబడతాయి, అందులో వారు అర్థం చేసుకున్న పారామితులు ప్రసారం చేయబడతాయి. దీనికి ట్యాగ్ ఉపయోగించబడుతుంది కాబట్టి , అప్పుడు మీరు దానిలో దాదాపు ఏదైనా చుట్టవచ్చు - అనుకూలీకరణకు (దీని కోసం ఇవన్నీ చేయబడుతున్నాయి) పరిధి చాలా పెద్దది.

కానీ ఈ స్క్రిప్ట్‌లో ఒక లోపం ఉంది - బటన్‌లలో ఒకదానిని క్లిక్ చేసినప్పుడు బ్రౌజర్ ప్రవర్తనను నిర్వహించే స్క్రిప్ట్. దానిలో కొంత భాగం ఇక్కడ ఉంది, దీనిలో మీరే రెండు సమస్యలను సులభంగా చూడవచ్చు:

Vkontakte: ఫంక్షన్ (purl, ptitle, pimg, text) (url = "http://vkontakte.ru/share.php?"; Url + = "url =" + encodeURICcomponent (purl); url + = "& title = " (! లాంగ్: + ఎన్‌కోడ్యురికాంపొనెంట్ (పిటిటిల్); url + ="&description=" + encodeURIComponent(text); url += "&image=" + encodeURIComponent(pimg); url += "&noparse=true"; Share.popup(url); }, !}

మొదటి సమస్య చిన్నది మరియు చాలామంది నాతో ఇలా అనవచ్చు, “హే, డ్యూడ్ దీన్ని 2012లో రాశాడు! లైన్ మార్చండి మరియు అంతే. ” మరియు మీరు మార్చగలరని నేను మీతో అంగీకరిస్తున్నానుvk.comకి vkontakte.ru మరియు ప్రశ్నను మూసివేయండి.

రెండవది, ప్రతి సేవకు కొత్త బ్లాక్ వ్రాయవలసి ఉంటుంది. ఇది చేయడం చాలా సమస్యాత్మకం కాదు, కాపీ-పేస్ట్ చేసి, అవసరమైన పారామితులను తీసివేయండి / జోడించండి.

అయితే ఈ స్క్రిప్ట్ చివరికి ఏం చేస్తుంది? ఇది జాబితా చేయబడిన పారామితులను దాటిన పాప్-అప్ విండోను సృష్టిస్తుంది. ఇవి పంక్తులు:

పాప్అప్: ఫంక్షన్ (url) (window.open (url, "", "టూల్‌బార్ = 0, స్థితి = 0, వెడల్పు = 626, ఎత్తు = 436");)

ఈ స్క్రిప్ట్ యొక్క పనిని నేను కొద్దిగా సవరించాను. కానీ క్రింద దాని గురించి మరింత. బటన్‌లు మరియు అవి ఎలా పని చేస్తాయో చూద్దాం.

ముందుగా, షేరింగ్ బటన్‌ల కోసం మనం కొన్ని వేరియబుల్స్ కలిగి ఉండాలి:

  • $ శీర్షిక- పేజీ యొక్క శీర్షిక (శీర్షిక).
  • $ వివరణ- పేజీ వివరణ
  • $ ImageUrl - పేజీ చిత్రానికి మార్గం
  • $ లింక్ - పేజీకి ప్రత్యక్ష లింక్

నేను వాటికి సంప్రదాయబద్ధంగా పేరు పెట్టాను, తద్వారా వాటిలో ఎన్ని అవసరం మరియు అవి ఏమిటో స్పష్టంగా తెలుస్తుంది. అవి మీ సైట్‌లో ఎలా తీసుకోబడతాయి - మాన్యువల్‌గా లేదా స్వయంచాలకంగా - ఇది అమలు చేయబడే అప్లికేషన్‌పై మాత్రమే ఆధారపడి ఉంటుంది. ఉదాహరణకు, WordPress CMSలో ఇది ఇలా ఉంటుంది:

  • $ శీర్షిక- ఇది
  • $ వివరణ
  • $ ImageUrl
  • $ లింక్

ఇప్పుడు, మనకు అవసరమైన స్థలంలో, మేము ఈ క్రింది కోడ్‌ను ఇన్సర్ట్ చేస్తాము, ఇక్కడ మేము వేరియబుల్స్ స్థానంలో అవసరమైన విలువలను ప్రత్యామ్నాయం చేస్తాము (అవసరమైతే):

తో పరిచయంలో ఉన్నారు ఫేస్బుక్ మెయిల్.రూసహవిద్యార్థులు ట్విట్టర్ టెలిగ్రామ్

సిద్ధంగా ఉంది. కోడ్ ఇప్పటికే పని చేస్తోంది మరియు ఉపయోగించవచ్చు - మీరు లింక్‌పై క్లిక్ చేసినప్పుడు, సోషల్ నెట్‌వర్క్ యొక్క కొత్త ట్యాబ్ తెరవబడుతుంది. ఇప్పుడు దాన్ని తయారు చేద్దాం, తద్వారా ఇది ట్యాబ్‌లను ఉత్పత్తి చేయదు, కానీ బ్రౌజర్ పైన ఒక చిన్న విండోను తెరుస్తుంది. కింది కోడ్‌ని జత చేద్దాం:

ఏమి జరుగుతుంది - స్క్రిప్ట్ అన్ని క్లిక్‌లను పర్యవేక్షిస్తుంది rel = "nofollow" లక్షణంతో. మీరు ఏదైనా ఉంచవచ్చు, కానీ ఇది రోబోట్‌లకు మీరు ఈ లింక్‌లను అనుసరించాల్సిన అవసరం లేదని చెబుతుంది - మేము ఒకే కదలికలో కాంబోను చేస్తాము. నొక్కినప్పుడు, ఇది 626 బై 436 పిక్సెల్‌ల పరిమాణంతో విండోను తెరుస్తుంది (పారామితులు వెడల్పు = 626, ఎత్తు = 436), ఇది మీ ఇష్టానికి మార్చవచ్చు.

అంతే! మీరు ఈ వ్యాసం చివరిలో పని ఫలితాన్ని చూడవచ్చు.

వాస్తవానికి, ఈ స్క్రిప్ట్‌లో ఒక ముఖ్యమైన లోపం ఉంది - ఇది క్లిక్‌ల సంఖ్యను లెక్కించదు. కానీ తేలికైన, వేగవంతమైన మరియు సులభంగా అనుకూలీకరించదగిన పరిష్కారంగా, ఇది కేవలం భర్తీ చేయలేనిది. ట్యాగ్‌లోకి మీరు దేనినైనా నింపవచ్చు - టెక్స్ట్, చిత్రాలు, svg గ్రాఫిక్స్ - మరేమీ మిమ్మల్ని పరిమితం చేయదు (ఊహ తప్ప, వాస్తవానికి).

దేశీయ డిజైనర్ల సమీక్ష మరియు వెబ్‌సైట్‌ల కోసం సోషల్ మీడియా బటన్‌ల స్క్రిప్ట్‌లు, అలాగే విదేశీ అనలాగ్‌లు. క్లుప్తంగా, అర్థమయ్యేలా మరియు స్పష్టంగా.

వెబ్‌సైట్ కోసం సోషల్ మీడియా బటన్ డిజైనర్లు

2. సైట్‌కి లింక్‌లను పొందడానికి సులభమైన మార్గం - QIP.RU
సైట్‌లో బటన్‌ను ఉంచండి మరియు సందర్శకులు తమ ఇష్టమైన సైట్ మెటీరియల్‌లను బుక్‌మార్క్‌లు, బ్లాగులు మరియు సోషల్ నెట్‌వర్క్‌లకు జోడించే అవకాశాన్ని అందించండి. మూడు దశలు: బటన్‌ను ఎక్కడ గుర్తించాలి (సైట్, బ్లాగర్ లేదా WordPress), బటన్‌లను స్టైల్ చేయండి (బాక్స్ వెలుపల ఎంపికలు) మరియు బటన్‌ను పొందండి.

3. సోషల్ నెట్‌వర్క్‌లకు కంటెంట్‌ని జోడించడానికి బటన్లు - ప్లస్సో
బటన్‌లను ఉంచండి మరియు సందర్శకులకు సోషల్ నెట్‌వర్క్‌లలో వారు ఇష్టపడే పేజీలను భాగస్వామ్యం చేయడానికి అవకాశం ఇవ్వండి, అలాగే ప్రింట్, ఇమెయిల్ పంపండి మరియు బుక్‌మార్క్‌లను జోడించండి.

4. సామాజిక కార్యకలాపాల సేవ - UpToLike
రంగు, ఆకారం, పరిమాణం మరియు ప్రత్యేక ప్రభావాలను సెట్ చేయగల సామర్థ్యంతో అనుకూలీకరించిన సోషల్ మీడియా బటన్లు. అదనపు ఫీచర్లు PicShare పిక్చర్ షేరింగ్ విడ్జెట్, "కోట్" ఫంక్షన్ మరియు అనుకూలీకరించిన ఫాలోయింగ్ ఫంక్షన్.

5. ఒక బటన్! - బుక్‌మార్క్‌లు మరియు సోషల్ నెట్‌వర్క్‌ల యొక్క అన్ని సేవలకు
బటన్ రకాన్ని ఎంచుకోండి. బటన్ ఎక్కడ ఇన్‌స్టాల్ చేయబడుతుంది: వెబ్‌సైట్, బ్లాగర్ లేదా WordPress. ఒక బటన్‌ను జోడించండి.

సైట్ కోసం సోషల్ మీడియా బటన్ల స్క్రిప్ట్‌లు

1. సైట్ కోసం అందమైన సామాజిక బటన్లు - goodshare.js
దాదాపు ఏదైనా పరికరంలో ప్రదర్శన బటన్లు. క్లీన్ కోడ్. సంక్షిప్త డాక్యుమెంటేషన్. SEO స్నేహపూర్వక.

2. సామాజిక బుక్‌మార్క్‌లు మరియు నెట్‌వర్క్‌ల కోసం స్క్రిప్ట్ బటన్‌లు - Share42
పరిమాణాన్ని ఎంచుకోండి మరియు మీరు సైట్‌లో ఉపయోగించాలనుకుంటున్న సేవల చిహ్నాలను గుర్తించండి. మీకు కావలసిన ఎంపికలను ఎంచుకోండి. ఇది ఎలా కనిపిస్తుందో చూడండి మరియు / లేదా రెడీమేడ్ స్క్రిప్ట్‌ని డౌన్‌లోడ్ చేయండి. మీ WordPress సైట్, Drupal మొదలైన వాటిలో స్క్రిప్ట్‌ను ఇన్‌స్టాల్ చేయండి.

3. j క్వెరీని ఉపయోగించి బటన్‌ల వంటి అందమైన సోషల్ మీడియా - సామాజిక ఇష్టాలు
సోషల్ నెట్‌వర్క్‌ల కోసం ఒకే శైలిలో కౌంటర్‌లతో "వంటి" బటన్‌ల స్క్రిప్ట్: Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ మరియు Pinterest.

వెబ్‌సైట్ కోసం సోషల్ మీడియా బటన్‌ల విదేశీ అనలాగ్‌లు

1. షేర్ బటన్‌లు - దీన్ని జోడించండి
పంపిణీ చేయబడిన కంటెంట్ ద్వారా ఇతర వనరులు మరియు సోషల్ నెట్‌వర్క్‌ల నుండి సందర్శకులను ఆకర్షించడం ద్వారా మీ సైట్ ప్రేక్షకులను పెంచడంలో భాగస్వామ్య బటన్‌లు మీకు సహాయపడతాయి.

4. సామాజిక భాగస్వామ్యం - పో.స్ట్
సోషల్ మీడియా షేరింగ్ నుండి మరింత విలువను పొందండి. ఈ సేవ సందర్శకుల కోసం సోషల్ నెట్‌వర్క్‌లలో భాగస్వామ్యం చేసే ప్రక్రియను సులభతరం చేస్తుంది, ఇది సైట్ యొక్క సేంద్రీయ ట్రాఫిక్‌ను పెంచుతుంది.

5. ఏదైనా వెబ్‌సైట్ కోసం షేర్ బటన్‌లు - AddToAny
ఏదైనా వెబ్‌సైట్ కోసం సోషల్ మీడియా బటన్‌ల కోడ్‌ని పొందండి. బటన్ రకం మరియు శైలిని ఎంచుకోండి, ఇమెయిల్ మరియు ఇతర ఎంపికలను పేర్కొనండి లేదా ప్లాట్‌ఫారమ్‌లలో ఒకదాన్ని ఎంచుకోండి: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad లేదా FeedFlare. బటన్ కోడ్ పొందండి.

8:00 వద్ద సందేశాన్ని మార్చండి 6 వ్యాఖ్యలు

ఇటీవల, సైట్ అభివృద్ధి కోసం అవసరాలలో ప్రతి సెకను (మొదటిది కాకపోతే) కస్టమర్ దానిని సోషల్ నెట్‌వర్క్‌లతో ఖచ్చితంగా లింక్ చేయమని అడుగుతాడు. సైట్‌లోని "సామాజిక" బటన్‌లు లక్ష్య ప్రేక్షకులను ఆకర్షించడం, కంటెంట్ పంపిణీ మరియు సాధారణంగా PR కోసం నంబర్ 1 సాధనం. మరియు ఇది పూర్తిగా ఉచితం!

సోషల్ నెట్‌వర్క్‌లు సైట్‌లో ప్లేస్‌మెంట్ కోసం వారి బటన్‌లు మరియు విడ్జెట్‌ల కోసం కోడ్‌లను అందిస్తాయి మరియు వాటిని కంటెంట్ మేనేజ్‌మెంట్ సిస్టమ్‌లో ఇన్‌స్టాల్ చేయడానికి సూచనలను జతచేస్తాయి. ఏదైనా CMS (ఆపరేటింగ్ సిస్టమ్స్) వాటిని ఇన్‌స్టాల్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది, ప్రధాన విషయం ఏమిటంటే వాటిని మీ సైట్ రూపకల్పనలో శ్రావ్యంగా అమర్చడం.

ఫీచర్లు మరియు విధులు ఏమిటి?

మీ సైట్ జనాదరణ పొందిన సోషల్‌తో కమ్యూనికేట్ చేసే వ్యక్తులను లక్ష్యంగా చేసుకుంటే. నెట్‌వర్క్‌లు, ఉదాహరణకు, Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest మొదలైనవి, మరియు మీరు వాటన్నింటినీ కవర్ చేయాలనుకుంటున్నారు, తద్వారా వాటిలో ప్రతి ఒక్కటి విడివిడిగా బటన్‌లను సెట్ చేయకూడదు, అవి పరిమాణంలో తేడా ఉండవచ్చు మరియు డిజైన్, అగ్రిగేటర్ సేవలను ఉపయోగించమని మేము సిఫార్సు చేస్తున్నాము. ఇవి సరళమైన మరియు అనుకూలమైన సాధనాలు, ఇవి సైట్ సందర్శకులు ఏ సోషల్ నెట్‌వర్క్‌ని ఉపయోగిస్తున్నప్పటికీ వారి స్నేహితులతో సమాచారాన్ని త్వరగా పంచుకోవడానికి వీలు కల్పిస్తాయి. దిగువన మేము అత్యంత జనాదరణ పొందిన సేవలను విశ్లేషిస్తాము.

సోషల్ మీడియా బటన్లు షేర్ ప్లస్

"ఆమె ఎందుకు అవసరం?" - మీరు అడగండి. బహుశా, నేను సమయాలను కొనసాగించడానికి ప్రయత్నిస్తున్నాను - మేము బూర్జువా కంటే వెనుకబడి ఉన్నాము మరియు వారి సైట్ ప్రమోషన్ మా ప్రస్తుత వాస్తవికతకు కొంత భిన్నంగా ఉంటుంది.

మీరు బుర్జునెట్‌లోని బ్లాగ్‌లను చూస్తే, దాదాపు అన్నింటికీ వివిధ ఫ్లోటింగ్ ప్యానెల్‌లు ఉన్నాయి, ఇవి అత్యంత ప్రజాదరణ పొందిన సోషల్ నెట్‌వర్క్‌లు మరియు బుక్‌మార్క్‌లకు కథన ప్రకటనను జోడించడానికి మిమ్మల్ని అనుమతిస్తాయి. లింక్‌లను కొనుగోలు చేయడం ద్వారా బూర్జువాలు ముందుకు సాగడం ఇప్పుడు చాలా కష్టంగా ఉంది మరియు సామాజిక సంకేతాల ప్రాముఖ్యత అనూహ్యంగా పెరగడం ప్రారంభించింది.

భాగస్వామ్య కథనాల సంఖ్యను పెంచడానికి ప్యానెల్ మిమ్మల్ని అనుమతిస్తుంది, అందువలన దానిపై ప్రభావం చూపుతుంది. సరే, ఇలాంటివి మనకు ఎదురుచూస్తున్నాయి కాబట్టి, ఈవెంట్‌ల కంటే కొంచెం ముందుకు సాగడం సరైనది.

మీకు Share42 ప్యానెల్ ఎందుకు అవసరం, దాని ప్రయోజనాలు

నేను ఈ నాలుగు సోషల్ నెట్‌వర్క్‌ల కోసం బటన్‌లతో కూడిన ప్యానెల్‌ను కలిగి ఉండాలని కోరుకున్నాను, ఇవి రష్యన్ ఇంటర్నెట్‌కు అత్యంత సంబంధితమైనవి. అది సాధ్యమే సామాజిక సంకేతాలుమన దేశంలో వారు ఇంకా బూర్జువాల వలె సర్వశక్తిమంతులు కాదు, ఎందుకంటే వారు సంబంధిత ఎంపికను నిర్వహించడానికి ఇంకా సరిపోలేదు.

కానీ ఇప్పుడు వాటిని సేకరించడం ప్రారంభించడం మరియు పూర్తిగా ఆయుధాలు ధరించడం మంచిది, మన వికృత అవగాహన కోసం గ్లోబల్ ఆర్మగెడియన్ రూనెట్‌కు వచ్చినప్పుడు - ప్రభావంలో గణనీయమైన తగ్గుదల మరియు లింక్ మానిప్యులేషన్‌కు కఠినమైన శిక్ష.

సాధారణంగా, Googleలో మరియు Googleలో వివిధ ప్రశ్నలను నమోదు చేస్తూ, ప్యానెల్ యొక్క తగిన సంస్కరణ కోసం శోధిస్తున్నప్పుడు, నేను Dimox.name వెబ్‌సైట్‌ని చూశాను, కానీ అక్కడ ఒక అందమైన ప్యానెల్‌ను చూసినప్పుడు, దాని గురించి వివరణ కోసం వెతకడం అవసరమని నేను భావించలేదు. దాని వనరుపై దాని సంస్థాపన.

అతను అలాంటి పనులను స్వయంగా (ప్లగిన్‌లు లేకుండా) చేస్తాడని నాకు తెలుసు, కానీ ఈ రోజు నేను సూక్ష్మ నైపుణ్యాలు మరియు సెట్టింగ్‌లను లోతుగా పరిశోధించడానికి ఇష్టపడలేదు. నేను కొన్ని కోడ్ ముక్కలను తీసుకొని, సౌందర్య దృక్కోణం నుండి మరియు వర్కింగ్ వెర్షన్ నుండి అద్భుతమైనదాన్ని పొందాలనుకుంటున్నాను తేలియాడే సోషల్ మీడియా బటన్లు.

అప్పుడు నేను Share42 సేవను చూశాను మరియు దానిపై అదే సోషల్ మీడియా బటన్‌లను చూసినప్పుడు, నేను కొంచెం ఆశ్చర్యపోయాను - Dimox స్టాంపింగ్‌ని ఉపయోగిస్తుంది. ఇది నైపుణ్యం కలిగిన షూ మేకర్ వినియోగ వస్తువులకు వెళ్లడం లాంటిది. అయినప్పటికీ, నెట్‌లో కొంచెం చప్పరించడంతో, స్వీయ ఎంపిక, కాన్ఫిగరేషన్ మరియు కోసం ఉచిత సేవను ప్రారంభించడం గురించి అతను వ్రాసిన చోట నేను చూశాను. సామాజిక బటన్‌ల కోసం రెడీమేడ్ స్క్రిప్ట్ కోడ్‌ని పొందడం.

సైట్ కోసం బటన్లను రూపొందించడంలో సహాయం కోసం అడగడం విసిగిపోయి, అతను ఒక ప్రత్యేక ప్రాజెక్ట్ను తెరిచాడు, ఇది నా అభిప్రాయం ప్రకారం, ఇప్పుడు మార్కెట్లో ఉన్న అన్ని ఆఫర్లలో ఉత్తమమైనది. వాటిని జాబితా చేయనివ్వండి అనుకూలఅది నా దృష్టిని ఆకర్షించింది:


ఇప్పుడు ప్రతికూలతల గురించి:

  1. మరియు మీరు కనీసం ప్రాథమిక అవగాహన కలిగి ఉండాలి. మీరు నా ప్రచురణలను వెంటనే చదవడానికి తొందరపడతారని నేను అనుకోను, కానీ భవిష్యత్తులో అలా చేయాలనే మీ ఉద్దేశ్యం కోసం నేను ఇప్పటికీ ఆశిస్తున్నాను (అన్నింటికంటే, నేను ప్రయత్నించాను, నేను వ్రాసాను మరియు ఈ కథనాల రూపాన్ని చందాదారుల వేగవంతమైన ప్రవాహానికి మాత్రమే కారణమైంది. - అది బాధాకరం).
  2. మీరు ఉపయోగించినది ఎలా అమర్చబడిందో మీరు కనీసం సుమారుగా ఊహించుకోవాలి. ఉదాహరణకు, మీరు కోడ్‌ను త్రవ్వవలసిన అవసరం లేదు - మీరు దీన్ని ఉపయోగించవచ్చు (నేను ఈ స్క్రిప్ట్ కోసం ప్రయత్నించనప్పటికీ).

ప్రతికూలతలు మీకు ముఖ్యమైనవి కానట్లయితే (లేదా మీరు సత్యాన్ని వెతకడానికి అక్కడికక్కడే స్టాంప్ చేయడానికి సిద్ధంగా ఉన్నారు), మరియు ప్రయోజనాలు ముఖ్యమైనవి అయితే, మీరు ఈ కథనాన్ని మరింత చదవడానికి స్వాగతం. ఏమి అంటారు - మారవద్దు. నేను Share42లో సృష్టించిన సోషల్ మీడియా బటన్ బార్ యొక్క చాలా సులభమైన సెటప్ మరియు వీక్షణను కవర్ చేస్తాను, అలాగే దీన్ని ఎలా ఇన్‌స్టాల్ చేయాలి. నన్ను నిందించవద్దు, కానీ నా బ్లాగ్ ఈ ఇంజిన్‌లో పని చేస్తుంది.

Share42ని కాన్ఫిగర్ చేయడం మరియు సైట్‌లో స్క్రిప్ట్‌ను ఇన్‌స్టాల్ చేయడం

నేను ఈ ఫోల్డర్‌ను WordPress ప్లగిన్‌లతో డైరెక్టరీలోకి విసిరాను, కాబట్టి విజర్డ్ యొక్క నాల్గవ దశలో, నేను ఈ ఖచ్చితమైన మార్గాన్ని పేర్కొనవలసి వచ్చింది:

మరియు నేను WordPress ముందు టిక్ పెట్టవలసి వచ్చింది, ఎందుకంటే ఇది నా బ్లాగ్ ఉపయోగించే ఇంజిన్. భాగస్వామ్య సెట్టింగ్‌లతో ప్రతిదీ పూర్తయింది, ఇది విజార్డ్ యొక్క ఐదవ మరియు ఆరవ దశల్లో సూచించబడిన Html మరియు CSS కోడ్‌ను ఇన్సర్ట్ చేయడానికి మాత్రమే మిగిలి ఉంది. వాస్తవానికి, శిక్షణ లేని వినియోగదారులకు సాధారణంగా ఇక్కడ తీవ్రమైన సమస్యలు తలెత్తుతాయి.

మీరు మీ సెట్టింగ్‌లకు మార్పులు చేసినప్పుడు ఈ కోడ్ యొక్క కంటెంట్ తక్షణమే మారుతుందని గమనించండి (అజాక్స్ స్పష్టంగా గొప్పది మరియు భయంకరమైనది). అందువల్ల, నిలువుగా ఉండే ఫ్లోటింగ్ బార్‌ను ఎంచుకున్నప్పుడు, మీరు ఒకదానికి బదులుగా రెండు CSS కోడ్ ముక్కలను చొప్పించవలసి ఉంటుంది (క్షితిజ సమాంతర పట్టీని ఎంచుకున్నప్పుడు). అయితే ఇవి చాలా ఆకట్టుకునేవి మరియు ఆహ్లాదకరమైనవి అయినప్పటికీ (డిమోక్స్‌కు కీర్తి) అన్ని వివరాలు.

ముందుగా సింపుల్ గా మాట్లాడుకుందాం - CSS కోడ్‌ని చొప్పించడం... నియమం స్నిప్పెట్ లేదా రెండింటిని కాపీ చేసి, క్యాస్కేడింగ్ స్టైల్ షీట్ ఫైల్‌ను మీ టెంప్లేట్ లేదా స్కిన్ ఉపయోగించే వాటిని కనుగొనండి.

WordPressలో దీనిని సాధారణంగా Style.css అని పిలుస్తారు మరియు మీరు ఉపయోగిస్తున్న థీమ్‌తో ఫోల్డర్‌లో నివసిస్తుంది (/ wp-content / themes / theme name). జూమ్లాలో, మీరు ప్రస్తుతం ఉపయోగిస్తున్న టెంప్లేట్‌తో ఫోల్డర్‌లోని స్టైల్ ఫైల్ కోసం వెతకాలి (/ టెంప్లేట్‌లు / టెంప్లేట్ పేరు)

ఎడిటింగ్ కోసం ఈ ఫైల్‌ని తెరవండి, ఉదాహరణకు, మీరు కాపీ చేసిన స్టైల్ కోడ్ శకలాలను చివరకి జోడించండి (మేము Html కోడ్‌ని వేరే చోట అతికిస్తాము). మార్పులను సేవ్ చేయండి మరియు పాప్-అప్ ఆఫర్‌తో అంగీకరిస్తూ ఈ మార్పులను వర్తింపజేయడానికి Filezilaకి వెళ్లడం ద్వారా మర్చిపోవద్దు.

సరే, ఇప్పుడు మూడు లైన్లతో వ్యవహరించాల్సిన సమయం వచ్చింది Html స్క్రిప్ట్ కోడ్ Share42... వ్యాసాలకు ముందు లేదా తర్వాత వాటిని చొప్పించమని రచయిత సలహా ఇస్తున్నారు. WordPress లో, ఇది సులభం కాదు, కానీ చాలా సులభం. మీ థీమ్‌తో ఫోల్డర్ నుండి సవరణ కోసం single.php ఫైల్‌ను తెరవండి (ఇది / wp-content / themes / WordPress థీమ్ పేరులో నివసిస్తుందని గుర్తుంచుకోండి).

మీరు కథనాల తర్వాత కోడ్‌ను అతికించవచ్చు. దీన్ని చేయడానికి, the_content ఫంక్షన్‌తో లైన్‌ను కనుగొని, సూచించిన భాగాన్ని వెంటనే చొప్పించండి, ఉదాహరణకు, ఇలా:

బాగా, నేను ఫ్లోటింగ్ ప్యానెల్‌ను మెయిన్‌లో ఉపయోగించాలని కూడా నిర్ణయించుకున్నాను. WordPressలో, index.php దానికి బాధ్యత వహిస్తుంది, అన్నీ ప్రస్తుత థీమ్‌తో ఒకే ఫోల్డర్ నుండి. అందులో తగిన ప్రదేశాన్ని కనుగొని, కోడ్‌లో అతికించండి (బహుశా ట్రయల్ మరియు ఎర్రర్ కావచ్చు).

Share42 ఫ్లోటింగ్ ప్యానెల్ పొజిషనింగ్

నేను వర్టికల్ ఫ్లోటింగ్ ప్యానెల్ Share42ని ఉపయోగించాను, కాబట్టి Html కోడ్‌లో మూడవ పంక్తి చివర రెండు అంకెలు ఉన్నాయి - నా విషయంలో అది 298 (డిఫాల్ట్ 150) మరియు 20. వాటి అర్థం ఏమిటి? మొదటిది ప్రారంభ ప్యాడింగ్‌ను ప్యానెల్ ఎగువ నుండి వెబ్ పేజీ ఎగువకు సెట్ చేస్తుంది (క్రింద బూడిద రంగు చుక్కల పంక్తి).

ప్యానెల్ కొంత ల్యాండ్‌మార్క్‌తో సమలేఖనం అయ్యేలా ఈ బొమ్మను ఎంచుకోవడం లాజికల్‌గా ఉంటుంది. ఉదాహరణకు, నాకు ఇది వ్యాసం ప్రాంతం యొక్క ప్రారంభం.

రెండవ సంఖ్య వినియోగదారు పేజీని స్క్రోలింగ్ చేయడం ప్రారంభించినప్పుడు, Share42.com నుండి తీసిన ఫ్లోటింగ్ ప్యానెల్ ఎగువ అంచు నుండి వీక్షణపోర్ట్ ఎగువ అంచు వరకు ఇండెంట్‌ను సెట్ చేస్తుంది. నేను ఈ ఇండెంట్‌ను చాలా పెద్దదిగా చేయను, ఎందుకంటే ప్యానెల్ పైభాగంలో వీక్షణ ప్రాంతం మధ్యలో ఉన్నట్లుగా కంటిచూపు ఉండదు.

మీ కథనంతో ఉన్న ప్రాంతానికి సంబంధించి స్థానాన్ని ప్రభావితం చేసే మరో వ్యక్తి ఉంది. కానీ మీరు దీన్ని ఇప్పటికే మీ స్టైల్‌షీట్‌లోకి కాపీ చేసిన CSS కోడ్‌లో కనుగొనవచ్చు. డిఫాల్ట్‌గా, ఈ సంఖ్య - 70 px (ఎడమవైపు సెట్ చేయబడింది)కి సమానంగా ఉంటుంది మరియు ఈ విలువ యొక్క అర్థం మునుపటి స్క్రీన్‌షాట్‌లో ఎరుపు చుక్కల రేఖతో చూపబడింది. నేను దానిని డిఫాల్ట్‌గా ఉంచాను, కానీ ప్రయోగాలు చేయడానికి సంకోచించకండి.

జూమ్లలో, Html కోడ్‌ని చొప్పించడానికి, మీరు వ్యాసం దిగువన లేదా ఎగువన ఉంచగలిగే ఏకపక్ష Html కోడ్‌తో నేను ఇప్పటికే పైన పేర్కొన్న మాడ్యూల్‌ని ఉపయోగించవచ్చు.

అవును, కొన్ని కారణాల వల్ల Share42 ప్యానెల్ మీ కోసం కనిపించకపోతే, మీరు బ్రౌజర్‌లో పేజీని రిఫ్రెష్ చేయడానికి ప్రయత్నించవచ్చు (మీ బ్రౌజర్ యొక్క టూల్‌బార్‌లో అలాంటి బటన్ ఉంది) ఆపై నవీకరించబడిన CSS స్టైల్స్ వర్తించబడతాయి, ఇది బ్రౌజర్ దాని కాష్ నుండి తీసుకోవచ్చు కాబట్టి మీరు చేసిన మార్పులను విస్మరించవచ్చు.

అవును, మీకు కావాలంటే ఈ ప్యానెల్‌కు జోడించండి, అప్పుడు ఈ విషయంలో రచయిత యొక్క సలహాను ఉపయోగించవద్దు. అంతే, నేను పూర్తి చేసాను.

సేవా వెబ్‌సైట్‌కి మరియు ట్యాబ్‌కు వెళ్లడం మర్చిపోవద్దు "రచయితకి ధన్యవాదాలు"డిజైనర్ మరియు ప్యానెల్ కూడా అద్భుతంగా మారినందున, ఒక చిన్న పెన్నీని విరాళంగా ఇవ్వండి. అదృష్టం మరియు ఆకుపచ్చ.

శుభస్య శీగ్రం! బ్లాగ్ సైట్ యొక్క పేజీలలో త్వరలో కలుద్దాం

మీకు ఆసక్తి ఉండవచ్చు

WebPoint PRO - విస్తృత కార్యాచరణ మరియు సమర్థమైన సాంకేతిక శోధన ఇంజిన్ ఆప్టిమైజేషన్‌తో ప్రతిస్పందించే WordPress థీమ్
కథనాలను వ్రాసేటప్పుడు మరియు ప్రచురించేటప్పుడు 10 ఘోరమైన తప్పులు

శుభాకాంక్షలు! ఇటీవల, నా సైట్‌లో ఇన్‌స్టాల్ చేయబడిన అదే సోషల్ మీడియా బటన్‌లను ఎలా తయారు చేయాలనే అభిప్రాయంలో నన్ను అడిగారు. మరియు నేను 6 సామాజిక సేవలను సమీక్షించడం ద్వారా వ్యాసంలో సమాధానం ఇవ్వాలని నిర్ణయించుకున్నాను. సైట్ కోసం బటన్లు.

ప్రయోజనాలు మరియు అప్రయోజనాలు

అయితే, కొన్ని సందర్భాల్లో, బటన్ల ప్లేస్‌మెంట్ స్వల్ప నష్టాలను కలిగి ఉండవచ్చని గమనించాలి. సృష్టించిన బ్లాగ్‌లో సోషల్ మీడియా బటన్‌లను ఉంచడం ఎందుకు అవసరమో పరిశీలిద్దాం మరియు అటువంటి చిహ్నాలను ఉంచడంలో ప్రధాన సానుకూల మరియు ప్రతికూల అంశాలను కూడా పరిగణించండి.

ప్రతికూలతలు

  1. పేజీ లోడింగ్ వేగం తగ్గవచ్చు.
  2. ఇంటర్నెట్ ప్రాజెక్ట్ యొక్క అత్యంత ప్రత్యేక దృష్టితో, మీరు కోరుకున్న ప్రభావాన్ని పొందలేకపోవచ్చు.

సోషల్ మీడియా బటన్ సేవల అవలోకనం

మీ వెబ్‌సైట్‌కి సోషల్ మీడియా బటన్‌లను జోడించడానికి మీరు ఉపయోగించే అత్యంత జనాదరణ పొందిన సేవలను చూద్దాం.

    ఇది పూర్తిగా ఉచిత సేవ, ఇది క్రింది విధంగా పనిచేస్తుంది. ఇది స్వయంచాలకంగా ఒక ప్రత్యేక స్క్రిప్ట్‌ను రూపొందిస్తుంది, దీనితో ఇంటర్నెట్ ప్రాజెక్ట్‌కు సందర్శకులు సోషల్ నెట్‌వర్క్‌లకు లింక్‌లను ప్రచురించడం సాధ్యమవుతుంది. సేవ బటన్ల వలె కనిపిస్తుంది. ఇన్‌స్టాలేషన్ చాలా సులభం మరియు సౌకర్యవంతంగా ఉంటుంది మరియు ఉంచిన బటన్‌లు పేజీలో చక్కగా కనిపిస్తాయి.

    సేవ వివిధ బటన్ల కోసం మూడు వందల కంటే ఎక్కువ ఎంపికలను అందిస్తుంది! మీరు చాలా సరళంగా మీకు నచ్చిన వాటిని ఎంచుకోవచ్చు.

    ఇన్‌స్టాలేషన్ అక్షరాలా ఒక క్లిక్‌లో జరుగుతుంది. పరివర్తనాల గణాంకాలు ఉన్నాయి.


  1. అనేక పారామితుల ద్వారా బటన్‌ను రూపొందించడం సాధ్యమయ్యే అత్యంత ఆసక్తికరమైన ఆన్‌లైన్ సేవల్లో ఇది బహుశా ఒకటి: పరిమాణం మరియు ప్రదర్శన. అదనంగా, మీరు బటన్లతో ప్యానెల్ ఎలా ఉండాలో ఎంచుకోవచ్చు (అడ్డంగా లేదా నిలువుగా). మీరు ఎన్‌కోడింగ్‌ను కూడా పేర్కొనవచ్చు. అవసరమైన అన్ని సెట్టింగ్‌లను ఎంచుకున్న తర్వాత, రూపొందించబడిన స్క్రిప్ట్ తప్పనిసరిగా డౌన్‌లోడ్ చేయబడాలి మరియు అవసరమైన స్థలంలో మీ ఇంటర్నెట్ ప్రాజెక్ట్‌లో ఉంచబడుతుంది. ఎక్కువగా వ్యాసం తర్వాత.


  2. ఏ సోషల్ నెట్‌వర్క్‌లు ప్రదర్శించబడతాయో స్వతంత్రంగా ఎంచుకోవడానికి Yandex అందిస్తుంది. బ్లాక్‌లో ఉంచబడే బటన్‌ల ముందు చెక్‌బాక్స్‌లను ఉంచడం ద్వారా వినియోగదారు దీన్ని చేయవచ్చు. మీరు వారి రూపాన్ని సవరించవచ్చు.

    తర్వాత, మీరు మీ బ్లాగ్‌లో ఇన్‌స్టాల్ చేయాల్సిన సోర్స్ కోడ్‌ను సిస్టమ్ స్వయంచాలకంగా రూపొందిస్తుంది. ఈ సేవ యొక్క ప్రధాన ప్రయోజనాలు స్క్రిప్ట్ సృష్టించిన బ్లాగ్‌లో అవుట్‌గోయింగ్ లింక్‌లను ఉంచదు. గణాంకాలను ఉంచడానికి Yandex.Metricaని కనెక్ట్ చేయడం కూడా సాధ్యమే.


  3. ఈ సేవ వారి వెబ్‌సైట్‌లో సోషల్ నెట్‌వర్క్‌ల యొక్క చాలా అందమైన మరియు స్టైలిష్ బటన్‌లను ఉంచడానికి వినియోగదారులను ఆహ్వానిస్తుంది. సేవ ద్వారా సృష్టించబడిన ఫారమ్ css మరియు జావాస్క్రిప్ట్‌ని ఉపయోగిస్తుంది. రూపొందించబడిన రూపం ఏదైనా ఇంటర్నెట్ ప్రాజెక్ట్ రూపకల్పనకు ఖచ్చితంగా సరిపోతుంది. ఆధునిక j క్వెరీ టెక్నాలజీని ఉపయోగించి బటన్లను తయారు చేస్తారు. కనెక్షన్ చాలా సులభం మరియు ప్రారంభకులకు కూడా ఎటువంటి ఇబ్బందులను కలిగించదు. డౌన్‌లోడ్ చాలా వేగంగా ఉంది.


  4. ఇది ఉపయోగకరమైన మరియు పూర్తిగా ఉచిత ఆన్‌లైన్ సేవ, ఇది వినియోగదారులకు ఈ విధంగా బటన్‌లను ఉంచడానికి అందిస్తుంది: ఒక వరుసలో, డ్రాప్-డౌన్ మెను రూపంలో అమరిక, వరుసగా అన్ని సేవల చిహ్నాలు. ప్రదర్శన ఎంపికలను ఎంచుకున్న తర్వాత, సేవ స్వయంచాలకంగా ప్రత్యేక జావాస్క్రిప్ట్ కోడ్‌ను ఉత్పత్తి చేస్తుంది, దానిని సైట్‌లో అవసరమైన స్థలంలో ఉంచాలి.

    అదనంగా, టెంప్లేట్‌లకు ఉత్పత్తి చేయబడిన కోడ్‌ను ఎలా జోడించాలో సేవ చెబుతుంది.


  5. ఈ సేవను ఉపయోగిస్తున్నప్పుడు, మీరు మీ వెబ్‌సైట్ లేదా బ్లాగ్‌కి అవసరమైన బటన్‌లను చాలా త్వరగా మరియు సులభంగా జోడించవచ్చు. దీన్ని చేయడానికి, మీరు కేవలం మూడు సాధారణ దశలను మాత్రమే అనుసరించాలి: సృష్టించిన విడ్జెట్ ఉన్న స్థలాన్ని ఎంచుకోండి, బటన్ల శైలిని ఎంచుకోండి మరియు కోడ్ను పొందండి. సృష్టించిన బ్లాగ్‌లో అటువంటి బటన్‌లను ఉంచడం ద్వారా, సందర్శకులు వారి స్వంత బుక్‌మార్క్‌లు మరియు సోషల్ నెట్‌వర్క్‌లకు ఆసక్తికరమైన విషయాలను జోడించగలరు.

కాబట్టి, సైట్ కోసం సోషల్ మీడియా బటన్ల సంస్థాపన చాలా సులభం, మరియు అనుభవం లేని ఇంటర్నెట్ వినియోగదారులకు కూడా ఎటువంటి ఇబ్బందులు కలిగించవు. ఐచ్ఛికంగా, మీరు అందుబాటులో ఉన్న అన్ని నెట్‌వర్క్‌ల బటన్‌లను సెట్ చేయవచ్చు లేదా కొన్ని నిర్దిష్ట నెట్‌వర్క్‌లను మాత్రమే ఎంచుకోవచ్చు. దీన్ని చేయడానికి, మీరు అధికారిక విడ్జెట్‌లు లేదా మూడవ పక్షం ఆన్‌లైన్ సేవలను ఉపయోగించాలి. వ్యక్తిగత బ్లాగుల్లో లేదా వార్తలు లేదా వినోద ఇంటర్నెట్ ప్రాజెక్ట్‌లలో ఇన్‌స్టాల్ చేయబడిన బటన్‌లు అత్యంత జనాదరణ పొందినవి. :)

పి.ఎస్. శ్రద్ధ చూపినందుకు ధన్యవాదాలు. మీరు ఏ సేవను ఇష్టపడతారు? మీ వ్యాఖ్యల కోసం వేచి ఉంది. :)