როგორ დავამატოთ ჩანართები WordPress შეტყობინებებში და გვერდებზე

როგორ დავამატოთ ჩანართები WordPress შეტყობინებებში და გვერდებზე

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


ჩანართების მოქმედება ელექტრონული კომერციის ვებსაიტზე

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

ჩანართები wordpress.org მოდულის აღწერილობის გვერდზე

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

აკორდეონები on vistamedia.xyz

მაგრამ აკორდეონებს, ჩვენ აქ ვისაუბრებთ ჩანართები, მოდით, არ დავკარგოთ ყურადღება; მე უბრალოდ გამიჭირდა ჩანართებსა და აკორდეონებს შორის გამიჯვნა. ახლა, ვიმედოვნებ, რომ ჩვენ იმავე გვერდზე ვართ

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

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

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

გამოიყენეთ გვერდის შემქმნელი

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

Elementor უფასო გვერდის აღმაშენებლის

Elementor გვერდი Builder ჩანართები

ინფორმაცია და ჩამოტვირთვა იხილეთ დემო

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

WPBakery Premium გვერდების შემქმნელი

WPBakery გვერდი Builder ჩანართები

იყენებთ პრემია თემას, რომელიც მოიცავს WPBakery გვერდის აღმშენებელს (მაგალითად, ჩვენი მთლიანი თემა)? დიდი! ჩანართები ჩამონტაჟებულია და ადვილად გამოსაყენებელია.

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

დააინსტალირეთ Tabs WordPress მოდული

Tabs უფასო WordPress მოდული

თუ თქვენ არ იყენებთ გვერდის შემქმნელს, არ არის საჭირო მხოლოდ ჩანართების გამოყენება. უამრავი შესანიშნავი ალტერნატივა არსებობს, მაგალითად, WordPress– ის უფასო მოდული, რომელიც ცნობილია WP Shop Mart– ის მარტივად, როგორც Tabs. ჩანართები არის WordPress- ის nifty plugin, რომელიც დაგეხმარებათ შექმნათ შეუზღუდავი რაოდენობის ლამაზი ჩანართები ოფლის გატანის გარეშე..

დავიწყოთ Tabs WordPress მოდულის ინსტალაციით. ვინაიდან ის ხელმისაწვდომია ოფიციალური WordPress plugin repo- ში, შეგიძლიათ დაამატოთ მოდული პირდაპირ თქვენი WordPress ადმინისტრატორიდან..

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

WordPress მოდულის ჩანართების დაყენება

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

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

ამის შემდეგ დააჭირეთ ღილაკს ააქტიურებს ღილაკი. ესაა, თქვენი Tabs Responsive WordPress მოდული მზად არის გამოიყენოთ. ახლა, მოდით შევქმნათ რამდენიმე ჩანართი, რათა გაირკვეს, რა სთავაზობს ამ მოდულს.

კონფიგურაცია Tabs Responsive WordPress მოდული

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

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

ამით თქვენ მივყავართ Tabs Responsive Builder, რომელიც წარმოადგენს ყველა იმ მახასიათებელს, რომელიც თქვენ გჭირდებათ ბოსტის მსგავსი ლამაზი ჩანართების შესაქმნელად. იხილეთ ქვემოთ მოყვანილი სურათი იმის სანახავად, თუ რას უნდა ელოდოთ.

ჩანართების საპასუხო WordPress მოდული ჩანართების შემქმნელი

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

ახლა მოდით შევქმნათ ნიმუშების რამდენიმე ჩანართი და გამოვაჩინოთ ისინი გვერდზე ან გვერდზე.

Დაამატე სათაური

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

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

აირჩიეთ ჩანართების დიზაინის შაბლონი

აირჩიეთ ჩანართების დიზაინის შაბლონი

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

დაამატეთ ჩანართები

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

