Bitrix შაბლონის მობილური ვერსია Mobile Detect ავტომატური აღმოჩენით

Order a service
3 min.
მინდა, დაუყოვნებლივ მადლობა გადავუხადო მიხეილ ბაზაროვს მის ბლოგზე გამოქვეყნებული სტატიისთვის, რომელმაც შთამაგონა, უფრო შორს წავსულიყავი და საიტის მობილური ვერსიის ავტომატური ამოცნობის უფრო მოდერნიზებული ვერსია დამენერგა. ასევე, დიდი მადლობა სტანისლავ საზონოვს რჩევებისთვის და Bootstrap ტექნოლოგიის გაცნობისთვის.

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

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

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

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

Bitrix შაბლონის მობილური ვერსია Mobile Detect ავტომატური აღმოჩენით

Bitrix-ის მობილური ვებსაიტის შაბლონი

დომენის მეტსახელი

ასე რომ, ბატონებო! პირველი, რაც უნდა გავაკეთოთ, არის ჩვენი მთავარი დომენისთვის ქვედომენის შექმნა. უმჯობესია არა ბორბლის ხელახლა გამოგონება, არამედ ისეთი ქვედომენის შექმნა, როგორიცაა m.proger.com.ua . ინტერნეტში ვნახე, რომ ბიჭები აღწერენ სხვადასხვა შაბლონების დაკავშირებას მობილური ვერსიისთვის დომენის ფსევდონიმის შექმნის გარეშე. ყველაფერი კარგადაა, მაგრამ ჩვენ Bitrix-ის მომხმარებლები ვართ და ვიყენებთ "Composite Site" ტექნოლოგიას. და თუ სხვადასხვა შაბლონები ერთსა და იმავე მისამართებზეა ნაჩვენები, მაშინ კომპოზიტის მნიშვნელობა დაიკარგება, რადგან ქეში მუდმივად გადაიწერება. ეს უკვე გავიარე. ამიტომ, დამატებითი დომენის ფსევდონიმი გვჭირდება.

მსუბუქი შაბლონი

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

მობილურის ამოცნობა

Mobile Detect არის მსუბუქი PHP კლასი მობილური მოწყობილობების (მათ შორის პლანშეტების) აღმოსაჩენად. ის იყენებს User-Agent სტრიქონს სპეციფიკურ HTTP სათაურებთან კომბინაციაში მობილური გარემოს აღმოსაჩენად. ჩამოტვირთეთ უახლესი Mobile_Detect.php ფაილი პირდაპირ დეველოპერის საიტიდან. mobildetect.net ჩვენ ამ ფაილს სერვერზე ვაინსტალირებთ, პირდაპირ შაბლონის დირექტორიაში, header.php ფაილის „გვერდით“. header.php-ში ორივე შაბლონში ჩვენ ამ ფაილს ვამატებთ და გადამისამართების პირობას ვაყენებთ.

კოდის წერა

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

20 January 2017 (Boudybuilder) Виталий Фантич

Back to the list

file_download Download Module Market
file_download Download Module Market