როგორ შევცვალოთ Joomla შაბლონის სიგანე

Სარჩევი:

როგორ შევცვალოთ Joomla შაბლონის სიგანე
როგორ შევცვალოთ Joomla შაბლონის სიგანე
Anonim

Joomla არის ერთ-ერთი ყველაზე კონფიგურირებადი და მოსახერხებელი CMS. ამ საიტის მართვის სისტემის შესაძლებლობების გამოყენებით შეგიძლიათ არა მხოლოდ შეავსოთ საიტი სხვადასხვა ფუნქციონირებით, არამედ შეცვალოთ მისი გარეგნობა დამონტაჟებული შაბლონების საფუძველზე.

როგორ შევცვალოთ joomla შაბლონის სიგანე
როგორ შევცვალოთ joomla შაბლონის სიგანე

ინსტრუქციები

Ნაბიჯი 1

გახსენით თქვენი საიტის საწყისი გვერდი. თქვენს მიერ გამოყენებული ბრაუზერის მენიუში აირჩიეთ გვერდის კოდის ნახვის ფუნქცია. Google Chrome- ში ეს ინსტრუმენტი მდებარეობს "Tools" - "View Source", Firefox- ში - "Web Development" - "Source". თუ თქვენ იყენებთ Opera- ს, აირჩიეთ HTML - კოდის სანახავად View - Development Tools - Source Code.

ნაბიჯი 2

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

ნაბიჯი 3

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

ნაბიჯი 4

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

გირჩევთ: