ღილაკი მაგარია! Odnoklassniki-ის გამოქვეყნების ღილაკი Blogger Blogspot-ისთვის. როგორ თვალყური ადევნოთ კლასის მოვლენას. უფრო მარტივი ვარიანტი - ყველა ერთში

IN ბოლო დროსმოდური გახდა ღილაკების დაყენება სოციალური ქსელებივებსაიტებზე და ბლოგებზე და ეს გასაკვირი არ არის. პირველ რიგში, ღილაკები საშუალებას გაძლევთ გაზარდოთ „ლაიქები“ და „გულები“, რაც დადებითად აისახება სტატიების პოპულარიზაციაზე სოციალურ ქსელებში. მეორეც, არსებობს ცალკეული ტიპის ღილაკები, რომლებიც საშუალებას გაძლევთ გააზიაროთ ბმულები ინდივიდუალური გვერდებისაიტი სოციალურ ქსელებში - ეს იზიდავს დამატებით ვიზიტორებს Vkontakte, Facebook, Odnoklassniki, Twitter და ა.შ. მესამე, მიღებული სტატიები დიდი რაოდენობა"ლაიქები" და "გულები" ძალიან ენდობიან საიტის მკითხველებს.

ამიტომ, ძალიან მნიშვნელოვანია ვიცოდეთ, როგორ დააინსტალიროთ სოციალური ქსელის ღილაკები ვებსაიტზე, რათა დაეხმაროს ვებ რესურსის განვითარებას. განიხილება ყველაზე პოპულარული სოციალური ქსელები

• VKontakte
• ფეისბუქი
• კლასელები
• Google "+1"
• Twitter
• ჩემი სამყარო

აქ განვიხილავთ თავად სოციალური ქსელების მიერ შემოთავაზებულ სტანდარტული ღილაკების დაყენებას. ამ შემთხვევაში, თითოეული ღილაკი უნდა დამონტაჟდეს სხვებისგან განცალკევებით, ამას გარკვეული დრო სჭირდება, მაგრამ ასევე ძალიან კარგად გამოიყურება.

1.1. VKontakte 1.1.1 ღილაკი "შენახვა".

ღილაკი საკმაოდ მოქნილია, მასზე წარწერა შეიძლება შეიცვალოს რაც გინდათ (ნაგულისხმევი არის "შენახვა").

პირველ რიგში, თქვენ უნდა შეხვიდეთ გვერდზე, სადაც მიიღებთ სკრიპტის კოდს, რომელიც უნდა დააინსტალიროთ თქვენს საიტზე, რომ ღილაკი გამოჩნდეს.

აქ შეგიძლიათ აირჩიოთ 5 სტილიდან ერთი: ღილაკი, ღილაკი მრიცხველის გარეშე, ბმული, ბმული ხატის გარეშე, ხატულა.

"ტექსტის" ველი საშუალებას გაძლევთ შეცვალოთ სტანდარტული "შენახვა" წარწერა საკუთარზე.

როგორც URL, შეგიძლიათ აირჩიოთ გვერდის მისამართი ღილაკით ან სხვა გვერდის მისამართი (თქვენი არჩევანით). პირველ შემთხვევაში, ღილაკი გააზიარებს ბმულს იმ გვერდზე, სადაც თავად ღილაკი მდებარეობს. მეორე შემთხვევაში, ღილაკი გააზიარებს თქვენს მიერ მითითებულ ბმულს, მიუხედავად იმისა, თუ სად მდებარეობს იგი.

ჩაშენების კოდი შედგება ორი ნაწილისგან: პირველი უნდა განთავსდეს სადმე ტეგებს შორის, მეორე - იმ ადგილას, სადაც ღილაკი უნდა იყოს ნაჩვენები. წაიკითხეთ აბზაცში ვებსაიტზე ღილაკის დაყენების შესახებ.

1.1.2 ღილაკი „მოწონება“.

ღილაკის მეორე ვარიანტი არის ვიჯეტი "Like". საიტზე მისი დაყენება უფრო ადვილი იქნება, რადგან... დასასრულს თქვენ მიიღებთ მხოლოდ ერთ კოდს, რომელიც უნდა განთავსდეს საჭირო ადგილასსაიტი.

ღილაკის კონფიგურაციისთვის გადადით ეს ბმული. აქ თქვენ ასევე უნდა შეავსოთ რამდენიმე პარამეტრი.

საიტის სახელი – აქ უმჯობესია მიუთითოთ თქვენი საიტის მოკლე და რეალური სახელი.

საიტის მისამართი - შეიყვანეთ მისამართი მთავარი გვერდითქვენი საიტი.

