რა არის პარალექსური ეფექტი? რატომ და როგორ გამოვიყენოთ იგი თქვენს WordPress საიტზე

რა არის პარალექსური ეფექტი? რატომ და როგორ გამოვიყენოთ იგი თქვენს WordPress საიტზე

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


ამ სტატიაში განვიხილავთ რა პარალელური ეფექტია და რა სარგებელი მოაქვს მას თქვენს საიტსა და ბიზნესს. შემდეგ განვიხილავთ, თუ როგორ უნდა სწრაფად და მარტივად დაამატოთ პარალელური ეფექტი WordPress– ის ნებისმიერ ვებსაიტზე, გვერდზე ან ფოსტაზე, უფასო მოდულით Parallax Scroll.

Contents

რა არის პარალექსური ეფექტი?

ოცდაჩვიდმეტი

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

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

რა არის პარალელური ეფექტის გამოყენების უპირატესობები?

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

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

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

პარალელი მობილურით

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

შეარჩიეთ თემა პარალექსური ეფექტით

სულ

მათთვის, ვინც ახალ პროექტს იწყებთ, უნდა აირჩიოთ პრემია თემა, რომელიც მოიცავს პარალელური ეფექტის მახასიათებელს. და თუ გსურთ პარალელური ეფექტის გამოყენება თქვენი ვებ – გვერდის სხვადასხვა გვერდებზე, და არა მხოლოდ მთავარ გვერდზე, მაშინ შეიძლება გაითვალისწინოთ მრავალსართულიანი თემა, რომელსაც გააჩნია მოწინავე გვერდების შემქმნელი. თემები, როგორიცაა Divi from Elegant თემები, Parallax by Themify და ჩვენი ძალიან საინტერესო თემა სულ, ყველა მოიცავს გვერდის შემქმნელებს, რომლებიც უზრუნველყოფენ პარალელური ეფექტის ინსტრუმენტებს..

დაამატეთ Parallax სლაიდერები Slider Revolution WordPress მოდულით

სლაიდერის რევოლუციის პარალელი

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

ჩართეთ სლაიდერი რევოლუციის პარალელი

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

სლაიდერის რევოლუციის პარალექსის პარამეტრები

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

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

პარალელური განყოფილებების დამატება პარალელური გადახვევის WordPress მოდულით

პარალელური გადახვევა

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

მოდით, ახლა გადავხედოთ, თუ როგორ უნდა დააინსტალიროთ და დავიწყოთ Parallax Scroll– ის გამოყენება…

პარალელური გადახვევის ინსტალაცია

Parallax Scroll– ის ინსტალაციისთვის, შედით თქვენს WordPress- ის პანორში, როგორც ადმინისტრატორი, და აირჩიეთ მოდელები> ახალი დამატება მენიუდან.

დაამატეთ ახალი მოდული

ძებნა პარალელური გადახვევა, შემდეგ აირჩიეთ დააინსტალირეთ ახლა> გააქტიურება.

პარალელური გადახვევის გააქტიურება

ახლა ნახავთ Parallax Scroll- ის დამატებას თქვენს WordPress მენიუში.

პარალექსის გადაადგილების განყოფილების დამატება

Parallax Scroll– ის დასაწყებად პირველ რიგში უნდა შექმნათ ახალი პარალელური განყოფილება. ამისათვის შეარჩიეთ პარალელური გადახვევა> ახალი დამატება თქვენი WordPress მენიუდან.

პარალელური გადახვევა დაამატე ახალი

აქ ახლა შეგიძლიათ შექმნათ თქვენი ახალი პარალელური განყოფილება…

დაამატეთ ახალი პარალელი

გადაადგილების პარალელური ფონის სურათის დაყენება

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

გამორჩეული სურათი

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

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

სათაურის ტექსტის შექმნა პარალექსის ფონზე

სათაურის დამატება

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

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

აჩვენეთ ნებისმიერი შინაარსი პარალელური სენსორული ფონის მქონე

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

პარალელური გადახვევის პარამეტრების მორგება

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

პარალელური გადახვევის პარამეტრები

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

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

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

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

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

პარალელური განყოფილების პოსტის ან გვერდის ჩასმა

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

პარალექსის გადახვევის მოკლე კოდი

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

ჩადეთ მოკლე კოდი

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

დასკვნითი აზრები

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map