ახალი ჩანართების დამატება

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

  1. ჩანართის სათაური – დაამატეთ თქვენს ჩანართის სათაური ამ ველში, მაგ. აღწერა, სპეციფიკაციები, დეტალები, და ა.შ..
  2. ჩანართის აღწერა – აქ დაამატეთ თქვენი ჩანართის აღწერა. ეს ველი საშუალებას გაძლევთ დაამატოთ თქვენი ჩანართის შინაარსი. საუკეთესო ნაწილი შეგიძლიათ გამოიყენოთ WYSIWYG რედაქტორი (ნაჩვენებია ქვემოთ number3) თქვენს ჩანართებზე მდიდარი შინაარსის დასამატებლად, სურათების, მუსიკის და ვიდეოების ჩათვლით
  3. გამოიყენეთ WYSIWYG – თუ გსურთ გამოიყენოთ ნაცნობი ქუდი-შენ-ეეე-მეს-ქუდი-შენ-და რედაქტორი თქვენი ჩანართის შინაარსის შესაქმნელად, შეგიძლიათ დააჭიროთ ამ ღილაკს, რომ გახსნათ pop-up ფანჯარა
  4. Tab ხატი – ეს ველი დაგეხმარებათ აირჩიოთ ხატი თქვენს ჩანართზე. Tabs WordPress მოდული გთავაზობთ წვდომას შრიფტი ფონტის გასაოცარი ხატებით, რომ დააინსტალიროთ თქვენი ჩანართები, როგორც პროფესიონალი
  5. ხატვის ზემოთ – თუ გსურთ ჩანართის სათაურის ჩვენება ხატის გვერდით, მოგეწონებათ ეს თვისება. გარდა ამისა, ეს საშუალებას გაძლევთ გამორთოთ ხატი ჩანართის სათაურის შეხების გარეშე
  6. წაშლა – დააჭირეთ ამ ღილაკს კონკრეტული ჩანართის წასაშლელად
  7. დაამატეთ ახალი ჩანართები – დააჭირეთ ამ ღილაკს დამატებითი ჩანართების დასამატებლად
  8. წაშლა ყველა – დაიღალა ყველა ჩანართიდან? უბრალოდ დაარტყი წაშლა ყველა ღილაკს ყველაფრის გადატვირთვისთვის

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

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

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

ჩანართების მოკლე კოდი

ჩანართების მოკლე კოდი

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

ჩანართების ვიჯეტი

ჩანართების ვიჯეტის მხარდაჭერა

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

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

ჩანართების ვიჯეტი

პირადი CSS

მიუხედავად იმისა, რომ Tabs WordPress მოდული გააჩნია მრავალი ჩანართის პერსონალურად პარამეტრების შესაძლებლობას (უბრალოდ შეხედეთ ამ მარჯვენა მხარეს); ის სავსეა სტილის პარამეტრები!), შეგიძლიათ დაამატოთ თქვენი საკუთარი CSS სტილი, როგორც ეს ნაჩვენებია ქვემოთ.

tabs wordpress plugin custom css

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

მარჯვენა მხარეს

tabs wordpress plugin სტილის პარამეტრები

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

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

დაამატეთ თქვენი ჩანართები WordPress გვერდზე ან განათავსეთ

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

ამ ეტაპზე, თქვენი ჩანართები მზად არის. თქვენ უბრალოდ უნდა დაამატოთ ჩანართები WordPress გვერდზე ან განათავსოთ. უბრალოდ დააკოპირეთ ჩანართების კოდი, რომელიც ჩვენ ადრე ვნახეთ. ჩვენი არის [TABS_R id = 443].

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

ნივთების დასაყენებლად დაახლოებით 5 წუთი; მე გამოვიყენე ოცდაჩვიდმეტი თემა და უამრავი Lorem Ipsum, შემდეგ შედეგს მივყავდი.

გაითვალისწინეთ, რომ მე ფერები ან რამე არ შევნიშნე. Მითხარი რას ფიქრობ; არც ისე ადვილი იყო?


თქვენს WordPress გვერდებზე და ჩანართების ჩანართების დამატება მეოთხეკლასელების საგნებია. არ მოველით, რომ რაიმე პრობლემას გადააწყდებით, განსაკუთრებით თუ თქვენ იყენებთ დანამატს, როგორიცაა Tabs WP Shop Mart.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me