საიტის მთავარი დომენი - მიუთითეთ საიტის მთავარი სარკე (ის შეიძლება მოიძებნოს როგორც "მასპინძლის" ოპერატორის პარამეტრი), თუ ამის გაკეთება გაგიჭირდებათ, დატოვეთ შემოთავაზებული VKONTAKTE.

ღილაკების ვარიანტები ღილაკის სხვადასხვა სტილისაა და გავლენას ახდენს მის გარეგნობაზე.

ღილაკის სიმაღლე არის "Like" ღილაკის გეომეტრიული ზომები.

ღილაკის სახელი - არსებობს ორი ვარიანტი (მომწონს, საინტერესოა).

ჩასმის კოდი არის კოდი, რომელიც საჭიროა VKontakte სოციალური ქსელის ღილაკის საჩვენებლად.

1.2 ფეისბუქი

ამ გვერდზე ღილაკის კონფიგურაცია მიმდინარეობს. სირთულეები შეიძლება წარმოიშვას იმიტომ, რომ... ფორმაზე კომენტარები იწერება ინგლისური, მაგრამ ქვემოთ შეგიძლიათ წაიკითხოთ მოკლე აღწერათითოეული ველი.

URL to Like – გვერდის URL ღილაკისთვის (თუ ველი არ არის შევსებული, მიიღება იმ გვერდის მისამართი, რომელზეც მდებარეობს ღილაკი).

გაგზავნის ღილაკი - მონიშვნის არსებობა მოიცავს ახალი შესაძლებლობა– გააგზავნეთ ბმული Facebook-ზე (გამოჩნდება დამატებითი ღილაკი- "გაგზავნა"). ჩართვისას ორი ღილაკი გამოჩნდება ერთდროულად.

Layout Style – ღილაკის სტილი, გავლენას ახდენს მის გარეგნობაზე (ღილაკების რაოდენობა ითვლება სტანდარტულად).

სიგანე - ღილაკის სიგანე პიქსელებში.

სახეების ჩვენება – როდესაც ჩართულია, გამოჩნდება იმ ადამიანების ავატარები, რომლებმაც უკვე დააწკაპუნეს ამ ღილაკზე.

შრიფტი – ღილაკის შრიფტის ტიპი.

ფერის სქემა – ღილაკის გვერდით არსებული სივრცის ფონი (თეთრი და შავი).

ჩვენება ზმნა – ღილაკის სახელი (მოიწონე, გირჩევთ).

მიიღეთ კოდი - ღილაკი, რომელიც ქმნის სკრიპტის კოდს.

1.3 ოდნოკლასნიკი და ჩემი სამყარო

ამ სოციალურმა ქსელებმა დიდი პოპულარობა მოიპოვა რუსულენოვანი ინტერნეტი, იქ უამრავი ადამიანი ცხოვრობს, ამიტომ არ უგულებელყოთ ოდნოკლასნიკის სერვისიდან ღილაკის „კლასი“ და My World ვებსაიტიდან „Like“ ღილაკის დაყენება.

ღილაკების კონფიგურაციისთვის, თქვენ უნდა გადახვიდეთ . თქვენ შეგიძლიათ დაამატოთ ღილაკები ინდივიდუალურად, თითოეული მათგანის მორგება განსხვავებულად, ან შეგიძლიათ ორივე ღილაკის ერთდროულად რედაქტირება.

სიმაღლის ზომა - ღილაკების გეომეტრიული ზომა.

გარეგნობა - ღილაკის ჩარჩოს გამოჩენა.

- ღილაკის შერჩევა (როგორც, კლასი)

მრიცხველი - ჩართეთ და გამორთეთ ღილაკის დაჭერის მრიცხველი (მარჯვნივ, ზევით - მრიცხველის ადგილმდებარეობა).

ტექსტი ღილაკებზე – აირჩიეთ ღილაკებისთვის ხელმისაწვდომი სამი სახელიდან ერთი.

ჩაშენების კოდი – სკრიპტის კოდი, რომელიც უნდა დაინსტალირდეს საიტზე.

1.4 Google „+ 1“

ახალი სოციალური ქსელი, რომელმაც მოკლე დროში უზარმაზარი აუდიტორია მოიპოვა. ძნელი წარმოსადგენია საიტი "+1" ღილაკის გარეშე, რადგან... ის არა მხოლოდ საშუალებას გაძლევთ დაამატოთ ბმულები სოციალურ ქსელში და გაზარდოთ "პლუსების" რაოდენობა, არამედ ასევე შეუძლია გავლენა მოახდინოს საიტის შედეგებზე Google საძიებო სისტემის TOP-ში.

