დანამატები WordPress-ში შეტყობინებების პანელის შესაქმნელად. დანამატები WordPress-ში შეტყობინებების პანელის შესაქმნელად bigSlide - სლაიდების სანავიგაციო პანელი Jquery-ში

მოდულის – WPFront Notification Bar-ის გამოყენებით, შეგიძლიათ დაამატოთ შეტყობინებების ზოლი თქვენს ვებსაიტზე, თქვენი WordPress საიტის ზედა ან ბოლოში. პანელს შეუძლია აჩვენოს ნებისმიერი ტექსტი და ღილაკი ნებისმიერი გვერდის ბმულით, შეგიძლიათ დაამატოთ HTML კოდი. თქვენ შეგიძლიათ შეცვალოთ თქვენი ფერები შეტყობინებების პანელისთვის, შეგიძლიათ აირჩიოთ პანელის ადგილმდებარეობა, საიტის ზედა ან ქვედა ნაწილში. შეგიძლიათ პანელის ჩაკეტვა ისე, რომ გვერდის გადახვევისას, პანელი ყოველთვის გამოჩნდეს ეკრანზე. თქვენ შეგიძლიათ აირჩიოთ რომელ გვერდებზე გამოჩნდება პანელი და რომელ არა და ა.შ.

თქვენ შეგიძლიათ დააინსტალიროთ მოდული პირდაპირ WordPress-ის ადმინისტრაციული პანელიდან. გადადით ჩანართზე: Plugins – დაამატეთ ახალი, შეიყვანეთ მოდულის სახელი საძიებო ფორმაში, დააჭირეთ Enter, დააინსტალირეთ და გაააქტიურეთ დანამატი.

მოდულის ინსტალაციისა და გააქტიურების შემდეგ გადადით გვერდზე: WPFront – Notification Bar მოდულის კონფიგურაციისთვის.

ჩვენება

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

– პოზიცია, აირჩიეთ სად გამოჩნდება პანელი, ზედა – ზევით, ქვედა – ქვედა.

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

– ჩვენება Scroll-ზე, თუ ამ ველს მონიშნავთ, გვერდის გადახვევისას გამოჩნდება პანელი.

– Scroll Offset, აქ შეგიძლიათ მიუთითოთ რამდენი პიქსელი უნდა იყოს გადახვევა გვერდის შეტყობინებების პანელის გამოჩენამდე.

– ზოლის სიმაღლე, აქ შეგიძლიათ მიუთითოთ ზოლის სიმაღლე პიქსელებში.

– Position Offset, აქ შეგიძლიათ დააყენოთ მანძილი საიტის ზემოდან პანელამდე.

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

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

– აჩვენეთ დახურვის ღილაკი, მონიშნეთ ველი, რომ აჩვენოთ ღილაკი ჯვრით პანელის დახურვისთვის.

– Auto Close After, შეგიძლიათ მიუთითოთ რამდენი წამის შემდეგ დაიხურება პანელი ავტომატურად, არ მუშაობს ფუნქციისთვის – ჩვენება გადახვევაზე.

– აჩვენეთ ჩრდილი, აჩვენეთ ჩრდილი პანისთვის.

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

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

– Keep Closed For, აქ შეგიძლიათ მიუთითოთ რამდენი დღის პანელი არ იქნება ნაჩვენები მომხმარებლისთვის, რომელმაც დახურა პანელი.

შინაარსი

– შეტყობინების ტექსტი, აქ შეიყვანეთ ტექსტი, რომელიც გამოჩნდება შეტყობინებაში, შეგიძლიათ დაამატოთ HTML კოდი.

– დაამუშავეთ Shortcode, მონიშნეთ ყუთი ისე, რომ შეტყობინებებში შეგიძლიათ დაამატოთ მოკლე კოდები.

– ჩვენების ღილაკი, მონიშნეთ ყუთი ღილაკის საჩვენებლად პანელზე.

– ღილაკის ტექსტი, აქ შეიყვანეთ ღილაკის ტექსტი.

