გსურთ შექმნათ და აჩვენოთ ერთი ამომხტარი თითო პოსტის ტეგზე WordPress-ში? ასე რომ, განაგრძეთ ამ სტატიის კითხვა.
დარწმუნებული ვართ, რომ თქვენ უკვე იცნობთ პატარა ფანჯარას, რომელიც ჩნდება ვებსაიტის დათვალიერებისას. კარგად, მას უწოდებენ popup ან popup. ამომხტარი ფანჯრები შეიძლება გამოჩნდეს ვებსაიტზე სხვადასხვა ზომისა და ეკრანის პოზიციებში.
WordPress-ში არის მრავალი მოდული ამომხტარი ფანჯრების შესაქმნელად, როგორიცაა Elementor Pro, JetPopup, Brizy Pro და სხვა.
მთავარია გახსოვდეთ, რომ ამომხტარი ფანჯრები არ უნდა იყოს შემაშფოთებელი თქვენი ვებსაიტის ვიზიტორებისთვის. ამიტომ შექმენით ამომხტარი რაც შეიძლება მარტივი და მიმზიდველი.
შინაარსი
WordPress-ის ზოგიერთი დანამატი ამომხტარი ფანჯრების შესაქმნელად
Elementor Pro
Elementor Pro არის Elementor გაფართოება ასობით პრემიუმ ფუნქციით. ის გაძლევთ ძლიერ პროფესიონალურ ინსტრუმენტებს, რომლებიც აჩქარებს თქვენს სამუშაო პროცესს და დიზაინს. Elementor Pro გაძლევთ სრულ კონტროლს თქვენი ვებსაიტის განლაგებასა და დიზაინზე. ამ შემთხვევაში, შეგიძლიათ თავისუფლად მოარგოთ თქვენი ამომხტარის დიზაინი.
გამოყენება Elementor Pro ფოსტის ტეგის მიერ ამომხტარის შექმნა ძალიან მარტივი და გამოსაყენებელია. თქვენ შეგიძლიათ მარტივად განსაზღვროთ თქვენი ამომხტარი ფანჯრის ჩვენების პირობები ძალიან ზუსტი გზით.
jetpopup
Crocoblock-ის JetPopup არის გაფართოება Elementor. შეგიძლიათ იყიდოთ როგორც დამოუკიდებელი დანამატი ან იყიდოთ შეფუთვაში სხვა Crocoblock დანამატებთან ერთად. JetPopup-ის გამოყენების უპირატესობა ამომხტარი ფანჯრის შესაქმნელად არის ის, რომ მას გააჩნია ბევრი მაგარი ფუნქცია.
- შეგიძლიათ ითამაშოთ ამომხტარი ფანჯრის ტრიგერით.
- თქვენ შეგიძლიათ შექმნათ ანიმაციები ამომხტარი ფანჯრისთვის.
- ხელმისაწვდომია ამომხტარი შაბლონების დიდი რაოდენობა.
ასევე წაიკითხე: 22 საუკეთესო პრემიუმ დანამატი Elementor-ისთვის
Brizy Pro
ამომხტარი ფანჯრის შემქმნელი Brizy Pro გთავაზობთ ორ ვარიანტს. პირველი არის დაწკაპუნებით გააქტიურებული ამომხტარი ფანჯარა, ხოლო მეორე არის ავტომატური ტრიგერები და პირობები.
- დაწკაპუნებით გახსნა: თქვენი ამომხტარი ფანჯარა შეიძლება გააქტიურდეს უბრალოდ თქვენი გვერდის ელემენტებზე დაწკაპუნებით.
- ავტომატური ტრიგერები და პირობები: შეგიძლიათ დააკონფიგურიროთ ვიზიტორთა მოქმედებები, რომლებიც განსაზღვრავს როდის გამოჩნდება ამომხტარი ფანჯარა.
როგორ შევქმნათ და აჩვენოთ Popup Post Tag-ით WordPress-ში Elementor-ით
როგორც უკვე აღვნიშნეთ, თქვენ გაქვთ რამდენიმე ვარიანტი WordPress-ში ამომხტარი ფანჯრის შესაქმნელად. ამ გაკვეთილში ჩვენ გაჩვენებთ, თუ როგორ უნდა შექმნათ და აჩვენოთ ამომხტარი თითო პოსტის ტეგი ვერსიის გამოყენებით Elementor Proასე რომ, დარწმუნდით, რომ უკვე გაქვთ ერთი.
ნაბიჯი 1: შექმენით ამომხტარი შაბლონი
პირველი რაც უნდა გააკეთოთ არის ახალი Popup შაბლონის შექმნა. ახალი ამომხტარი შაბლონის შესაქმნელად გადადით შაბლონები > ამომხტარი ფანჯარა თქვენს WordPress დაფაზე და დააჭირეთ ღილაკს Ახლის დამატება.
შემდეგი, დაამატეთ თქვენი Popup-ის სახელი და დააჭირეთ ღილაკს შექმენით მოდელი.
თქვენ მიგიყვანთ შაბლონების ბიბლიოთეკაში, შეგიძლიათ აირჩიოთ შაბლონი ბიბლიოთეკის ფანჯრიდან ან შექმნათ თქვენი საკუთარი Popup შაბლონი. ბიბლიოთეკიდან შაბლონის გამოსაყენებლად, უბრალოდ დააჭირეთ ღილაკს ჩადეთ.
მაგრამ ამ სახელმძღვანელოში ჩვენ ვაპირებთ შევქმნათ Popup შაბლონი ნულიდან. დააწკაპუნეთ ხატულაზე X შაბლონების ბიბლიოთეკის დახურვა.
ნაბიჯი 2: დაარეგულირეთ ამომხტარი პარამეტრები
ჩვენ გვჭირდება გარკვეული კორექტირება Popup პარამეტრებში, სანამ დავიწყებთ Popup შაბლონის შექმნას. თქვენ შეგიძლიათ იპოვოთ საუკეთესო პარამეტრები თქვენი საიტისთვის. ამ გაკვეთილზე ჩვენ გაჩვენებთ თქვენ მიერ არჩეულ ამომხტარ პარამეტრებს.
დააჭირეთ გადაცემათა კოლოფის ხატულას ქვედა მარცხენა კუთხეში. ამომხტარის პარამეტრებში შეცვალეთ სიგანე ხედის სიგანის 90%-ში (VW) Et თანამდებობა en ცენტრი-ქვედა.
ნაბიჯი 3: შექმენით ამომხტარი ფანჯარა
შემდეგი, შეიმუშავეთ თქვენი Popup შაბლონი. დაამატეთ ახალი განყოფილება და აირჩიეთ 5 სვეტის სტრუქტურა. განყოფილების პარამეტრებში დააყენეთ სიგანე 950-ზე. შეგიძლიათ ითამაშოთ თქვენი პარამეტრებით.
მაგალითად, შეგიძლიათ გადახვიდეთ ჩანართზე სტილი ფონის დასაყენებლად გადადით ჩანართზე მოწინავე ზღვრის მორგება და მრავალი სხვა.
ახლა დაუბრუნდით თქვენს სვეტებს. მარცხენა სვეტში დააყენეთ სიგანე 33%, ხოლო დანარჩენი ოთხისთვის 16%.
მარცხენა სვეტში ჩვენ დავამატებთ სათაურის ვიჯეტს გარკვეული ტექსტით. თქვენ შეგიძლიათ დაამატოთ ტექსტი, რომელიც მოიწვიეთ თქვენი ვებსაიტის ვიზიტორებს, რომ ნახოთ სხვა შინაარსი, რომელიც შეესაბამება მიმდინარე შინაარსს, ან ნებისმიერი სხვა ტექსტი თქვენი არჩევანით.
მარჯვნივ, ჩვენ დავამატებთ Image ვიჯეტს. შეგიძლიათ დაამატოთ სურათები პოსტების ესკიზებიდან/გამორჩეული სურათებიდან ან ატვირთოთ ისინი ხელით.
ახლა სტრუქტურა მზად არის. დაბრუნდი ამომხტარი პარამეტრები შესვლის, გასვლისა და მინდვრის ანიმაციების მორგება. ამ სახელმძღვანელოში ჩვენ ვაყენებთ შეყვანას გაქრება და გამომავალი ჩართულია გაქრება. შემდეგ გადადით ჩანართზე მოწინავე და დააყენეთ ზღვარი 30-ზე (საერთო მნიშვნელობა ბმულებისთვის).
ნაბიჯი 4: გამოაქვეყნეთ ამომხტარი ფანჯარა
ახლა, როდესაც დიზაინი მზად არის, დააჭირეთ ღილაკს გამოაცხადეთ ჩვენების პირობების და ტრიგერების დასაყენებლად. ჩვენების მდგომარეობის დასადგენად დააჭირეთ ღილაკს პირობის დამატება და აირჩიეთ თქვენი ვარიანტი ჩამოსაშლელი სიიდან.
როგორც გსურთ აჩვენოთ Popup პოსტის ტეგი, შეგიძლიათ დააყენოთ შემდეგი ჩვენების პირობები (იხილეთ ანიმაცია).
დააწკაპუნეთ შემდეგი. ჩანართში ტრიგერები, დააყენეთ ტრიგერი გადახვევაზე გადართვის გადართვა დიახ. განსაზღვრეთ მიმართულებით on Bas და სიგანე 95%-ზე მეტი. იმიტომ, რომ ჩვენ გვინდა, რომ ამომხტარი ფანჯარა გამოჩნდეს, როდესაც ვიზიტორები მიაღწევენ ჩვენი სტატიის ბოლომდე.
ამ სახელმძღვანელოში ჩვენ არ ვაპირებთ განსაზღვრას გაფართოებული წესები. ასე რომ დააწკაპუნეთ ᲨᲔᲘᲜᲐᲮᲔ ᲓᲐ ᲓᲐᲮᲣᲠᲔ. კარგი, ახლა ჩვენ დავასრულეთ.
ვნახოთ, როგორ გამოიყურება.
აქ თქვენ ახლახან დაასრულეთ თქვენი ამომხტარი ფანჯარა. ასევე იხილეთ ჩვენი დაკავშირებული სტატიები:
- 6 მოსახერხებელი CSS სნიპეტი Elementor's Posts ვიჯეტისთვის
- როგორ შევქმნათ ჩამონათვალის გვერდი Elementor Loop Builder-ით
- როგორ დავამატოთ სამუშაო საათები თქვენს Elementor ვებსაიტზე
- როგორ დავამატოთ Line Break ელემენტის ღილაკის ტექსტში
- როგორ შევქმნათ და დაარედაქტიროთ ქვედა კოლონტიტული Elementor-ში
- როგორ დავამატოთ გამოსახულების ნიღაბი Elementor-ში
- Elementor ან Brizy: რომელია WordPress გვერდის საუკეთესო შემქმნელი?
დაკავშირებული სტატიები
- 22 საუკეთესო პრემიუმ დანამატი Elementor-ისთვის
- Elementor vs Beaver Builder: გვერდის შემქმნელების დეტალური შედარება
- Elementor Review 2024: გამოცდილება Elementor-თან (დადებითი, უარყოფითი მხარეები, ფუნქციები და სხვა)
- როგორ შევქმნათ ინტერაქტიული წრე Elementor-ში
- როგორ შევქმნათ Elementor ვებსაიტი სუპერ სწრაფი: სრული გაკვეთილი
- როგორ გადავიტანოთ საიტი Elementor Cloud-ში
- 5 საუკეთესო ინსტაგრამის არხის დანამატი Elementor-ისთვის [ჩვენი საუკეთესო არჩევანი]
- როგორ გამოვიყენოთ მოწინავე აკორდეონი Elementor-ში