როგორც იცით, როდესაც დიზაინები იწყობა, თავდაპირველად უმეტესობა აწყობს html+css ფორმატში ზოგი დიზაინის შემთხვევაში იყენებენ ჯავასკრიპტებსაც, ხოლო შემდეგ ხდება მათი სხვა ძრავზე ადაპტირება. ბევრმა მთხოვა რომ დამეწერა მცირედი ტუტორიალი თუ როგორ ხდება დლეზე html დიზაინის ადაპტირება.
თავდაპირველად დავიწყოთ main.tpl გაკეთებით. საწყის ეტაპზე თუ არ გსურთ ახალი დიზაინის ფოლდერის გახსნა ვიღებთ დლეს სტანდარტულ დიზაინს.როგორც იცით დლეს მოყვება 3 დიზაინი. 9.2-დან არის უკვე default, Gemini, Pisces. როგორც იცით default ინსტალაციისას უკეთდება ჩმოდი 777-ზე. ამიტომ უმჯობესია ამ შემთხვევაში არ გამოვიყენოთ default დიზაინი, რადგან არის ხოლმე შემთხვევა რომ შემდეგ როდესაც სხვაგან გადაიტანთ ამ დიზაინს და არ გაუკეთებთ ჩმოდს 777-ს მოხდეს დიზაინი არევა.ამ შემთხვევაში გამოვიყენოთ Gemini დიზაინი. შევდივართ Gemini ფოლდერში, შემდეგ images ფოლდერში, .htaccess ამის გარდა ვშლით ყველა სურათს და ვტვირთავთ თქვენი დიზაინის სურათებს.
შემდეგ შევდივართ css ფოლდერში და ვტოვებთ .htaccess, engine.css დანარჩენს ვშლით და ვტვირთავთ ჩვენს css ფაილებს.
ამის შემდეგ შევდივართ js ფოლდერში და .htaccess ამის გარდა ვშლით ყველაფერს და თუ თქვენი დიზაინი იყენებს ჯავასკრიპტებს ვტვირთავთ თქვენი დიზაინის ჯავასკრიპტებს.
ახლა გადავდივართ შემდეგ საფეხურზე.ვხსნით თქვენი დიზაინის html გვერდს ნოტეპადში ან დრიმვეარში ასევე ვხსნით მაინ.ტპლ-ს , სრულად ვაკოპირებთ რაც html-ში არის მაინ.ტპლ-ში.
ამის შემდეგ თავდაპირველად ვიწყებთ ლინკების სწორად გაწერას.
თუ თქვენი .html იწყება ესე მის ნაცვლად ვწერთ
ტეგის ქვევით აუცლებლად ვწერთ {headers}.
თუ გსურთ რომ საიტზე გქონდეთ ico მაშინ {headers} ქვევით ვწერთ ესე
ამის შემდეგ იწერება ცსს ლინკები. როგორც წესი html-ში ცსს იქნება გაწერილი შემდეგი სახით:
ამის ნაცვლად ვწერთ
ამგვარად გაწერთ ყველა ცსს და ჯს ფაილებს.
დაიმახსოვრეთ, რომ აუცილებლად უნდა გაწეროთ engine.css ეს სტილი.
ჯს ფაილების შემთხვევაში გაიწერება ესე
ხოლო თუ სურათის ლინკებიც გექნებათ html-ში მასაც ამგვარი სახით ვწერთ.
[img]{THEME}/images/button.gif[/img]
ამის შემდეგ ვწერთ ერთ-ერთ აუცლებელ ტეგს.როგორც იცით ცსს-ის და ჯავასკრიპტების ლინკები უნდა გაიწეროს
{headers}
ამათ შორის
არის ხოლმე შემთხვევა ზოგიერთი ჯავა სკრიპტი
ამ ტეგების ქვევითაც იწერება, მაგრამ ეს ხდება იშვიათად.
ამის ქვევით წერთ ერთ-ერთ ყველაზე საჭირო ტეგს დლე დიზაინებში {AJAX}.
სრულად იქნება ესე:
{headers}
{AJAX}
ახლა გადავდივართ ძებნის ფორმაზე.დაიმახსოვრეთ რომ ძებნის ფორმის გადაწყობა დაგჭირდებათ თქვენი დიზაინის სტილზე. ძებნის ფორმის კოდი არის
ეს ფორმა უნდა გადააწყოთ თქვენი დიზაინის ძებნის ფორმაზე, ხოლო თუ თქვენს დიზაინში საერთოდ არ გაქვთ ძებნის ფორმა გაკეთებული და შესაბამისი სტილი გაკეთებული, მაშინ ან მოგიწევთ ხელით გაწერა ამ ფორმის შესაბამისი სტილის, ან გახსენით ამ დიზაინის style.css და შესაბამისი ტეგიდან სტილი გადააკოპირეთ თქვენს ცსს-ში.ხოლო სურათები კი ატვირთეთ რაც საჭირო იქნება.
შემდეგ შეგხვდებათ შესვლის ფორმა. შესვლის ფორმას ან სრულად შლით ან მხოლოდ საწყისი დივს და დასასრულს დატოვებთ.
მაგალითად:
შესვლის ფორმის კოდი
ამ შემთხვევაში შეგიძლიათ დატოვოთ
ხოლო შესვლის ფორმის კოდის ნაცვლად აუცილებლად უნდა დაწეროთ {login} ტეგი, ხოლო დანარჩენი შესვლის ფორმის კოდი დაწეროთ login.tpl-ში.
main.tpl-ში კოდი იქნება ესე:
{login}
ამის შემდეგ მოდის უკვე კონტენტი. მაგალითად კონტენტის კოდი არის შემდეგი სახის:
კონტენტის კოდი
კონტენტის კოდის ნაცვლად წერთ {info}{content}. სრულად ეს კოდი main.tpl-ში იქნება შემდეგი სახის:
{info}{content}
ხოლო კონტენტის კოდს წერთ shortstory.tpl-ში.
პირველი გაკვეთილისთვის სულ ეს იყო.დაწერეთ კომენტარებში რასაც ვერ გაიგებთ.თუ სურვილი იქნება დანარჩენი გვერდების ტეგებსაც დავწერ.
+13
ავტორი:
gio555 ნანახია: 2497 | კომენტარი: 24 | News, Other, Tutorials | 4-03-2012, 19:13