ამის შესახებ ყველა დეტალი, ასევე ღილაკის ინსტალაცია და კონფიგურაცია განთავსებულია.

1.5 Twitter

ყველაზე პოპულარული სერვისი მოკლე შეტყობინებებიარ შეიძლება იგნორირება. დააინსტალირეთ ღილაკი ამ სოციალური ქსელისთვის და ნახეთ, რამდენად სწრაფად გააზიარებენ ადამიანები თქვენს საიტზე ბმულებს Twitter-ზე. შეგიძლიათ ღილაკის მორგება აქ.

ჯერ უნდა აირჩიოთ სასურველი ღილაკი(ჩვენ გვაინტერესებს პირველი ვარიანტი – ღილაკი „ბმულის გაგზავნა“).

ამის შემდეგ გვერდზე გამოჩნდება ფორმა რამდენიმე ველით, რომლებიც უნდა იყოს შევსებული.

ბმულის გაგზავნა – აირჩიეთ გვერდი, რომელზეც მდებარეობს ღილაკი, ან სხვა.

ტექსტი – აირჩიეთ ტექსტი, რომელიც გამოჩნდება ღილაკთან (არა ღილაკზე).

მრიცხველის ჩვენება – ჩართეთ ან გამორთეთ ღილაკების დაჭერის რაოდენობის დათვლა.

With – Twitter-ზე ბმული შეტყობინების დამატების მეთოდის არჩევა (არაფერზე არ მოქმედებს).

ტეგი – აირჩიეთ ტეგი, რომელიც გამოქვეყნდება Twitter-ზე (არაფერზე არ იმოქმედებს).

დიდი ღილაკი – ზრდის ღილაკის გეომეტრიულ ზომას.

უარი თქვით Twitter-ის ადაპტაციაზე - უარი თქვით Twitter-ის სტილებზე (უმჯობესია ველი დატოვოთ მონიშნული).

ენა - აირჩიეთ ღილაკის ენა.

მარჯვნივ შეიქმნება კოდი, რომელიც უნდა დაემატოს საიტზე.

1.6 Ya.ru

ამისათვის თქვენ უნდა შეავსოთ რამდენიმე ველი, რომელიც ჩამოყალიბდება საჭირო კოდისკრიპტი.

ზომა - პატარა ან დიდი ზომისღილაკები.

სტილი - აირჩიეთ ღილაკს ან ხატს შორის.

მრიცხველის არსებობა – ჩართეთ ან გამორთეთ ღილაკის დაჭერის მრიცხველი.

ღილაკის გარეგნობა არის მაგალითი იმისა, თუ როგორ გამოიყურება ღილაკი.

სათაური – აირჩიეთ გვერდის სათაური (მორგებული ან მიმდინარე გვერდის სათაური).

Embed code – საჭირო კოდი, რომელიც ემატება საიტზე.

2. მზა ღილაკებისაიტისთვის

მაგრამ თუ არ გსურთ თითოეული ღილაკის კოდის დამატება თქვენს ვებსაიტზე, მაშინ შეგიძლიათ გამოიყენოთ სტანდარტული სკრიპტები, რომლებიც დაუყოვნებლივ ქმნიან სოციალური ქსელის ღილაკების ჯგუფს. ამ შემთხვევაში, თქვენ უბრალოდ უნდა დაამატოთ ასეთი სკრიპტის ერთი კოდი თქვენს ვებსაიტზე და მაშინვე გექნებათ დაინსტალირებული ღილაკები ყველაზე პოპულარული სოციალური ქსელებისთვის.

ბლოკის კონფიგურაციისთვის და სასურველი სოციალური ქსელების შესარჩევად მიჰყევით ამ ბმულს. ქვემოთ მოყვანილი სკრინშოტი აჩვენებს, რომ თქვენ შეგიძლიათ აირჩიოთ სასურველი სოციალური ქსელების ღილაკები შემოთავაზებულიდან და ასევე ოდნავ შეცვალოთ ბლოკის გარეგნობა.

სერვისების ნაკრები – საიტისთვის სოციალური ქსელის ღილაკების შერჩევა (საიტზე გამოჩნდება გამშვები ნიშანი).

კოდი - საჭირო სკრიპტი, რომელიც უნდა დაემატოს საიტზე.

2.2 PLUSO ღილაკები

ბოლო დროს სოციალური ქსელის ღილაკების დიზაინერმა – PLUSO–მ ფართო პოპულარობა მოიპოვა. თქვენ შეგიძლიათ შეხვიდეთ საიტზე ამ ბმულის გამოყენებით.

კონსტრუქტორი საკმაოდ მოქნილია, აქვს მრავალი პარამეტრი, ასე რომ თქვენ შეგიძლიათ შექმნათ სოციალური ქსელის ღილაკები, რომლებიც იდეალურად მოერგება საიტის დიზაინს.