– ღილაკის მოქმედება, შეიყვანეთ ღილაკის ბმული აქ. გახსენით URL ახალ ჩანართში/ფანჯარაში – ბმული გაიხსნება ახალ ფანჯარაში. არ არის მიყევით ბმული - ბმული არ იქნება ინდექსირებული.

– დახურეთ ზოლი ღილაკზე დააწკაპუნეთ, დახურეთ ზოლი ღილაკზე დაჭერით.

ფილტრი

– დაწყების თარიღი და დრო, შეგიძლიათ მიუთითოთ თარიღი და დრო, როდესაც დაიწყება პანელის ჩვენება.

– დასრულების თარიღი და დრო, შეგიძლიათ მიუთითოთ პანელის დახურვის თარიღი და დრო.

– ჩვენება გვერდებზე, აირჩიეთ რომელ გვერდებზე იქნება ნაჩვენები პანელი. ყველა გვერდი - ყველა გვერდზე. ჩართეთ შემდეგ გვერდებში – მონიშნეთ გვერდები, რომლებზეც ნაჩვენები იქნება პანელი. გამორიცხეთ შემდეგ გვერდებზე – გამორიცხეთ გვერდები.

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

ფერი

- ზოლის ფერი, აირჩიეთ ფერები ზოლისთვის.

– შეტყობინების ტექსტის ფერი, მიუთითეთ ტექსტის ფერი პანელში.

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

– ღილაკის ტექსტის ფერი, ღილაკში ტექსტის ფერი.

– ხელახლა გახსნა ღილაკის ფერი, პანელის გასახსნელად ღილაკის ფერი.

– დახურვის ღილაკის ფერი, აირჩიეთ ფერები პანელის დახურვის ღილაკისთვის.

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

Ბოლოს შეინახეთ თქვენი ცვლილებები.

შეტყობინებების ზოლი თქვენი WordPress საიტის ზედა ან ბოლოშიგანახლებულია: 2018 წლის 25 ივლისი: ილია ჟურავლევი

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

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

რა როლს თამაშობს ლინკი ვებსაიტის პოპულარიზაციაში ახლა?

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

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

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

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

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

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

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

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

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

მაგრამ მისი მონაცემები ასევე შეიძლება გამოყენებულ იქნას WordPress-ის სხვა გაფართოებებით, მათი უფრო ფერადი ან პრეტენზიული დიზაინით. იმავე სტატიაში YARP-ის შესახებ, მე უბრალოდ მივეცი მაგალითი იმისა, თუ როგორ გამოიყენა მისი მონაცემები Related Posts Slider მოდულის მიერ, რამაც მას საშუალება მისცა მსგავსი პოსტების ჩვენება შემდეგი ფორმით:

აბა, ან ეს:

ჩვენმა დღევანდელმა გმირმა დარეკა ზემოთ წინაასევე იცის როგორ აიღოს ინფორმაცია Yet Another Related Posts Plugin-ის მონაცემთა ბაზიდან და აკეთებს სწორად, რადგან არ არის საჭირო ყოველ ჯერზე ბორბლის ხელახლა გამოგონება. მოდით, ფაქტობრივად, გადავიდეთ ინჟინერიის ამ სასწაულის შესაძლებლობების აღწერაზე.

პარამეტრების დაკავშირება upPrev მოდულის გამოყენებით

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

აირჩიეთ პოსტების რაოდენობა, რომლებზეც ეს დანამატი შექმნის ბმულებს. მაგრამ ცოტა უფრო დაბალი, ჩვენ უბრალოდ აირჩიეთ ჩვენი საიტის ბმულის ტიპი. მე შევარჩიე მსგავსი პოსტების ვარიანტი Yet Another Related Posts Plugin-ის ბაზის გამოყენებით (ის უნდა იყოს წინასწარ დაინსტალირებული), მაგრამ შეგიძლიათ დააკონფიგურიროთ რგოლის ტიპის კავშირი მეორე ან მესამე ვარიანტის არჩევით, ასევე დიდი რგოლის ბმულის არჩევით პირველი .

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

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

