თუ შეამჩნიეთ, WordPress-ის ერთ-ერთი ოქროს წესია, ყოველთვის, ყოველთვის გაამარტივოს საქმე ყველასთვის – როგორც დამწყებთათვის, ასევე გამოცდილი დეველოპერებისთვის. ერთ-ერთი გზა, რომლითაც ისინი ამ მიზანს აღწევენ, მოკლე კოდების (შორთკოდების) გამოყენებაა.
საკმაოდ მარტივად ჟღერს. ახლა, თუ ამ სტატიამდე არ გსმენიათ მოკლე კოდების შესახებ და არ იცით, როგორ გამოიყურება ისინი, ეს არის კვადრატულ ფრჩხილებში მოქცეული კოდის მსგავსი ტექსტი.
შედარებით ჩვეულებრივ კოდთან, რომელიც ჩვეულებრივ ასე გამოიყურება:
(ემმ. რა?)
მოკლე კოდები ზოგადად დაახლოებით ასე გამოიყურება:
(მარტივზე მარტივია.)
…და თუ დეველოპერი ხართ (ან თუნდაც ადამიანი, ვისაც კომპიუტერთან ორჯერ მაინც ჰქონია შეხება), ალბათ დამეთანხმებით, რომ უბრალო ბეჭდვამ და დაკლიკებამ ერთი უმნიშვნელო დავალების შესასრულებლადაც კი შეიძლება ბევრი დრო წაგართვათ. იმავე მიზეზით, რის გამოც კლავიატურის მალსახმობები გვაქვს, მოკლე კოდებიც იმისთვის არსებობს, რომ ყველას გაგვიმარტივოს საქმე და დაგვიზოგოს დრო უკეთესი რამეების გასაკეთებლად და შესაქმნელად; ისინი ძალიან ჰგავს მალსახმობ კლავიშებს, რადგან ზუსტად იგივე დანიშნულება აქვთ.
ახლა კი დავუბრუნდეთ ამ კონკრეტულ მოკლე კოდს, ზუსტად იმავეს, რაც ზემოთ იყო:
ამ კონკრეტულს ჰქვია embed shortcode და ის ნაგულისხმევად ჩაშენებულია WordPress-ში. ის URL-იდან ვიდეოს თქვენს კონტენტში ათავსებს. თუ ახლა WordPress-ში ხართ, შეგიძლიათ დააკოპიროთ და ჩასვათ ზემოთ მოცემული მოკლე კოდი თქვენს საიტზე, თუ გსურთ მისი გამოცდა.
თუმცა, მოკლე კოდები არ არის დროის დაზოგვის იდეალური გამოსავალი. ჩვენს წინა სტატიაში უფრო დეტალურად განვიხილავთ, თუ რატომ აქვს მოკლე კოდებს თავისი უარყოფითი მხარეები და რას ამზადებს Sandwich Team მათ გამოსასწორებლად.
ამ ეტაპზე კი, თამამად შეგიძლიათ ექსპერიმენტები ჩაატაროთ მოკლე კოდებით და ნახოთ, რისი გაკეთება შეუძლიათ მათ თქვენთვის.
შორთკოდები WordPress-ის ერთ-ერთი მთავარი მიღწევაა. შორთკოდები არის ხიდი დეველოპერებსა და საიტის შემქმნელებს შორის, რაც ადამიანებს საშუალებას აძლევს განათავსონ რთული შინაარსის კონტენტი თითქმის ყველგან, სადაც მოესურვებათ. პლაგინების შემქმნელებს უყვართ შორთკოდები, რადგან ეს მეტ მოქნილობას იძლევა იმის მხრივ, თუ როგორ და სად გამოაჩენენ მათი მომხმარებლები თავიანთ კონტენტს.
თუ არ იცით, რა არის შორთკოდები და როგორ გამოიყურება ისინი, ეს არის კვადრატულ ფრჩხილებში მოქცეული კოდის მსგავსი არქაული ტექსტი. ისინი დაახლოებით ასე გამოიყურება:
ამ კონკრეტულს embed შორთკოდი ეწოდება და WordPress-ში ნაგულისხმევად არის ჩაშენებული. ეს კონკრეტული შორთკოდი URL-იდან ვიდეოს პირდაპირ თქვენს კონტენტში ჩასვამს. უბრალოდ დააკოპირეთ და ჩასვით ზემოთ მოცემული შორთკოდი თქვენს საიტზე, თუ გსურთ გამოსცადოთ.
კულისებს მიღმა ხდება ის, რომ როდესაც WordPress თქვენს კონტენტში შორთკოდს ხვდება, ის მუშავდება და რაღაც სხვა რამედ გარდაიქმნება. ჩვენს ზემოთ მოცემულ შემთხვევაში, როდესაც
შორთკოდი აღმოჩნდება, WordPress იღებს შორთკოდში არსებულ URL-ს და ამოწმებს მას კონტენტის იმ პროვაიდერებთან, რომლებიც გააჩნია. როდესაც იპოვის, ის იღებს შესაბამის iframe ჩასაშენებელ კოდს და მის ნაცვლად მას აჩვენებს.
მაშ, რა არის აქ პრობლემა? საკმაოდ მარტივად ჟღერს — უბრალოდ წერთ მოკლე ტექსტს ფრჩხილებით და მორჩა.
გაიცანით Shortcode API..
შორთკოდების სიუხვე
Shortcode API დეველოპერებისთვის შორთკოდების შექმნის შესაძლებლობას ხსნის. ამის წყალობით, დეველოპერებს შეუძლიათ დაამატონ საკუთარი შორთკოდები თავიანთ პლაგინებში.
ეს შესანიშნავია — ახლა, მხოლოდ მოკლე, კოდის მსგავსი ფრაგმენტით (აქედან გამომდინარეობს სახელი „შორთკოდი“), როგორც დამწყებ, ისე გამოცდილ მომხმარებლებს შეუძლიათ პრაქტიკულად ნებისმიერი ტიპის კონტენტი განათავსონ ყველგან, სადაც მოესურვებათ.
WordPress-ს ნაგულისხმევად მხოლოდ რამდენიმე შორთკოდი აქვს. მათი დამახსოვრებით აკრეფა ადვილია, რადგან ისინი ცოტაა. მაგრამ თუ რამდენიმე პლაგინს დააინსტალირებთ, შორთკოდების რაოდენობა სწრაფად იზრდება ათეულამდე ან მეტამდე, ზოგ შემთხვევაში კი ასზე მეტამდეც. თითოეულ შორთკოდს აქვს ატრიბუტების საკუთარი ნაკრები და ინსტრუქცია მათი გამოყენების შესახებ. თითოეულ პლაგინს, სავარაუდოდ, აქვს გარკვეული დოკუმენტაცია იმის შესახებ, თუ როგორ მუშაობს მათი ყველა შორთკოდი და ჩამოთვლის თითოეულში არსებულ ყველა პარამეტრს. მაგრამ გიჟი უნდა იყოთ, რომ ყველა შორთკოდისა და მათი ატრიბუტების დამახსოვრება სცადოთ.
პრობლემა ისაა, რომ არ არსებობს ცენტრალიზებული ადგილი, სადაც შეძლებთ ნახოთ თქვენს საიტზე არსებული ყველა შორთკოდი და გაიგოთ, როგორ გამოიყენოთ ისინი.
ზოგიერთი ცდილობს პრობლემის გადაჭრას
ზოგიერთი პლაგინი ცდილობს ამ პრობლემის გადაჭრას საკუთარი შორთკოდების ადვილად მისადგომ ჩამოსაშლელ მენიუში წარმოდგენით. შემდეგ ერთ-ერთზე დაწკაპუნებით გამოისახება შორთკოდი თავისი ყველა შესაძლო ატრიბუტით. მათი დამახსოვრება აღარ არის საჭირო, რაც კარგია.
ზოგიერთი უფრო შორს მიდის და ამატებს პარამეტრების ამომხტარ ფორმას, რომელსაც აქვს მოსანიშნი ველები და ფერის ამრჩევები შორთკოდის ატრიბუტების შესავსებად.
ეს გამოსავალი გარკვეულწილად მუშაობს. თუმცა, თითოეული პლაგინი მხოლოდ საკუთარ შორთკოდებს ჩამოთვლის. ასე რომ, თუ თითოეული პლაგინი ქმნის შორთკოდის ამრჩევის საკუთარ ფორმას, გარდაუვალია, რომ თქვენს ეკრანზე ერთდროულად რამდენიმე შორთკოდის ამრჩევი აღმოჩნდეს (მე ეს უკვე გადამხდა თავს).
სხვა სიტყვებით რომ ვთქვათ, თითოეული პლაგინი თავისებურად მოქმედებს და საკუთარ გადაწყვეტას ნერგავს საკუთარი შორთკოდებისთვის. ზოგიერთი პლაგინი ამატებს ახალ ღილაკს ღილაკის „Add Media“ გვერდით, ან ახალს TinyMCE-ის შიგნით.
ასე რომ, ახლა შეიძლება ფიქრობთ: „რატომ არ შეიძლება სხვა პლაგინების შორთკოდების შეგროვებაც და მათი ჩასმა თქვენს ჩამოსაშლელ მენიუში / შორთკოდის ამრჩევში?“ ზუსტად ეს გავიფიქრე მეც. მაგრამ ამის თქმა უფრო ადვილია, ვიდრე გაკეთება. ცოტა ხანში აგიხსნით რატომ, მაგრამ ჯერ ვნახოთ, როგორი იქნებოდა იდეალური გამოსავალი.
იდეალური გამოსავალი
იდეალური გეგმა იქნებოდა ისეთი პლაგინის შექმნა, რომელიც თქვენს საიტზე არსებულ ყველა ხელმისაწვდომ შორთკოდს შეკრებდა, შემდეგ მოგაწვდიდათ სიას და ასევე დაგეხმარებოდათ ყველა ატრიბუტის შევსებაში. და ყოველ ჯერზე, როდესაც ახალ პლაგინს დააინსტალირებდით, ყველა ეს ახლად დამატებული შორთკოდიც თქვენთვის ხელმისაწვდომი გახდებოდა.
წარმოიდგინეთ ცენტრალური ადგილი, სადაც ყველა თქვენი შორთკოდი მარტივი წვდომისთვის განთავსდებოდა. თითოეული შორთკოდი აღწერდა, რას აკეთებს და რომელ პლაგინს ეკუთვნის. შემდეგ თითოეული ხელმისაწვდომი ატრიბუტისთვის წარმოიდგინეთ, რომ თითოეულ მათგანს ექნებოდა ჭდე, მათთვის მნიშვნელობის არჩევის სათანადო გზა და აღწერა. თქვენ დაინახავდით ჩამოსაშლელ მენიუებს, ფერის ამრჩევებს, გადამრთველ ღილაკებს, გადამრთველებს და ა.შ.
მსგავსი რამ ჩვენს ცხოვრებას, როგორც ვებსაიტებისა და კონტენტის შემქმნელებს, გააადვილებდა. აღარ დაგჭირდებოდათ სხვადასხვა დოკუმენტაციის ან ადმინისტრირების პანელის სხვადასხვა ნაწილის შემოწმება მხოლოდ იმისთვის, რომ დააკოპიროთ გენერირებული შორთკოდი სლაიდერისთვის, რომლის გამოყენებაც გსურთ.
სირთულე
სამწუხაროდ, ამ ეტაპზე მსგავსი რამის გაკეთება საკმაოდ რთულია. არ არსებობს საიმედო გზა შორთკოდის ყველა დეტალის გასაგებად. თქვენ შეგიძლიათ მიიღოთ ყველა შორთკოდის სია, მაგრამ მხოლოდ მათი რეალური ტეგები/სახელები; თქვენ ვერ მიიღებთ მათ შესახებ რაიმე დამატებით დეტალს, როგორიცაა ატრიბუტების სია, რას აკეთებენ ისინი და მათი ტიპები — როგორიცაა სტრიქონი, ფერი თუ რიცხვი. ვერც თითოეული ატრიბუტის აღწერილობის მსგავს რამეს მიიღებთ.
შენიშვნა დეველოპერებისთვის: დიახ, ფუნქცია shortcode_atts-სთვის ახლახან დამატებული მესამე არგუმენტი არსებობს, მაგრამ ის არასავალდებულო არგუმენტია. ასე რომ, სანამ მსოფლიოში ყველა პლაგინის დეველოპერი არ დანერგავს მას, ჩვენ მაინც არ გვექნება საიმედო გზა შორთკოდის ყველა ატრიბუტის დასადგენად.
Shortcode API არ ითვალისწინებს რაიმე საშუალებას შორთკოდის აღწერილობების დასამატებლად, ატრიბუტების ტიპების გარდასაქმნელად ან ატრიბუტების აღწერილობებისთვის. და თუ თავად WordPress არ დაამატებს ცენტრალურ ზონას შორთკოდებზე წვდომისთვის, ეჭვი მეპარება, რომ ეს შესაძლებლობა შეიქმნას.
დასკვნა
ამჟამად შორთკოდების ორგანიზების ამოცანა თითოეულ დეველოპერს ეკისრება. სანამ WordPress-ში არ შეიქმნება ცენტრალური მეთოდი, ველით, რომ კვლავ ნახავთ მრავალ ღილაკს „Add Shortcode“ თქვენს სამართავ პანელში. უნდა დაემატოს თუ არა მსგავსი რამ WordPress-ის ბირთვს, თავისთავად კიდევ ერთი დიდი განხილვის თემაა.
ალტერნატივა
არსებობს გვერდის ამგები პლაგინები, რომლებიც ამ საკითხს განსხვავებულად უდგებიან. შორთკოდების პროგრამულად ამოცნობის ნაცვლად, მათ აქვთ შორთკოდების მეპერები, სადაც მომხმარებლებს შეუძლიათ ხელით შეიყვანონ შორთკოდის ყველა დეტალი. დასრულების შემდეგ, ის ხელმისაწვდომი ხდება გვერდის ამგებში. მართალია, ეს მუშაობს, მაგრამ ისინი მხოლოდ თქვენს საიტზეა ხელმისაწვდომი.
ჩვენ, Page Builder Sandwich-ის გუნდი, ვქმნით რაღაცას, რაც იმედია გადაჭრის შორთკოდების ამ თავსატეხს. გამოიწერეთ ჩვენი საინფორმაციო ბიულეტენი ქვემოთ, რათა მიიღოთ შეტყობინებები ჩვენი პროგრესის შესახებ.
ახლა უკვე შეგიძლიათ განათავსოთ რუკები თქვენი გვერდის დიზაინში Page Builder Sandwich-ის გამოყენებით!
უცნაურია რუკებით აღფრთოვანება. იღებთ Google Map-ის URL-ს და ჩასვამთ მას. ან შესაძლოა ინტერნეტში იპოვოთ რუკის პლაგინი და ჩასვათ შორთკოდი. ან იქნებ თქვენს სხვა გვერდის შემქმნელს უკვე აქვს ეს და შეგიძლიათ ნებისმიერ დროს დაამატოთ. მაგრამ ჩვენი აღფრთოვანების მიზეზი ისაა, რომ რუკების დამატება სრულიად ახალ დონეზე ავიყვანეთ.
იხილეთ გადახედვა:
რუკის დამატების ძველი, მოსაწყენი გზა
აი, როგორ ამატებთ რუკას ტიპური გვერდის შემქმნელით:
გადაათრევთ რუკის ახალ ელემენტს,
ველებში უთითებთ განედსა და გრძედს,
ველებში შეგყავთ სხვა მნიშვნელობები, როგორიცაა რუკის სიმაღლე, რუკის სიგანე, მონიშნავთ გზის სტილის ველს და ა.შ.,
აჭერთ გადახედვას, ამოწმებთ, როგორ გამოიყურება და გადაწყვეტთ, რომ რაღაც უნდა შეცვალოთ, რათა უფრო ეფექტური გამოვიდეს,
ბრუნდებით გვერდის შემქმნელში, ცვლით მნიშვნელობებს და იმეორებთ ზემოთ მოცემულ მე-4 ნაბიჯს.
რუკის დამატება Page Builder Sandwich-ის წესით
ვებსაიტებზე რუკები ინტერაქტიულია – შეგიძლიათ გადააადგილოთ, გაადიდოთ და დააპატარაოთ. ამიტომ გავიფიქრეთ, რატომ არ უნდა მოვაშოროთ ყოველგვარი მკითხაობა და უბრალოდ მივცეთ ადამიანებს საშუალება, პირდაპირ გვერდის აწყობისას ჰქონდეთ რუკასთან ინტერაქცია?
აი, როგორ ამატებთ რუკას Page Builder Sandwich-ით:
ამატებთ რუკის ელემენტს,
წერთ განედსა და გრძედს ან მისამართს, სადაც გსურთ რუკის ცენტრირება,
გადააადგილებთ რუკას, ადიდებთ ან აპატარავებთ სასურველი იერსახის მისაღებად,
ჩვენი მიდგომა გაცილებით სახალისო და ინტუიციურია. თქვენ ფაქტობრივად ისევე მუშაობთ რუკასთან, როგორც ჩვეულებრივ Google Map-თან.
ფერადი რუკები ან მათი სტილიზაცია SnazzyMaps-ით
შესანიშნავი ფუნქცია, რომელიც დავამატეთ, არის თქვენი რუკების შეფერვისა და გაფერადების შესაძლებლობა და ეს ძალიან მარტივია. (ეს ხელმისაწვდომია მხოლოდ პრემიუმ ვერსიისთვის). თუ გსურთ თქვენი რუკის გაფერადება, უბრალოდ დააწკაპუნეთ ჩვენს ფერის ამრჩევზე, აირჩიეთ ფერი და თქვენი რუკა მაშინვე შეიცვლება.
აი ერთი, რომელიც ვარდისფრად შევფერეთ:
Page Builder Sandwich ასევე მხარს უჭერს უფრო დახვეწილ ფერთა სქემებს SnazzyMaps-ის მეშვეობით. მათ აქვთ მომხმარებელთა მიერ შექმნილი ფერთა სქემების უზარმაზარი სია და ასევე გაძლევენ საშუალებას შექმნათ თქვენი საკუთარი, თუ ფერებზე მეტი კონტროლი გსურთ.
უბრალოდ იპოვეთ თქვენთვის სასურველი ფერთა სქემა, შემდეგ აიღეთ კოდი და ჩასვით Page Builder Sandwich-ში. ფერთა სქემა დაუყოვნებლივ გავრცელდება თქვენს რუკაზე.
კიდევ ბევრი საინტერესო რამის გაკეთება შეგიძლიათ რუკებით – მაგალითად, მათი სრული სიგანის რიგებში დამატება უფრო შთამბეჭდავი ეფექტისთვის. ასევე შეგიძლიათ დაამატოთ ისინი კარუსელში ან ჩანართებში (მომავალი ფუნქცია).
თუ ჯერ არ გაქვთ Page Builder Sandwich, შეგიძლიათ გამოსცადოთ პრემიუმ ვერსია ზემოთ მოცემულ ბმულზე „Live Demo“ დაწკაპუნებით.
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy,convenient.
Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.
I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.
I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.
I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.
ამ ბოლო რამდენიმე კვირის განმავლობაში PBS-ის გუნდმა დაამატა რუკის ელემენტი და ასევე ჩანართების ელემენტიც.
ახლა, ჩვენთვის საკმაოდ მარტივი და ჩვეულებრივი რუტინა იქნებოდა, ყოველ რამდენიმე დღეში ახალი ელემენტის დამატება გაგვეგრძელებინა.
But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.
And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”
I know what you’re thinking: “How the heck can you supportthat much shortcodes? Is thatevenpossible?”
Well, the simple answer is yes.Yes it is.
And we’ve managed to achieve this feat through shortcode mapping.
What is Shortcode Mapping?
Shortcode mapping makes building shortcodes more friendly.
Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.
ასეთი სისტემის უპირატესობები საკმაოდ სოლიდურია:
1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.
2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!
3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.
4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.
5.) Overall faster page building time!
შორთკოდების მეპინგი ახალი არ არის და უამრავ page builder-ს უკვე აქვს ის. თუმცა, რით განსხვავდება ჩვენი?
როგორ მუშაობს შორთკოდების მეპინგი სხვა Page Builder-ებში
Each person/site does their own shortcode mapping.
Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.
ამ სცენარში შორთკოდების მეპინგის ტვირთი თქვენზე, მომხმარებელზე რჩება. თუ გსურთ, რომ ყველა თქვენი შორთკოდი სრულად იყოს ასახული ყველა ატრიბუტით (და ლამაზი ფერების ამრჩევებითა და სხვა რამეებით), მოგიწევთ დარწმუნდეთ, რომ თითოეული შორთკოდის ყოველი დეტალი შეიყვანეთ.
What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.
როგორ მუშაობს შორთკოდების მეპინგი Page Builder Sandwich-ში
Shortcode mappings are shared across all users.
Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.
ეს ბევრ შესანიშნავ უპირატესობას გვაძლევს:
Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).
გამოიწერეთ ჩვენი სიახლეები!
You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.
So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
არსებითად, თეთრი სივრცე (whitespace), თავისი ყველაზე მარტივი განმარტებით, არის კომპოზიციის ყველა ელემენტის გარშემო და მათ შორის არსებული სივრცე, რომელიც თავისუფალია. ეს არ არის ეკრანის სივრცის უბრალო ფლანგვა, როგორც ვებსაიტების მფლობელთა უმეტესობას ჰგონია. სწორად გამოყენებისას, თეთრ სივრცეს ნამდვილად შეუძლია სარგებლის მოტანა პროდუქტის უკეთ წარმოსაჩენად. ის კარგი დიზაინის შექმნის მნიშვნელოვანი გასაღებია და ვებსაიტს ყოველმხრივ აუმჯობესებს.
მიუხედავად იმისა, რომ სახელი „თეთრი სივრცე“ თეთრ ფერზე მიანიშნებს, ის ყოველთვის არ არის აუცილებელი პირდაპირი მნიშვნელობით თეთრი იყოს. თეთრი სივრცე სინამდვილეში შეიძლება იყოს ნებისმიერი ფერის — მას შეიძლება ჰქონდეს შეუმჩნეველი პატერნი ან ტექსტურაც კი. ეს არის არეალი, რომელზეც არ გსურთ მზერის ფოკუსირება. სხვაგვარად მას ნეგატიურ სივრცესაც
თეთრი სივრცე საბაზისო ხაზებსა და აბზაცებს შორის ადამიანებს საიტზე არსებული მთელი კონტენტის კომფორტულად წაკითხვაში ეხმარება. თქვენი საიტის მცირე დეტალების მორგებამ (როგორიცაა სტრიქონებს შორის დაშორება/ინტერლინიაჟი ან ასოებს შორის დაშორება) შეიძლება უდიდესი როლი ითამაშოს კითხვის გამარტივებაში.
მიზანია, თვალისთვის სასიამოვნო მაკეტების შექმნით ადამიანებს კითხვის გაგრძელების სურვილი გაუჩნდეთ.
სურათის წყარო: HP Magic Words
მიზეზი #2: აჩქარებს ინტერაქციას
მოდით გულახდილები ვიყოთ: თქვენი ვიზიტორების უმეტესობას არ ექნება საკმარისი მოთმინება ვებსაიტების დათვალიერებისას ყველაფერი ზედმიწევნით შეისწავლოს. როდესაც ვებსაიტი გადატვირთულად გამოიყურება, ეს მომხმარებელს ყურადღებას უფანტავს და ხელს უშლის სასურველის პოვნაში.
თეთრი სივრცეები დამთვალიერებელს გვერდზე ორიენტირებაში უნდა დაეხმაროს. ყურადღებისთვის კონკურენტი ნაკლები ელემენტი და თეთრი სივრცეების სათანადო გამოყენება ხელს უშლის ყურადღების გაფანტვას, რაც ვიზიტორებს აფერხებს.
მიზეზი #3: მიმართავს ყურადღებას სწორი ელემენტებისკენ
თეთრ სივრცეს შეუძლია მისცეს მომხმარებლებს ვიზუალური მინიშნება იმის შესახებ, თუ სად უნდა გაამახვილონ ყურადღება. სწორად გამოყენებისას, თეთრი სივრცეები ხელს უწყობს ინფორმაციის ხაზგასმას და ყურადღების მიპყრობას თქვენს ვებსაიტზე არსებულ კონკრეტულ არეალზე.
გახსოვდეთ, თუ ყველაფერი გამოკვეთილია, არაფერი აღარ არის გამოკვეთილი.
სურათის წყარო: Pocket Penguins
მიზეზი #4: პირველ შთაბეჭდილებას დიდი მნიშვნელობა აქვს
ვებსაიტის იერსახე და აღქმა კარგი პირველი შთაბეჭდილების მთავარი გასაღებია. კარგი პირველი შთაბეჭდილება ხშირად იწვევს ვიზიტის უფრო ხანგრძლივობას. ზედმეტად ცოტა თეთრმა სივრცემ შესაძლოა თქვენი ვებსაიტი იაფფასიანად და არასანდოდ გამოაჩინოს. ვიზიტორები არ მიიჩნევენ საიტს ან ბრენდს სანდოდ, თუ ის მიმზიდველად არ გამოიყურება. თეთრი სივრცის საკმარისი რაოდენობა ეხმარება თქვენი ვებსაიტისთვის სწორი ტონის შექმნას. თეთრი სივრცე შეიძლება იყოს ორიგინალურობის, სიახლის და ზოგჯერ ელეგანტურობის გადმოცემის საშუალება.
რჩევა: აი იდეა იმის შესახებ, თუ როგორ გახადოთ თქვენი ვებდიზაინი მარტივი და ნაცნობი.
სურათის წყარო: Flock Knitwear
მიზეზი #5: ეხმარება ამოსუნთქვის სივრცისა და ბალანსის შექმნაში
დაბალანსებული დიზაინი სიმეტრიულს არ ნიშნავს. დიდი დიზაინ-ელემენტი შეიძლება დაბალანსდეს რამდენიმე პატარათი. თეთრი სივრცის დამატება შესანიშნავი საშუალებაა თქვენს გვერდზე სხვადასხვა ზომის დიზაინის ელემენტების დასაბალანსებლად. შექმენით დინამიკა, რათა მომხმარებლის მზერა აქეთ-იქით არ იფანტებოდეს. კარგი დიზაინი უნდა ახერხებდეს მომხმარებლის გაძღოლას ერთი წერტილიდან მეორემდე ვიზიტორის დაბნევის გარეშე.
დასკვნა
შემდეგ ჯერზე, როდესაც ვებსაიტს ეწვევით და შეამჩნევთ, რომ იქ გარკვეული დროით დარჩით, დაფიქრდით, რამ გაიძულათ დარჩენა და წაკითხვა. ფიქრობთ, რომ სტრიქონებს შორის დაშორება სტატიის კითხვას აადვილებს? გიჩენთ ეს გამოცდილება ხელახლა დაბრუნების სურვილს? გაგიჭირდათ ნავიგაციის პოვნა?
დააკვირდით ვებსაიტზე თეთრი სივრცის სწორ გამოყენებას. თუ ფიქრობთ, რომ ეს შეიძლება თქვენს ვებსაიტზეც იმუშაოს, ისწავლეთ გამოიყენოთ და მართოთ, თუ რამდენ ადგილს გამოყოფთ თქვენს ელემენტზე, სანამ არ იგრძნობთ, რომ გადმოეცით სწორი ტონი და წაკითხვადობა თქვენი ვებსაიტისთვის სასურველი „დინების“ შეწირვის გარეშე.
ნებისმიერი ვებსაიტის საბოლოო მიზანი კომუნიკაციაა. ვიზუალური მიმზიდველობა თქვენი ვებსაიტის წარმატების განუყოფელი ნაწილია.
თუ ვებსაიტების შექმნის საქმეში შედარებით ახალი ხართ, დიდი ალბათობით, WordPress.com-ისა და WordPress.org-ის დიდ დებატებს ჯერ არ იცნობთ. შეიძლება ისიც კი არ იცოდით, რომ რომელიმე მათგანი არსებობს, ან რა დადებითი და უარყოფითი მხარეები აქვს თითოეულს. მაშ, რაში მდგომარეობს ეს დიდი დებატი WordPress.com-სა და WordPress.org-ს შორის? მეორე უბრალოდ იაფი მიმბაძველობაა, რომელსაც სასამართლოში უჩივლებენ?
ნამდვილად არა.
დებატი, მოკლედ რომ ვთქვათ, იმაზეა, თუ WordPress-ის ამ ორი სერვისიდან რომელი უფრო მეტად შეეფერება იმ ვებსაიტს, რომლის შექმნასაც ცდილობთ. არცერთი არ არის მეორის პლაგიატი და ორივე საიტი WordPress-ს ეკუთვნის; უბრალოდ ერთი (.com) უფრო მეტად არის მორგებული არადეველოპერებზე, ვიდრე მეორე, ხოლო .org-ს საიტის შექმნისას გაცილებით ნაკლები შეზღუდვები აქვს .com-თან შედარებით.
„მაგრამ როგორ გავიგო, რომელი მჭირდება?“
ამ კითხვაზე პასუხი მთლიანად თქვენი მომავალი ვებსაიტის საჭიროებებზეა დამოკიდებული. არ არსებობს WordPress-ის ერთი კონკრეტული ვერსია, რომელიც ობიექტურად „უკეთესი“ ან თუნდაც „საუკეთესოა“ გამოსაყენებლად. ორთავეს თავისი უნიკალური მახასიათებლები და თანაბარი რაოდენობის დადებითი და უარყოფითი მხარეები აქვს.
WordPress.com: რატომ და როდის უნდა გამოვიყენო?
WordPress.com თქვენ ნაცვლად ზრუნავს ძირითად აუცილებელ ელემენტებზე, რაც საშუალებას გაძლევთ, მეტი ყურადღება დაუთმოთ თქვენი საიტის შინაარსს. ეს არის საიტის კონსტრუქტორი, რომელსაც სრულად მართავს და ჰოსტინგს უწევს კომპანია, სახელწოდებით Automattic. თქვენ იღებთ პრემიუმ ჰოსტინგს, სარეზერვო ასლებს, უსაფრთხოებას და ა.შ. ეს ნიშნავს, რომ თქვენი საიტის კონტენტზე ფოკუსირება გაცილებით მარტივია, ვიდრე ნულიდან შექმნაზე საათების დახარჯვა.
გაითვალისწინეთ, რომ WordPress.com-ს ასევე გააჩნია თავისი შეზღუდვები. მართალია, შეიძლება ნაკლებად მოგიწიოთ ფიქრი თქვენი საიტის შიდა ფუნქციონირების შენარჩუნებაზე, მაგრამ უნდა გახსოვდეთ, რომ სავარაუდოდ არ გექნებათ იმდენი თავისუფლება, რამდენიც გსურთ. მიუხედავად იმისა, რომ თქვენი საიტის ინტერფეისის მორგება შეიძლება პრობლემა არ იყოს (მაგალითად, WordPress.com-ს უამრავი თემა მოჰყვება), გარკვეული ფუნქციებისა და ელემენტების დამატება პლაგინების სახით შეიძლება პრობლემად იქცეს, განსაკუთრებით იმ შემთხვევაში, თუ თქვენს საიტს სჭირდება კონკრეტული ფუნქციები, რომლებიც WordPress.com-ზე მიუწვდომელია.
ვებსაიტის შენარჩუნება და მართვა სრულიად განსხვავებული საკითხია. ეს დიდად არის დამოკიდებული იმაზე, რომ: 1.) არ ხართ WordPress-ის დეველოპერი 2.) არ გაქვთ კოდის შესწავლის სურვილი, ან 3.) ამისთვის ცოტა დრო გაქვთ ან საერთოდ არ გაქვთ.
WordPress.org: როდის დგება მისი განხილვის დრო?
WordPress.org-ის განხილვისას ძირითადი წესი ის არის, რომ როდესაც თქვენ ოდნავ მაინც იცნობთ კოდის მუშაობის პრინციპს, ან მზად ხართ, დრო დაუთმოთ მის შესწავლას. რადგან WordPress.org არის WordPress-ის თვითჰოსტინგური ვერსია, შეგიძლიათ სრულად ჩაუღრმავდეთ პროცესს. გარდა ამისა, გაქვთ თავისუფლება, შეცვალოთ და მოარგოთ ის იმდენად, რამდენადაც გსურთ. თქვენ თავად მოგიწევთ ჰოსტინგის მოძიება, უსაფრთხოების სარეზერვო ასლების გამართვა და მთლიანობაში საიტის დამოუკიდებლად მართვა – და რაც მთავარია, საკუთარი პირობებით.
„მაგრამ მოიცადეთ, რატომ უნდა მინდოდეს ეს? განა WordPress-ის მიზანი საიტის შექმნის გამარტივება არ არის?“
…არა ზუსტად. შეხედეთ ამას ასე: The Daily Post შესანიშნავ ანალოგიას ავლებს WordPress.org-სა და WordPress.com-ს შორის, ისე, რომ ყველაზე გამოუცდელი დამწყებიც კი (როგორიც მე ვარ) მაშინვე მიხვდება არსს.
მათი აზრით, WordPress.com უნდა წარმოიდგინოთ, როგორც რაღაც, რაზეც სრული საკუთრების უფლება არ გაქვთ. წარმოიდგინეთ, მაგალითად, თქვენი თავი 15 წლის ასაკში, როცა ჯერ კიდევ მშობლებთან ერთად ცხოვრობთ. თუ საძინებლის შეღებვა მოგინდებოდათ, ჯერ მშობლების ნებართვა უნდა გეთხოვათ (რომლებსაც, რა თქმა უნდა, სახლის, მათ შორის თქვენი ოთახის, სრული საკუთრება აქვთ). ტექნიკურად ოთახი თქვენია, მაგრამ საბოლოო ჯამში… თითქოს არც არის.
ასე რომ, თუ რაიმე რადიკალური ცვლილების შეტანა გჭირდებათ ან გსურთ (მაგალითად, კედლების შეღებვა ან ოთახის გაფართოება), მაინც მოგიწევთ ამაზე დალაპარაკება და/ან კომპრომისის გამონახვა სახლის ნამდვილ მფლობელებთან, ანუ დედასთან და მამასთან. თუმცა, ამის დადებითი მხარე ის არის, რომ როდესაც სარდაფში მცველი გადაიწვება ან კონდიციონერი შეწყვეტს მუშაობას, ამაზე თქვენი მშობლები იზრუნებენ და თქვენ არაფერზე მოგიწევთ ნერვიულობა.
მეორე მხრივ, WordPress.org არის ის, რისი თავისუფლად მორგება და შეცვლაც საკუთარი შეხედულებისამებრ შეგიძლიათ. ეს შეიძლება შევადაროთ იმ მომენტს, როდესაც 18 წლის ასაკში საბოლოოდ გადახვალთ საცხოვრებლად ცალკე და საკუთარ ბინას შეიძენთ. რადგან თქვენი საცხოვრებლის სრული მფლობელი ხართ, არ გჭირდებათ ვინმესთან კომპრომისზე წასვლა, რათა კედლები იმ ფერად შეღებოთ, რომლისაც დედათქვენს ყოველთვის ეშინოდა; თქვენ თავისუფალი ხართ გადაწყვეტილების მიღებაში და/ან დაიქირაოთ ვინმე, ვინც თქვენს სტანდარტებს აკმაყოფილებს, რათა ეს თქვენ ნაცვლად გააკეთოს. გარდა ამისა, თქვენ ასევე გაქვთ თავისუფლება, აირჩიოთ ზუსტად ის კონდიციონერი, რომელიც თქვენი მისაღები ოთახისთვის გსურთ. უბრალოდ, თუ ის გაფუჭდება, მოგიწევთ ხელოსნის დაქირავება მის შესაკეთებლად, ან თავად გაარკვიოთ, რა პრობლემაა და როგორ შეაკეთოთ (რაც არც ისე ცუდია, რადგან გამოცდილებას მიიღებთ, სწავლა კი კარგია).
იმედია, ახლა უკვე უფრო ნათელი წარმოდგენა შეგექმნათ იმაზე, თუ რა მკვეთრი განსხვავებებია WordPress.com-სა და WordPress.org-ს შორის. მაგრამ მოკლედ რომ ვთქვათ:
დააინსტალირეთ იმდენი ან რამდენიც გსურთ, თემები შემოიფარგლება მხოლოდ WordPress-ის თემებით, რეკლამების მოსაშორებლად გარკვეული საფასურის გადახდა გიწევთ.თქვენ თითქმის სრულად აკონტროლებთ თქვენს საიტს; შეგიძლიათ დაამატოთ, მოარგოთ ან შექმნათ კიდეც საკუთარი თემები.
კონტენტის კონტროლი შეზღუდულია;
WordPress.com
WordPress.org
სრულად ჰოსტინგი გაწეულია WordPress-ის მიერ; ყველა ძირითადი საჭიროება უზრუნველყოფილია.
თვითჰოსტინგი; თავად აირჩიეთ ძირითადი ელემენტები, ან შეარჩიეთ უკეთესი.
ფუნქციები შემოიფარგლება იმით, რასაც WordPress.com გთავაზობთ
ათასობით ფუნქცია პლაგინების სახით;
ეს მხოლოდ რამდენიმე შედარებაა, რომლებიც ამ ორს შორის განსხვავებების შეფასებისას იჩენს თავს. არჩევანი ამ ორს შორის საბოლოო ჯამში დამოკიდებულია თავისუფლების იმ ხარისხზე, რომელიც თქვენი საიტის შექმნისას გსურთ, და იმაზე, თუ რამდენ რესურსს (დრო, ძალისხმევა, ფული და ა.შ.) ხართ მზად მისთვის გასაღებად. გახსოვდეთ, რომ ორივე ძალიან მნიშვნელოვანი ვარიანტია ასაწონ-დასაწონად, სანამ გადაწყვეტთ, WordPress-ის რომელი პლატფორმა შეგეფერებათ საუკეთესოდ. ასე რომ, ნუ იჩქარებთ გადაწყვეტილების მიღებას!
In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
გთავაზობთ რამდენიმე ძირითად რჩევას იმის შესახებ, თუ რისი გაკეთება შეგიძლიათ თქვენი ვებსაიტის დიზაინის გასაუმჯობესებლად.
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
Juicebox used this zesty combination for people to get that organic and fresh that the brand represents
ვებსაიტის ფერთა გამა დიდ როლს ასრულებს თქვენი ბრენდისთვის შესაბამისი განწყობისა და ტონის შექმნაში. ლამაზი ფერის შერჩევა სულაც არ ნიშნავს იმას, რომ ის სწორია. თითოეული ფერი განსხვავებულ გზავნილსა და რეაქციას გადმოსცემს. ფერები ერთ-ერთი პირველია, რასაც საიტის ვიზიტორები ამჩნევენ და მას ნამდვილად შეუძლია გავლენა მოახდინოს თქვენი ვებსაიტის წარმატებაზე.
თქვენი დიზაინისთვის შეარჩიეთ მაქსიმუმ ორი-სამი ძირითადი ფერი. თუ მეტი ფერის დამატების საჭიროებას გრძნობთ, შეგიძლიათ გამოიყენოთ თქვენი ძირითადი ფერების ღია და მუქი ტონები (tints და shades). ფერთა თეორიაში, ღია ტონი (tint) არის ფერის ნარევი თეთრთან, რაც ზრდის სინათლეს, ხოლო მუქი ტონი (shade) არის ფერის ნარევი შავთან, რაც ამცირებს სინათლეს.
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
გამოიყენეთ კონტრასტული შრიფტები
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
ორი შრიფტის (typeface) შეხამება შესაძლოა დიზაინერებისთვისაც კი რთული იყოს. შეგიძლიათ საქმე გაიმარტივოთ ერთი შრიფტის ოჯახიდან ორი განსხვავებული მოხაზულობის (font) გამოყენებით. თუ მეორე შრიფტი აუცილებელია, აირჩიეთ ისეთი რამ, რაც კარგად კონტრასტებს თქვენს პირველ შრიფტთან. როგორც წესი, სერიფული (serif) და უსერიფო (sans-serif) შრიფტების კომბინაცია კარგად მუშაობს. კიდევ ერთი მნიშვნელოვანი რჩევაა შეარჩიოთ შრიფტები, რომლებიც შეესაბამება თქვენი კომპანიის სტილს. შეიძლება გქონდეთ მსოფლიოში ყველაზე ლამაზი შრიფტი, მაგრამ არასწორ კონტექსტში გამოყენებისას ის მაინც საშინლად გამოიყურებოდეს.
შეინარჩუნეთ სისუფთავე ცარიელი სივრცის (whitespace) გამოყენებით
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
გახადეთ ის მობილურ მოწყობილობებზე მორგებული
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
დამატებითი რჩევა: თქვენს ვებსაიტზე Page Builder Sandwich-ის გამოყენება ავტომატურად ჩართავს მობილურ ვერსიას და მოარგებს მას მობილური ეკრანის ზომას.
დასკვნა
დაიმახსოვრეთ: დიზაინის ძალის სათანადოდ ვერშეფასება ერთ-ერთი ყველაზე ცუდი შეცდომაა, რომელიც შეგიძლიათ დაუშვათ თქვენი ვებსაიტის შექმნისას. რა თქმა უნდა, არ არის აუცილებელი ზედმეტი ძალისხმევის დახარჯვა საიტის დიზაინის შექმნისას, მაგრამ ამასობაში ამ რჩევების უბრალოდ გათვალისწინებამაც შეიძლება უზრუნველყოს ის, რომ თქვენმა საიტმა თქვენს აუდიტორიაში უკმაყოფილების გრძნობა არ გამოიწვიოს.
პირველი ვებსაიტის შექმნისას გასათვალისწინებელი ერთი მნიშვნელოვანი ფაქტორი – ბიზნესი ხართ, ფრილანსერი თუ სრულიად ნებისმიერი სხვა – არის ის, რომ კოდისა და პროგრამული უზრუნველყოფის ენას ყველა როდი ფლობს. თქვენ შეიძლება იყოთ, მაგალითად, შეფ-მზარეული, რომელსაც სურს საკუთარი რეცეპტების ონლაინ გამოქვეყნება. ასევე შეიძლება იყოთ სახვითი ხელოვნების სტუდენტი, რომელსაც პროფესიონალური პორტფოლიო სჭირდება, ან სტარტაპ ბიზნესი, რომელსაც საკუთარი საიტი ესაჭიროება. რომელი შემთხვევაც არ უნდა იყოს, ფაქტი ფაქტად რჩება: მაშინაც კი, როცა ზოგიერთმა ჩვენგანმა შეიძლება იცოდეს კოდის საფუძვლები, ყველა ჩვენგანი არ არის სრულ განაკვეთზე მომუშავე დეველოპერი და ყველამ, ვისაც საიტი სურს ან სჭირდება, არ იცის, როგორ შექმნას ის ნულიდან. სწორედ აქ შეიძლება გამოგადგეთ WordPress. აქ კი ჩნდება კითხვა: „რატომ WordPress?“
მიზეზი #1
WordPress არის კონტენტის მართვის სისტემა, რაც მას სრულიად მოსახერხებელს ხდის მომხმარებლისთვის.
პირველი, რაც უნდა იცოდეთ, არის ის, რომ WordPress არის კონტენტის მართვის სისტემა (ან CMS). უფრო მარტივად რომ ვთქვათ, ეს ნიშნავს, რომ WordPress თავის მომხმარებლებს საშუალებას აძლევს შექმნან ვებსაიტები კოდის ნულიდან დაწერის გარეშე. მას აქვს სისტემატური, ორგანიზებული ინტერფეისი, რომელიც საშუალებას გაძლევთ მუდმივად აკონტროლოთ ყველაფერი ისე, რომ დროდადრო კოდში ჩაღრმავება არ დაგჭირდეთ.
ვებსაიტის ნულიდან შექმნისგან განსხვავებით, რომელიც, როგორც წესი, ასე დაიწყებოდა:
კონტენტის მართვის სისტემით თქვენ იწყებთ დაახლოებით ამგვარად:
WordPress-ის სამართავი (back-end) ინტერფეისი. CMS-ის მეშვეობით ვებსაიტების მართვა და შექმნა უფრო მარტივი ხდება.
თუმცა, შეიძლება საკუთარ თავს ჰკითხოთ: „WordPress შესანიშნავად გამოიყურება, მაგრამ რა მოხდება, თუ მას არ აქვს ის ფუნქციები, რაც ჩემი საიტისთვის მინდა?“, ან „რა მოხდება, თუ მინდა რუკა, მუსიკალური პლეერი, ქეშირების მექანიზმი ან უფრო საიმედო უსაფრთხოების სისტემა?“
…ტექნიკურად რომ ვთქვათ, WordPress-ს ალბათ აქვს თქვენთვის სასურველი ეს ფუნქცია და ის წარმოდგენილი იქნება WordPress-ის პლაგინის.
მიზეზი #2
პლაგინები: ალუბალი WordPress-ის ტორტზე
თუ გაწუხებთ, რომ WordPress არ შეიცავს იმ კონკრეტულ ფუნქციას, რომელიც შეიძლება გსურდეთ თქვენს საიტზე, ნუ ნერვიულობთ: მას ის ალბათ აქვს.
პლაგინები არის „გაფართოების ფუნქციები“, რომლებიც შექმნილია თქვენი WordPress საიტის ფუნქციონალის გასაზრდელად. თუ ხართ მეწარმე, რომელსაც სჭირდება საკონტაქტო ფორმა საიტისთვის, შესაძლოა აღმოაჩინოთ, რომ თავად WordPress-ს ეს ფუნქცია ჩაშენებული არ აქვს, მაგრამ არსებობს უამრავი პლაგინი, რომელსაც აქვს. და რადგან WordPress არის ღია კოდის მქონე (open-source) – რაც ნიშნავს, რომ თითქმის ნებისმიერს შეუძლია წვლილი შეიტანოს მის განვითარებაში – ახალი პლაგინები რეგულარულად იქმნება. თქვენ შეგიძლიათ მიიღოთ სასურველი საკონტაქტო ფორმა და კიდევ მეტიც. თქვენ გაქვთ თავისუფლება, დაამატოთ სხვა პლაგინები – სოციალურ ქსელებში გაზიარების ღილაკებიდან დაწყებული, რუკებითა და თქვენი საიტის დამატებითი უსაფრთხოების ზომებით დამთავრებული, მრავალ სხვა ფუნქციასა და გაფართოებასთან ერთად. ახლა მითხარით, რომ ეს შესანიშნავად არ ჟღერს.
დღეისათვის WordPress-ს აქვს ათასობით ასეთი პლაგინი — და ზოგიერთი მათგანი ხელმისაწვდომია უფასოდაც ან/და გააჩნია უფასო ვერსიები, მათ შორის PBS.
მიზეზი #3
ღია კოდი: WordPress-ის საზოგადოება
WordPress არის ღია კოდის მქონე (Open Source). ეს ნიშნავს, რომ ნებისმიერს შეუძლია წვლილი შეიტანოს მის განვითარებაში და ნებისმიერს შეუძლია შეისწავლოს მისი საწყისი კოდი, რათა მეტი გაიგოს პროგრამული უზრუნველყოფის შექმნაზე და თავად WordPress-ზეც კი. არსებობს ბიზნესებიც კი, რომლებიც მთლიანად ეძღვნება WordPress-თან დაკავშირებული პროდუქტების შექმნასა და განვითარებას, როგორიცაა პლაგინები და თემები (როგორც ჩვენ!)
ვინაიდან WordPress არის ღია კოდის მქონე, არსებობს უამრავი მომხმარებელი, დეველოპერი და დიზაინერიც კი, რომლებიც მუდმივად თანამშრომლობენ და ეხმარებიან ერთმანეთს WordPress-თან დაკავშირებული პრობლემების მოგვარებაში. ამ გზით თქვენ იღებთ რეალურ დახმარებას რეალური ადამიანებისგან და, ამავე დროს, სწავლობთ ერთმანეთისგან. ეს არის ის, რასაც ტიპური მომხმარებელთა მომსახურების სერვისები თითქმის ვერასდროს ახერხებენ.
მიზეზი #4
WordPress ნამდვილად სანდოა.
CNN, Star Wars-ის ოფიციალური ბლოგი, Time Magazine და (ო, საოცრებავ!) ბიონსეც კი იყენებენ WordPress-ზე მომუშავე საიტებს, მრავალ სხვასთან ერთად. ეს ცნობილი სახელები არ არის ერთადერთი რამ, რაც ადასტურებს WordPress-ის სანდოობასა და პოპულარობას – Treehouse.com-ის თანახმად, ინტერნეტში არსებული ყველა საიტის დაახლოებით 25% მუშაობს WordPress-ზე. თუ გავითვალისწინებთ, რამდენი მილიონი და ათასობით ვებსაიტი არსებობს… დიახ, 25% საკმაოდ დიდი რიცხვია.
მიზეზი #5
მორგების ულევი შესაძლებლობა!
WordPress-ს აქვს უამრავი თემა თქვენთვის და თქვენი საიტისთვის. თქვენ თავისუფლად შეგიძლიათ აირჩიოთ უფასო ვერსიებიდან, პრემიუმ ვერსიებიდან, ან თავად შექმნათ ის (ან დაიქირაოთ ვინმე, ვინც მას თქვენთვის შექმნის!).
მიზეზი #6:
ის უფასოა.
დიახ, სწორად წაიკითხეთ. ლოკალური დეველოპმენტის (Local Development) მეშვეობით, WordPress სრულიად უფასოა და შეგიძლიათ დააინსტალიროთ თქვენს კომპიუტერში ღილაკზე ერთი დაწკაპუნებით. ასევე, დეველოპერის დაქირავების ნაცვლად, შეგიძლიათ გამოიყენოთ კოდის შესახებ ნებისმიერი ცოდნა, რათა მეტი გაიგოთ იმის შესახებ, თუ როგორ მუშაობს WordPress (და ბოლოს და ბოლოს, სწავლა ყოველთვის კარგია).
…რომ აღარაფერი ვთქვათ იმაზე, რომ თუ არ გაქვთ დრო ძალიან ღრმად ჩაუღრმავდეთ WordPress-სა და საიტის შექმნას, ყოველთვის შეგიძლიათ შეიძინოთ მოხერხებული page builder მოდული და სცადოთ ჩვენი.
გახსოვდეთ, რომ WordPress-თან ერთად შესაძლებლობები უსაზღვროა და სულაც არ არის საჭირო გენიოსი იყოთ იმის გასარკვევად, თუ როგორ მუშაობს ეს ყველაფერი!
WordPress-ის გამოყენებამ შეიძლება დაგიზოგოთ ბევრი დრო, ფული და ენერგია. და იმ დროს, როდესაც ეს რესურსები ძალიან ცოტაა, გახსოვდეთ, რომ WordPress-ის საიტები, მათი მოდულები (როგორიცაა PBS!), მათი თემები და განსაკუთრებით მისი საზოგადოება, ნამდვილად დაგეხმარებათ და საქმეს ბევრად, ბევრად გაგიადვილებთ.
არსებობს მცირე შანსი იმისა, რომ აქ იმიტომ ხართ, რადგან გაიგონეთ, რომ PBS სრულიად შესაძლებელია არის საიტის შექმნის ერთ-ერთი უსწრაფესი გზა. მიუხედავად იმისა, რომ გვერდის ამგებლები, ზოგადად, საქმის გასამარტივებლად არსებობს, მაინც არის რამდენიმე რამ, რაც შეიძლება გაითვალისწინოთ, სანამ WordPress-ის დეველოპმენტის ამ კონკრეტულ სფეროში უფრო ღრმად ჩაყვინთავთ.
WordPress-ის შესწავლა: გვერდის ამგების გადამწყვეტი წინაპირობა
თუმცა, თუ ამ სტატიაში ზოგიერთი ტექნიკური ტერმინის სიუხვე ოდნავ გაშინებთ, ნუ ნერვიულობთ. არსებობს რამდენიმე სასარგებლო საიტი, რომლებსაც შეგიძლიათ ეწვიოთ დასაწყებად. ზოგიერთი მათგანია WordPress Codex და Treehouse. ისინი შეიცავს WordPress-ის რჩევებს და ვებსაიტის აგების გზამკვლევებს, თქვენი საჭიროებისა და ცოდნის დონის მიხედვით.
შესაძლოა ჯერ ნიადაგის მოსინჯვა გსურდეთ, ყოველი შემთხვევისთვის
ყოველთვის კარგი აზრია უფასო და/ან საცდელი ვერსიების გამოცდა რაიმე დიდი შენაძენის გაკეთებამდე, რასაც შესაძლოა მომავალში სინანულით შეხვდეთ . საბედნიეროდ, გვერდის ამგებლების უმეტესობას მოყვება უფასო/დემო ვერსიები. რა თქმა უნდა, ჩვენ ასევე შეგვიძლია გადავხედოთ უამრავ სანდო მიმოხილვას გვერდის ამგებლების შესახებ, ხოლო სხვები ადარებს და აპირისპირებს გვერდის ამგებლებს. დარწმუნდით, რომ გულდასმით აწონ-დაწონით თქვენს ვარიანტებს!
სტატიებისა და მიმოხილვების გაცნობის გარდა, ერთ-ერთი რამ, რაც WordPress-ში მოგვწონს, არის ის, რომ მის უკან უზარმაზარი საზოგადოება დგას. არსებობენ ინდივიდები, გუნდები და ბიზნესებიც კი, რომლებსაც სურთ დაეხმარონ თავიანთ თანამოაზრე WordPress-ის მომხმარებლებს, განსაკუთრებით ახალბედებს, როგორიც თქვენ ხართ! საზოგადოება ძირითადად მუშაობს „გადაუხადე სხვას სიკეთით“ პრინციპით, ვიდრე ურთიერთგაცვლის სქემით.
დიზაინს უდიდესი მნიშვნელობა აქვს
WordPress-ის ენთუზიასტი დონა ფონტენოტ კავალიერი ძალიან კარგ აზრს გამოთქვამს Drag-and-Drop გვერდის ამგებლებთან და საბაზისო დიზაინის მნიშვნელობასთან დაკავშირებით. მიუხედავად იმისა, რომ Drag-and-Drop ამგებლებს, როგორიცაა PBS, შეუძლიათ ბევრი დრო დაგიზოგონ, საბაზისო ცოდნა და ესთეტიკის თუნდაც მცირედი გაგება არის კიდევ ერთი გადამწყვეტი რამ, რაც ვებსაიტების შექმნისას უნდა გაითვალისწინოთ. წარმოიდგინეთ სცენარი – ვთქვათ, ხელში ჩაიგდეთ თქვენი არჩევანის შესანიშნავი გვერდის ამგები: ეს შესანიშნავია! მაგრამ ახლა ვთქვათ, რომ ხართ ადამიანი, რომელსაც ხელოვნების, დიზაინისა და ფუნქციონალურობის საუკეთესო ხედვა მაინცდამაინც არ აქვს: ვაი.
თუმცა, ნუ იდარდებთ. Page Builder Sandwich უბრალოდ გვერდის ამგები არ არის; ჩვენი გუნდი ასევე მზადაა დაეხმაროს WordPress-ის სხვა მომხმარებლებსაც. ასე რომ, თუ დიზაინთან დაკავშირებით მცირე სირთულეები შეგექმნათ, ნუ ღელავთ – PBS-ის ბლოგზე გვაქვს უამრავი სტატია უამრავი სასარგებლო რჩევით, რაც დასაწყებად დაგეხმარებათ. ამგვარად, შეძლებთ გააკეთოთ მეტი, ისწავლოთ მეტი და იდარდოთ ნაკლები.
გახსოვდეთ, თუ გაქვთ რაიმე შეკითხვა ან გაურკვევლობა გვერდის ამგებლებთან, ან ზემოთ ჩამოთვლილ საკითხებთან დაკავშირებით, თავისუფლად მოგვწერეთ ქვემოთ კომენტარების განყოფილებაში. ჩვენ ყოველთვის მოხარულები ვართ, რომ დავეხმაროთ ჩვენს მომხმარებლებს.
When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.
რა არის Hero ჰედერები?
The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”
Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.
თქვენი პირველი PBS hero ჰედერის შესაქმნელად მიჰყევით ქვემოთ მოცემულ მარტივ ნაბიჯებს:
ნაბიჯი 1: ჩასვით სვეტი და დაარეგულირეთ მწკრივის სიგანე
Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.
Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.
What’s the difference betweenNormal, Full-WidthandFull-Width: Retained Content Width?
Normal – Background, text and other elements are contained within the bounds of your current theme’s row width
Full-Width – Background, text and other elements fill the entire width of your browser window
Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width
In this layout,Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.
ნაბიჯი 2: დაარეგულირეთ დაშორება (margin) ცარიელი სივრცის შესაქმნელად
Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.
ნაბიჯი 3: დაამატეთ ფონი ტექსტისა და ელემენტების გადაფარვით
To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.
Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.
Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.
რჩევა #2: ბრენდინგის ელემენტებისთვის გამოიყენეთ თეთრი ან შავი ლოგო, რათა იგი ფერად ფონურ სურათს არ შეეჯახოს.
You can also add buttons by clicking on Button below the Insert Content tab.
არ დაგავიწყდეთ ნამუშევრის შენახვა და ყველაფერი მზადაა!
გილოცავთ PBS-ით თქვენი პირველი hero ჰედერის შექმნას! თუმცა, თუ ვერ შეძელით, ნუ ინერვიულებთ; PBS-ით ნულიდან დაწყება გაცილებით მარტივია, ასე რომ ეს დიდ სირთულეს არ წარმოადგენს.