ჯერ რამდენიმე შემოთავაზებულიდან (ჰორიზონტალური, ვერტიკალური, ფერადი, უფერო და ა.შ.) უნდა აირჩიოთ ღილაკებისა და მრიცხველების სტილი.

შემდეგ თქვენ უნდა დააკონფიგურიროთ რამდენიმე პარამეტრი არჩევით

• ბლოკის ადგილმდებარეობა (ვერტიკალური, ჰორიზონტალური);
• ღილაკის ფერი (ნათელი, მუქი);
• ბლოკის ზომა (დიდი, პატარა);
• მრიცხველი (ყოფნა ან არყოფნა);
• ფონი (უფერო ან ფერადი);

კოდი გენერირებული იქნება თქვენ მიერ მითითებული პარამეტრების მიხედვით, რის შემდეგაც საჭიროა მისი ჩასმა საიტზე.

S კურდღელი 42

კიდევ ერთი სერვისი, რომელიც საშუალებას გაძლევთ შექმნათ ღილაკები თქვენი ვებსაიტისთვის, არის Share42.com/ru.

ეს გენერატორი საშუალებას გაძლევთ დააკონფიგურიროთ ღილაკების ზომა, განსაზღვროთ სასურველი სოციალური ქსელები უამრავი ხელმისაწვდომიდან და ასევე დაარედაქტიროთ ხატების გარეგნობა.

აირჩიეთ ღილაკების ზომა და სასურველი სოციალური ქსელები და შემდეგ გააგრძელეთ დამატებითი პარამეტრების კონფიგურაცია.

პანელის ტიპი ხატებით - ღილაკების ბლოკის ჩვენება (ძალიან საინტერესოა "ვერტიკალური მცურავი" ვარიანტი).

შეზღუდეთ ხატების ხილული რაოდენობა – აირჩიეთ ნაჩვენები ღილაკების რაოდენობა (სხვები დაიმალება ბმულის მიღმა).

საიტის კოდირება – აირჩიეთ თქვენი საიტის კოდირება.

დაამატეთ ხატი Share42.com საიტისთვის - შესაძლოა, მონიშნოთ ის.

მრიცხველების ჩვენება – ჩართეთ ღილაკზე დაწკაპუნების მრიცხველი (მხოლოდ jQuery გაშვებისას).

ინსტალაცია ამ სკრიპტისსაკმაოდ რთული, მაგრამ ეს აღწერილია ეტაპობრივად Share42 ვებსაიტზე.

3. როგორ დავაყენოთ ღილაკები საიტზე

თუ კოდი, რომელიც უნდა განთავსდეს საიტზე, შედგება ორი ნაწილისგან (როგორც ეს არის VKontakte ღილაკის შემთხვევაში), მაშინ თითოეული ნაწილი დაყენებულია ცალკე. თუ კოდი არ იყოფა ორ ნაწილად, მაშინ ეს ნაბიჯიშეგიძლიათ გამოტოვოთ იგი.

კოდის პირველი ნაწილი უნდა დაემატოს და ტეგებს შორის. ამისათვის შედით თქვენს WordPress ადმინისტრაციულ პანელში და გადადით შაბლონის რედაქტორში.

შაბლონის რედაქტორში თქვენ უნდა იპოვოთ "Header" ფაილი (header.php), თუ არ არის, მაშინ - "მთავარი შაბლონი" (index.php). ახლა თქვენ უნდა იპოვოთ ან ტეგი. თუ შიგნით მითითებული ფაილებიარ არსებობს ასეთი ტეგები (ყველა თემა განსხვავებულია, შეიძლება ასეც იყოს), მაშინ მოგიწევთ გახსნათ ყველა ფაილი რედაქტირებისთვის და მოძებნოთ ტეგი თითოეულ მათგანში. საძიებლად შეგიძლიათ გამოიყენოთ კლავიატურის მალსახმობი "Ctrl+F".

როგორც კი იპოვით საჭირო ტეგები, შეგიძლიათ კოდის პირველი ნაწილი მოათავსოთ დახურვის ტეგამდე, რათა შემთხვევით არ შეეხოთ სხვა სკრიპტების კოდებს.

კოდის მეორე ნაწილი მოთავსებულია იქ, სადაც გსურთ იხილოთ საიტისთვის შერჩეული სოციალური მედიის ღილაკები. თუ კოდი შედგება მხოლოდ ერთი ნაწილისგან, მაშინ საკმარისია მხოლოდ ამ ოპერაციის შესრულება.