კარგი, ეს ყველაფერია, upPrev-მა დაასრულა პარამეტრები, მაგრამ მე უკვე შევცვალე პანელის გარეგნობა Yet Another Related Posts Plugin-ის პარამეტრებში.

მოცურების პანელის შიგთავსის გარეგნობის მორგება

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

რომ. ახლა upPrev მოდულის მიერ ნაჩვენები მსგავსი პოსტების სიის გამოჩენა ( pop-up პანელში) განისაზღვრება კოდით, რომელიც დაწერილია ჩემს yarpp-template-list.php ფაილში საქაღალდედან ჩემი თემით (). თუ თქვენი ბლოგი ქმნის ესკიზებს პოსტებისთვის, მაშინ აზრი აქვს აირჩიოთ შაბლონი სხვა დაკავშირებული პოსტების მოდულის არსენალიდან მათი მხარდაჭერით.

ამ ფაილის კოდია:

have_posts()): $postsArray = მასივი(); while ($related_query->have_posts()) : $related_query->the_post(); $postsArray = "
• ".get_the_title()."
"; endwhile; echo implode(" "."\n",$postsArray); // ამობეჭდეთ დაკავშირებული ელემენტების სია, გამოყოფილი მძიმეებით else:?>

არ არის დაკავშირებული პოსტები.

როგორც ხედავთ, სწორედ აქ ცხოვრობს მოცურების სოკეტის სათაური, ასე რომ თქვენ უნდა გადაიყვანოთ (საჭიროების შემთხვევაში) ეს ფაილი UTF-8 კოდირებად BOM-ის გარეშე, რათა თავიდან აიცილოთ crack(). მე არ ვიცი თქვენი, მაგრამ მე მქონდა Notepad++ () როგორც ჩემი მთავარი რედაქტორი საკმაოდ დიდი ხნის განმავლობაში და მასში ეს კონვერტაცია კეთდება ასე:

ნათელია, რომ ეს კოდი ქმნის მხოლოდ ბანალურ Html სიას () და CSS თვისებები, რომლებიც ჩაწერილია სტილის ფაილში კოდში არსებული კლასებისთვის, პასუხისმგებელია გარეგნობაზე. ჩემს შემთხვევაში ეს სტილები ასე გამოიყურება:

ა. 5px;ზღვარი: 5px 0;საზღვარი: წერტილოვანი 2px #cccc;) li.eto:hover (ტექსტი-დეკორაცია:ხაზი MS", ვერდანა, Arial; ფერი:#666;)

lampochka კლასი ამატებს მწვანე ნიშნულებს, რომლებიც დაყენებულია ჩემს CSS კოდში base64 კოდის გამოყენებით (ეს კოდი სადღაც დავაკოპირე). თუ გაინტერესებთ, გადახედეთ ჩემს style.css-ს. კარგი, ახლა ყველაფერი დასრულდა. თუ რამე დაგავიწყდათ, ჰკითხეთ. მართალია, ერთი თვის წინ დავაყენე ეს დაკავშირების ვარიანტი და ამ ხნის განმავლობაში რაღაც უკვე გაქრა გონებიდან.

Წარმატებას გისურვებ! მალე შევხვდებით ბლოგის საიტის გვერდებზე

შეიძლება დაგაინტერესოთ