ყველაზე ხშირად, ღილაკები ემატება სტატიის წინ ან დასასრულს. უფრო ადვილია, რა თქმა უნდა, მეორე ვარიანტი. განვიხილავთ.

თქვენ უნდა იპოვოთ ადგილი, სადაც სტატია მთავრდება (გვერდის ძირითადი ტექსტური ნაწილი). ამისათვის თქვენ უნდა შეცვალოთ ფაილი "Single entry" (single.php).

ახლა თქვენ უნდა იპოვოთ ოპერატორი, რომელიც პასუხისმგებელია სტატიის ძირითადი შინაარსის ჩვენებაზე. ჩემს შემთხვევაში, ეს არის "the_content", ამის შემდეგ დაუყოვნებლივ იდება ღილაკის კოდი.

ანალოგიურად, თქვენ შეგიძლიათ განათავსოთ კოდი სტატიის დასაწყისში, თქვენ უბრალოდ უნდა იპოვოთ ადგილი სტატიის სათაურსა და ტექსტს შორის.

კარგი დღე, ძვირფასო მკითხველებო. არც ისე დიდი ხნის წინ, 11 ოქტომბერს გამოვაქვეყნე ერთიან ბლოკად. თუმცა, სოციალური ქსელის ოდნოკლასნიკის ხსენებამ როლი ითამაშა სასტიკი ხუმრობადა ბევრი მომხმარებელი მოდის საძიებო სისტემებიზუსტად ამ ღილაკის პოვნის იმედით.

გადავწყვიტე გამომესწორებინა და ცალკე სტატია მივუძღვნა კლასის ღილაკის განთავსებას! ოდნოკლასნიკიდან. ერთის მხრივ, ღილაკის დაყენება არ არის რთული, მაგრამ არსებობს მთელი რიგი პირობები, რომლებიც უნდა დაკმაყოფილდეს.
ამიტომ, ვიფიქრე, უმჯობესი იქნებოდა ამაზე უფრო დეტალურად ვისაუბრო.
ნება მომეცით დაუყოვნებლივ გავაკეთო დაჯავშნა:

ღილაკის კოდი ამ სტატიაში აღწერილი კლასი უკვე ადაპტირებულია Blogger/Blogspot პლატფორმისთვის.

თუ გსურთ, რომ ღილაკი დაუყოვნებლივ იყოს განთავსებული სტატიების ბოლოს, მაშინ, როგორც წესი, ჩვენ ვათავსებთ ღილაკის კოდს სტრიქონის შემდეგ დაუყოვნებლივ:

თუ გსურთ ღილაკი გამოჩნდეს მხოლოდ შიდა გვერდებიდა ისინი არ ჩანდნენ მთავარ გვერდზე, მაშინ ღილაკის კოდი უნდა იყოს კოდის შიგნით:

აქ არის ღილაკის კოდი

შაბლონში ღილაკის კოდის დამატებამდე ყოველთვის მონიშნეთ „ვიჯეტის შაბლონების გაფართოების“ ველი

Odnoklassniki-ს აქვს 4-ის დაყენების შესაძლებლობა სხვადასხვა ტიპისღილაკები

მრიცხველის ღილაკი	დიდი რეგულარული ღილაკი	პატარა ჩვეულებრივი ღილაკი	საკუთარი ღილაკი

მაშ, როგორ დავამატოთ Class ღილაკი სპინერად Blogger/Blogspot-ში

ნაბიჯი პირველი.
გახსენით ბლოგის შაბლონი და იპოვეთ:

ამ სტრიქონის წინ ჩავსვით კოდი:

ნაბიჯი მეორე. „ხმების“ დასათვლელად ვპოულობთ კოდს:

და მთლიანად შეცვალეთ ეს:

ან პირადად, ჩემს შაბლონში სხეულის ტეგი ასეთი იყო:

ამ შემთხვევაში, შეცვალეთ კოდი შემდეგი თანმიმდევრობით:

გთხოვთ გაითვალისწინოთ, რომ ჩვენ დავტოვეთ წინა მნიშვნელობა class="loading" და დავამატეთ ახალი მნიშვნელობა onload="ODKL.init();"

ნაბიჯი სამი. კლასის ღილაკის კოდის დაყენება.
იპოვეთ ადგილი, სადაც გსურთ დააინსტალიროთ Class ღილაკი და ჩასვით ღილაკის კოდი:

0

არავითარ შემთხვევაში არ უნდა შეიცვალოს არაფერი ამ კოდექსში. შეინახეთ შაბლონი.
თუ გსურთ ასეთი ღილაკი
მისი ინსტალაციისთვის, მიჰყევით ზემოთ აღწერილი პირველ ნაბიჯს (ჩადეთ ბმულები საჭირო ფაილებიშაბლონის სათაურში), გამოტოვეთ მეორე ნაბიჯი, ეს არ არის საჭირო. გადავიდეთ მესამე საფეხურზე - Class ღილაკისთვის კოდის განთავსება.

კლასი!

თუ გსურთ ასეთი ღილაკი, მაშინ კოდი იქნება ასეთი:

როგორც ხედავთ, აბსოლუტურად არაფერია რთული. ძირითადად, ყველა ეს კოდი დიდად არ განსხვავდება, გარდა კლასის მნიშვნელობისა, რომელიც გვეუბნება, როგორი უნდა იყოს ღილაკი.

თუ არ მოგწონს სტანდარტული ღილაკიმაგარია, ამ შემთხვევაში შეგიძლიათ შეცვალოთ იგი საკუთარი სურათით. და ამ შემთხვევაში ვირჩევთ, მაგალითად, ღილაკის ტიპს მეორე ვარიანტიდან, სადაც class="odkl-klass" და ღილაკის კოდისთანავე ჩავსვით:

იმათ. ყველა ერთად ასე უნდა გამოიყურებოდეს:

კლასი!
.odkl-klass (ფონი: url (თქვენი სურათის მისამართი) არ განმეორდეს; )

თქვენ ასევე შეგიძლიათ შეავსოთ ეს კოდი სხვა სტილებით, FireBug გაფართოებაის დაგეხმარებათ ექსპერიმენტებში ისე, რომ ღილაკი ორგანულად მოერგოს თქვენს ბლოგს. თეორიულად, ყველა სტილი უნდა იყოს მითითებული შაბლონში იმავე ადგილას, როგორც ყველა სხვა. CSS სტილები, მაგრამ ღილაკი დანერგილია ისე, რომ გადალახოს მისი პარამეტრები გარეგნობა, თქვენ უნდა მოათავსოთ CSS კოდი ღილაკის კოდის ქვემოთ.

ბლოგერებისთვის აქციის ფარგლებში - მინდა შემოგთავაზოთ ჩემი მკითხველის და აქტიური კომენტატორის SwaEgo ბლოგი. მის ბლოგზე ნახავთ Photoshop-ის გაკვეთილებს და ერთ-ერთი მათგანია როგორ გადავაქციოთ შავ-თეთრი ფოტო ფერად Photoshop-ში. თქვენ უნდა ისწავლოთ როგორ იმუშაოთ Photoshop-ში, ყოველ შემთხვევაში, რათა შეძლოთ წარუმატებლად რედაქტირება გადაღებული ფოტოებისაოჯახო ალბომისთვის და, სულ მცირე, დახატეთ საკუთარი სურათები თქვენი სტატიებისთვის. სცადე, იქნებ მოგეწონოს.

P.S. ვისაც აქვს საკუთარი თავისთვის შექმნა სოციალური ქსელის ღილაკების ბლოკი და სურს ამ ბლოკში ოდნოკლასნიკის ღილაკის ჩასმა, როგორც ჩემი, მაშინ მოგიწევთ:
1. ნაბიჯი პირველი,
2. გახსენით ეს ფაილი,
3. ჩასვით კოდი ფაილიდან იმ ადგილას, სადაც გსურთ ღილაკი იყოს.
შაბლონის შენახვა.

ღილაკი „კლასი“ საშუალებას მისცემს თქვენი საიტის ვიზიტორებს მონიშნონ საყვარელი მასალები და გაუზიარონ მეგობრებს Odnoklassniki-ზე.

ეს დაგეხმარებათ გაიგოთ, რა მოსწონს თქვენს აუდიტორიას ყველაზე მეტად და ამავდროულად მოიზიდოთ ახალი ვიზიტორები თქვენს საიტზე.

თუ თქვენ გაქვთ ჩვენი ძველი ღილაკი"მაგარი", ჩვენ გირჩევთ შეცვალოთ იგი ახლით, მხოლოდ იმიტომ, რომ ის ბევრად უფრო სწრაფად მუშაობს.

"კლასის" ღილაკის კონსტრუქტორი ბმული

Odnoklassniki-ზე რაიმე რესურსის გაზიარებისას შეიძლება შეგექმნათ პრობლემები მედია კონტენტის დამუშავებისას.

შეზღუდვები გაზიარებულ სურათებზე:

• მინიმალური ზომა:
  • ვებისთვის: 128x128
  • მობილურისთვის: 50x50
• მინიმალური ასპექტის თანაფარდობა: 0.5