როგორ ამოიღოთ გამჭვირვალე პიქსელი http://yarpp.org/pixels მოდული Yet Another Related Posts და შეცვალოთ წარწერა მსგავსი მასალები
WordPress-ში დაკავშირებული პოსტების სიის შექმნა (ესკიზებით) Related Posts მოდულის გამოყენებით შიდა ბმულისთვის
როგორ გავაუმჯობესოთ ვებსაიტის ქცევის სტატისტიკა კიდევ ერთი დაკავშირებული შეტყობინებების და მსგავსი პოსტების სლაიდერის დანამატების გამოყენებით WordPress-ისთვის
მარტივი მრიცხველები და კატეგორიების და გვერდის ხატები - ლამაზი RSS და Twitter მრიცხველები, ასევე კატეგორიების და გვერდების ხატები WordPress-ში
WordPress დანამატები ჩემს ბლოგზე (საიტზე) სლაიდერები და სლაიდშოუები თქვენი ვებსაიტისთვის - რა ვარიანტები არსებობს და როგორ გამოვიყენოთ jQuery Slider სკრიპტები
Breadcrumbs WordPress-ში Breadcrumb NavXT მოდულის გამოყენებით (ბმულის გაძლიერება)
WordPress-ში მეხსიერების მოხმარების შემცირება გვერდების შექმნისას - WPLANG Lite მოდული ლოკალიზაციის ფაილის ჩანაცვლებისთვის
WP-PageNavi - გვერდის ნავიგაცია WordPress ბლოგისთვის - ინსტალაცია, კონფიგურაცია და პაგინაციის გარეგნობის შეცვლა
კალენდარიზაცია მოახდინე! - მოვლენების კალენდარი WordPress-ისთვის
ფოსტა არ იგზავნება WordPress-დან და ვიზუალური რედაქტორი არ მუშაობს - გამოსავალი Configure SMTP და Post Editor Buttons დანამატების გამოყენებით

რა თქმა უნდა, ხშირად შეგხვედრიათ ვებსაიტების გვერდებზე სხვადასხვა ტიპისა და მდებარეობის ჩამოსაშლელი პანელები, რომლებიც საუბრობენ ზევით, ქვედა, მარჯვნივ ან მარცხნივ სრულად ავტომატურად, მოცემულ დროის ინტერვალზე ან აქტიურდებიან დაწკაპუნებით. როგორც წესი, ასეთი პანელები შეიცავს დამატებით ინფორმაციას, ზოგი მნიშვნელოვანი და ზოგი არც ისე მნიშვნელოვანი, რომელიც ამ დროისთვის იმალება მომხმარებლის თვალში. მაგალითად, გამოწერის ფორმები, სოციალური ქსელის ვიჯეტები, ბმულები, ტეგები, საკონტაქტო ინფორმაცია და ა.შ., მოკლედ, ყველაფერი.
არსებობს უამრავი მზა გადაწყვეტილებები javascript-ში მოცურების პანელების დანერგვისთვის, მოდულები და დანამატები სხვადასხვა CMS-სთვის, ინდივიდუალური jQuery დანამატები, მაგრამ ძალიან ცოტა, რაც თვალში მომხვდა, იყო სრულიად სამუშაო მეთოდები სუფთა CSS-ში.

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

ჩვენ გადავხედეთ მაგალითს, შევადარეთ ორიგინალს და ახლა, ვის სჭირდება, ერთად გავარკვიოთ, როგორ მუშაობს ეს ყველაფერი. კიდევ ერთხელ შეგახსენებთ, რომ არა js, მხოლოდ ხელუხლებელი html და css-ის „ჯადოსნობა“ ყველაფერს გააკეთებს.

HTML განლაგება

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

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

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

ახლა მოდით შევქმნათ ჩვენი მოცურების პანელის სტილები, ჯერ დავაყენოთ ბაზის კონტეინერის ზომები, განვსაზღვროთ ფონის ფერი და მისი საწყისი მდებარეობა. CSS-ში შევქმნით class.top-პანელს, რომელშიც ჩავწერთ ყველა საჭირო თვისებას.
ჩვენი პანელი ასაწევია, რაც იმას ნიშნავს, რომ მისი დამალვა გვჭირდება, ეს კეთდება ძალიან მარტივად. ფიქსირებული პოზიციონირების პოზიციის დაყენება: ფიქსირებული; , გაჭიმეთ გვერდის სიგანის მთელ სიგანეზე: 100%; , ჩვენ არ ვაკონკრეტებთ პანელის სიმაღლეს (სიმაღლეს:) ამ შემთხვევაში პანელი ავტომატურად მოერგება შინაარსის ზომას და ტრანსფორმაციის გამოყენებით: translateY(-100%); , გადაიტანეთ ჩვენი პანელი გვერდის ზედა კიდეს მიღმა.

. ზედა პანელი (ფონი: #39464e; პოზიცია: ფიქსირებული; ზედა: 0; სიგანე: 100%; ბალიშები: 0; - webkit- box- ზომა: საზღვარი- ყუთი; - moz- ყუთი- ზომა: საზღვარი- ყუთი; ყუთი- sizing: border- box- transform: translateY(- 100%) ;

ზედა პანელი (ფონი: #39464e; პოზიცია: ფიქსირებული; ზედა: 0; სიგანე: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box- ზომა: border-box -webkit-transform: translateY(-100%) -moz-transform: translateY(-100%);

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

/* შეტყობინების ბლოკი */ .message ( ფერი: #fff; შრიფტი-წონა: 300; პოზიცია: შედარებითი; ბალიშები: 2em; ზღვარი: 0 ავტომატური; მაქსიმალური სიგანე: 980 პიქსელი) /* დონე 1 სათაური */ .წერილი h1 ( ფერი: #fff ) /* მე-2 დონის სათაური */ .მესიჯი h2 (ფერი: #888)

შემდეგი, ჩვენ განვსაზღვრავთ ყველა საჭირო სტილს ჩვენი პანელის გადართვისთვის. დასაწყისისთვის, მოდით დავმალოთ type="checkbox" დროშა მომხმარებლების თვალისგან, დიდი შეფერხების გარეშე, html ტეგში. დავწეროთ დამალული ატრიბუტი, რომელიც განსაზღვრავს ობიექტის ჩვენება ბრაუზერის ფანჯარაში თუ არა.

ღია (პოზიცია: აბსოლუტური; კლიპი: სწორი (0 0 0 0); გაუმჭვირვალობა: 0; )

ტეგუ მივანიჭოთ class="btn" , რომლითაც ვიმუშავებთ css-ში, რათა "დავხატოთ" საკმაოდ ლამაზი გადამრთველი (ღილაკი):

/* პანელის გადამრთველი */ეტიკეტი. btn ( ჩვენება: ბლოკი; პოზიცია: აბსოლუტური; მარჯვნივ: 25 პიქსელი; ზედა: 100%; /*ქვედა: -35 პიქსელი;*/ კურსორი: მაჩვენებელი; ფონი: #2bbbad; საზღვარი- რადიუსი: 0 0 3px 3px; padding: 8px 16px ფერი: #fff; z-ინდექსი: 9999 ) /* ჰოვერის ჩართვა */ეტიკეტი. btn: hover ( - webkit- გარდამავალი: 0. 35s; - moz- გადასვლა: 0. 35s; გარდამავალი: 0. 35s; box- shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18) , 0 4px 15p 0 rgba (0 , 0 , 0 , 0.15 )) /* ისრის გადართვა ქვემოთ */ეტიკეტი. btn: after ( შინაარსი: "\f078" ; შრიფტი: ნორმალური 18px/ 1 FontAwesome; ტექსტის გაფორმება: მემკვიდრეობით)

/* პანელის გადამრთველი */ label.btn ( ჩვენება: ბლოკი; პოზიცია: აბსოლუტური; მარჯვნივ: 25 პიქსელი; ზედა: 100%; /*ქვედა: -35 პიქს;*/ კურსორი: მაჩვენებელი; ფონი: #2bbbad; საზღვრის რადიუსი: 0 0 3px 3px: #fff; , 0.12 z-index: 9999 ) /* Hover toggle */ label.btn:hover ( - webkit-transition: 0.35s; -moz-transition: 0.35s; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0 , 0.15) ) /* ქვემოთ გადამრთველი ისარი */ label.btn:after ( content: "\f078"; შრიფტი: ნორმალური 18px/1 FontAwesome; ტექსტის დეკორაცია: მემკვიდრეობით )

გადართვის ისრები აღებულია FontAwesome font-icon პაკეტიდან, შესაბამისად, ამ ნაკრების სტილის ფაილი უნდა იყოს დაკავშირებული გვერდზე:

< link href= "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" >

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

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

. გახსნა: შემოწმებული ~ . ზედა პანელი ( box- shadow: 0 2px 5px 0 rgba(0 , 0 , 0 , 0.16 ) , 0 2px 10px 0 rgba (0 , 0 , 0 , 0.12 ) ; - webkit- ტრანსფორმაცია: translateY (0 ) - ტრანსფორმაცია: translateY(0) ; გახსნა: არა(: შემოწმებული) ~ . ზედა პანელი (- webkit- გარდამავალი: 0. 35s; - moz- გადასვლა: 0. 35s; გარდამავალი: 0. 35s ) /* ფერის შეცვლა დაწკაპუნებისას */. გახსნა: შემოწმებული ~ . ზედა პანელი > ეტიკეტი. btn (ფონი: #dd6149) /* ზემოთ ისრის გადართვა*/. გახსნა: შემოწმებული ~ . ზედა პანელი > ეტიკეტი. btn: შემდეგ (შინაარსი: "\f077" ; შრიფტი: ნორმალური 18px/ 1 FontAwesome)

გახსნა: მონიშნული ~ .ზედა პანელი ( box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transform: translateY( 0 -moz-transform: translateY(0 -webkit-transition: 0.35s ) .open:not(:checked) ~ .top-panel ( -webkit-transition: 0.35s); -ტრანზიცია: 0,35 წმ. ) /* ფერის შეცვლა */ .open:checked ~ .top-panel > label.btn (ფონი: #dd6149 ) /* გადამრთველი ზემოთ*/ .open:checked ~ .top-panel > label.btn:after ( შინაარსი: "\f077"; შრიფტი: ნორმალური 18px/1 FontAwesome )

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

ეკრანი @media მხოლოდ და (მაქს. სიგანე: 400 პიქსელი) (სხეული (შრიფტის ზომა: 90%)) @მხოლოდ მედია ეკრანი და (მაქს. სიგანე: 800 პიქსელი) (სხეული (შრიფტის ზომა: 100%)) @მხოლოდ მედია ეკრანი და (წთ. სიგანე: 1100 პიქსელი) ( სხეული ( შრიფტის ზომა: 120%) )

@media მხოლოდ ეკრანი და (მაქს. სიგანე: 400 პიქსელი) ( კორპუსი (შრიფტის ზომა: 90%) ) @media მხოლოდ ეკრანი და (მაქს. სიგანე: 800 პიქსელი) ( სხეული (შრიფტის ზომა: 100%) ) @მხოლოდ მედია ეკრანი და (წთ. სიგანე: 1100 პიქსელი) ( სხეული (შრიფტის ზომა: 120%) )

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

მთელი პატივისცემით, ანდრია

ცოტა ხნის წინ, ჩვენმა ერთ-ერთმა მკითხველმა იკითხა, თუ როგორ უნდა შეცვალოს მისი საიტის ნავიგაციის მენიუ jQuery pop-up მენიუს ზოლით. ასეთ პანელს შეუძლია მნიშვნელოვნად გააუმჯობესოს გამოყენებადობა საიტების მობილურ ვერსიებზე. ამ სტატიაში ჩვენ გაჩვენებთ, თუ როგორ უნდა დაამატოთ მოცურების მენიუს ზოლი WordPress თემებზე.

შენიშვნა: ეს სტატია ითვალისწინებს HTML და CSS-ის შუალედურ ცოდნას.

WordPress-ში სტანდარტული მენიუს მოცურების პანელით ჩანაცვლება

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

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

(function($) ( $("#toggle").toggle(function() ($("#popout").animate(( მარცხნივ: 0 ), "ნელი", ფუნქცია() ($("#toggle" ).html(" "); )); ), ფუნქცია() ($("#popout").animate(( მარცხნივ: -250), "ნელი", ფუნქცია() ($("#toggle").html(" "); )); )); )) (jQuery);

ჩანაცვლება example.comთქვენი ვებსაიტის დომენის სახელით და ასევე შეცვალეთ შენი-თემათქვენი მიმდინარე თემის რეალურ საქაღალდეში. შეინახეთ ფაილი სახელით slidepanel.jsკომპიუტერზე. ეს კოდი იყენებს jQuery-ს მოცურების მენიუს ზოლის გადასართავად. ის ასევე ააქტიურებს გადართვის ეფექტს.

გახსენით თქვენი FTP კლიენტი (Filezilla ან Total Commander) და დაუკავშირდით თქვენს საიტს. შემდეგი, გადადით თქვენი თემის დირექტორიაში და თუ მასში უკვე არის საქაღალდე js, შემდეგ გახსენით. თუ თქვენს თემას არ აქვს ასეთი დირექტორია, მაშინ შექმენით იგი და ატვირთეთ slidepanel.js ფაილი შიგნით.

შემდეგი ნაბიჯი არის მენიუს ხატის შექმნა ან პოვნა. ამისათვის ყველაზე ხშირად გამოყენებული ხატი არის სამი ზოლით. თქვენ შეგიძლიათ შექმნათ იგი ნებისმიერ გრაფიკულ რედაქტორში (მაგალითად, Photoshop) ან იპოვოთ Google-ში არსებული მრავალიდან ერთ-ერთი. ამ მაგალითში ჩვენ გამოვიყენებთ 27x23px ზომას ხატისთვის. მას შემდეგ რაც შექმნით, გადაარქვით სახელი menu.png და ატვირთეთ სურათების საქაღალდეში თქვენი თემების დირექტორიაში.

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

Wp_enqueue_script("wpb_slidepanel", get_template_directory_uri() . "/js/slidepanel.js", array("jquery"), "20131010", true);

ახლა, როდესაც ყველა მოსამზადებელი სამუშაო დასრულდა, თქვენ უნდა შეცვალოთ ნაგულისხმევი თემის მენიუ. როგორც წესი, თემების უმეტესობა აჩვენებს ნავიგაციის მენიუს ფაილში header.phpთემები. გახსნა header.phpდა იპოვნეთ მსგავსი ხაზი:

"ძირითადი", "menu_class" => "nav-menu")); ?>

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

"ძირითადი", "menu_class" => "nav-menu")); ?>

შეცვალეთ example.com თქვენი დომენის სახელით და თქვენი-თემა თქვენი თემების საქაღალდით. შეინახეთ ცვლილებები.

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

@media ეკრანი და (წთ-სიგანე: 769 პიქსელი) ( #toggle ( ჩვენება:არცერთი; ) ) @media ეკრანი და (მაქს-სიგანე: 768 პიქსელი) ( #popout ( პოზიცია: ფიქსირებული; სიმაღლე: 100%; სიგანე: 250px; ფონი rgb (25, 25, 25px, 25px); :hover (ფონი:#CCC; ) .nav-menu li a (ფერი:#FFF; ტექსტის დეკორაცია:არცერთი; სიგანე:100%;) )

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

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

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

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

მორგებული შეტყობინებები

მაღალი ხარისხის პრემიუმ დანამატი, რომელსაც აქვს ყველა საჭირო ფუნქცია, რომელიც თან ახლავს ამ დონის დანამატს.

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

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

ღირებულება: $29

BugMeBar WordPress მოდული

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

აღსანიშნავია სხვა მახასიათებლები:

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

ღირებულება: $12

გამარჯობა ბარი

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

DW პრომობარი

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

Foobar – WordPress შეტყობინებების ზოლები

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

ღირებულება: $9

WordPress შეტყობინებების ზოლი

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

Royal Footer Bar

Royal Footer Bar არის უმაღლესი კლასის მოდული, ნამდვილად "სამეფო". ის გამოიყურება ძალიან პროფესიონალურად და აქვს მრავალფეროვანი არჩევანი.

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

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

ღირებულება: $39

შეტყობინებების ზოლი

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