ასევე, არასანდო დომენებისთვის, მტაცებელი არ ამუშავებს სურათებს და ვიდეოებს. იმისათვის, რომ მტაცებელმა დაიწყო ასეთი ბმულების დამუშავება, თქვენ უნდა გამოიყენოთ გვერდის მარკირების ერთ-ერთი პროტოკოლი:

• გახსენით გრაფიკის პროტოკოლი.
  ეს მეთოდი საშუალებას გაძლევთ მიუთითოთ og:title, og:description, og:image და og:video ტეგები გვერდის ტეგის შიგნით, რაც აცნობებს მტაცებელს, თუ რა შინაარსი გამოიყენოს გვერდზე.

მოთხოვნები იგზავნება მისამართებიდან:

https://connect.ok.ru/offer
    ?url =URL_TO_SHARE
    &სათაური =TITLE
    &imageUrl =IMAGE_URL

საჭიროა მხოლოდ url პარამეტრი, დარჩენილი პარამეტრები არჩევითია.

• თქვენი გვერდის „კლასების“ რაოდენობის გარკვევის შესაძლებლობა ღილაკის დაყენების გარეშე:

https://connect.ok.ru/dk
    ?st.cmd =extLike
    &tp=json
    &ref =URL_TO_SHARE

მრავალი ვიჯეტის ჩაშენება

რამდენიმე ვიჯეტის ერთ გვერდზე ჩასმისას შეგიძლიათ გამოიყენოთ კოდი:

! ფუნქცია (d, id, did, st) (var js = d. createElement ("script"); js. src = "https://connect.ok.ru/connect.js"; js. onload = js. onreadystatechange = ფუნქცია () ( if (! this . readyState || this . readyState == "ჩაიტვირთა" || this . readyState == "სრული") (if (! ეს . შესრულებულია) (ეს . შესრულებულია = true; setTimeout (ფუნქცია () (onOkConnectReady ()), 0 )) d appendChild (js);

ფუნქცია onOkConnectReady () ( OK . CONNECT . insertGroupWidget ("mineGroupWidgetDivId" , "50582132228315" , "(სიგანე:250,სიმაღლე:335)"); OK. CONNECT"idaree :// საიტი", "(სიგანე:125,სიმაღლე:25,st:"ოვალური",sz:12,ck:1)" ) როგორ თვალყური ადევნოთ კლასის მოვლენას

როდესაც ასწავლით გვერდს ვიჯეტის საშუალებით, ის თქვენს გვერდზე აგზავნის პოსტმესიჯს შემდეგი შინაარსით:

ok_shared$__okShare1 მოვლენას გვერდზე, რომელშიც ჩაშენებულია ვიჯეტი, შეიძლება თვალყური ადევნოთ შემდეგნაირად::

ფუნქცია listenForShare () (if (window . addEventListener) ( window . addEventListener ( "გზავნილი", onShare, false); ) else ( window . attachEvent ( "onmessage" , onShare ); ) ) ფუნქცია onShare (e ) ( var args = e .

ფაქტია, რომ Odnoklassniki-ის პარტნიორებისთვის შემოთავაზებული ყველა ღილაკიდან ყველაზე მეტად ეს ემსახურება. მოსახერხებელი ინსტრუმენტივიზიტორებისთვის. ამ ხელსაწყოს წყალობით, ყველა მეგობარს შეუძლია ნახოს არხში საინტერესო ლინკი, და ასეთი ღილაკით რესურსის მფლობელი რაღაც მეტს იღებს.

არსებითად, ღილაკი "მაგარი!" არის უნიკალური ინდიკატორი, რომელიც მიანიშნებს საიტზე განთავსებული მასალის მიმართ ინტერესის დონეზე (ვიდეოები, ფოტოები, სტატიები). როგორ მეტიმასზე დაწკაპუნების შემდეგ მით უფრო სასარგებლო/სახალისოა გამოქვეყნებული ინფორმაცია, შესაბამისად. თქვენი ვიზიტორების პრეფერენციების გაცნობიერება, თქვენი საიტის კიდევ უფრო პოპულარული გახადა ახლა უფრო ადვილია! სხვათა შორის, ღილაკი "კლასი!" შეიძლება იყოს მრიცხველით ან მის გარეშე.

არსებობს რესურსებზე ასეთი ხელსაწყოს დაყენების რამდენიმე ფუნქცია Joomla-ს, WordPress-ის, DLE-ის შემთხვევაში.

ამ ღილაკის ინსტალაცია Joomla-ზე ისეთივე მარტივია, როგორც მსხლის დაბომბვა - მხოლოდ 5 წუთი და არანაირი პრობლემა!

ასე რომ, შაბლონის მენეჯერში ადმინისტრაციულ პანელზე აირჩიეთ მიმდინარე შაბლონიდა რედაქტირებაHTML, სადაც თქვენ უნდა ჩასვათ შემდეგი html კოდი გვერდის დასაწყისში. ამის შემდეგ, ჰოსტინგის პროვაიდერის ვებსაიტზე, საქაღალდეში, სადაც Joomla არის დაინსტალირებული, ვპოულობთ დოკუმენტს public_html-components-com_jcomments-tpl-default ფაილით tpl_index.php. აქ არის ჩვენი "თავგადასავლების" საბოლოო წერტილი, ამიტომ ვამატებთ html კოდს:

ღილაკი "მაგარი!" მზადაა გამოსაყენებლად!

ღილაკის "კლასი!" დასაყენებლად სტატისტიკით საჭიროა Javascript-ის ბმულების გააქტიურება და CSS ფაილებიგვერდის სათაურში და ჩასვით შესაბამის ადგილას HTML გვერდიღილაკის კოდი.

გახსოვდეთ, რომ ამ ღილაკის კოდი, ჩვეულებრივი ღილაკისგან განსხვავებით, არ შეიძლება შეიცვალოს, რადგან შიგნით შიგთავსი შეიცვლება. გარდა ამისა, სახელი CSS კლასიუნდა იყოს ორიგინალი, რადგან ის გამოიყენება როგორც ღილაკის ატრიბუტი.

იმისთვის, რომ გვერდის ჩატვირთვის დასრულების შემდეგ გამოჩნდეს სტატისტიკური ფანჯარა, თქვენ უნდა გამოიძახოთ ODKL.init() ფანჯარა;

WordPress-ზე ინტერაქტიული ინსტრუმენტი"კლასი!" სხვაგვარად დაყენებული.

რეგულარული სოციალური გაზიარების ღილაკების მოდული ხელმისაწვდომია ჩამოტვირთვისა და ინსტალაციისთვის WordPress-ის ოფიციალურ ვებსაიტზე (საიდან WordPress-ის ადმინისტრაციული პანელები). არანაირი კოდის რედაქტირება, ყველა მოძრაობა მცირდება ღილაკების დაჭერით და მეტი არაფერი!

ასე რომ, მოდით გადავიდეთ WordPress-ის ადმინისტრაციულ პანელზე დანამატები - დაამატეთ ახალი, სადაც საძიებო ზოლიშეიყვანეთ სოციალური გაზიარების ღილაკები (ეს იყო პირველი ჩემი დანამატების სიაში!). შემდეგი, დააჭირეთ ბმულს დააინსტალირეთდა ინსტალაციის შემდეგ - გაააქტიურეთ დანამატი. wp-ში.

აღწერილი მოდულის ინსტალაციის გზა ყველაზე მარტივია, თუ, რა თქმა უნდა, ისინი შედის WordPress დანამატის დირექტორიაში.

ახლა გააქტიურებულ დანამატს სჭირდება პარამეტრები: მენიუ ოფციებიდა ბმული გაზიარების ღილაკებიგადაგვიყვანს ჩვენ დანამატის პარამეტრებზე. პირველი, რასაც ყურადღება უნდა მიაქციოთ არის ის, თუ რომელი ღილაკებია დაყენებული ნაგულისხმევად (მოდულს აქვს 8 ღილაკის ვარიანტი სხვადასხვა დიზაინში!). შემდეგი ნაბიჯი არის ჩვენთვის საჭირო Odnoklassniki ღილაკის არჩევა და მისი დაყენება გარკვეული ადგილი. არა მგონია ამ მხრივ რაიმე პრობლემა შეგექმნას, მაგრამ თუ თქვენ გაქვთ შეკითხვები, ჰკითხეთ!

DLE-სთვის ( DataLife Engine) ღილაკი "კლასი!" დაინსტალირებულია ასე:

ღილაკი "მაგარი!" სტატისტიკით:

ჩვენ ჩავრთავთ Javascript და CSS ფაილების ბმულებს გვერდის სათაურში main.tpl ფაილში ტეგებს შორის და ჩავსვით ისინი. სტატისტიკის ღილაკის საჩვენებლად შემდგომი ნაბიჯები გადადგმულია shortstory.tpl ან fullstory.tpl კოდის ჩასმით, სადაც საჭიროა:

მარტივი ღილაკი "კლასი!" გენერირებული კოდის ჩასმით:

კლასი!

ყველაფრის დასასრულებლად, მთავარ.tpl ფაილში ვპოულობთ გახსნის ტეგს, რომელსაც ვცვლით გამოხატულებად

კარგი ეს ყველაფერია! წარმატებებს გისურვებთ ღილაკის დაყენებაში.