МожливостіМОЖЛИВОСТІ

image

Необхідна інформація

Тут ви знайдете тільки корисну інформацію без води.
 
image

Безкоштовно

Всі уроки, рекомендації та поради абсолютно безкоштовні.

Вибір хостингу

46 уроків на одній сторінці

SEO блог

Урок 12: як налаштувати відображення нового шаблону?

В уроці 12 ми з вами будемо налаштовувати шаблон після його зміни. Як вже говорилося в попередньому уроці, деякі модулі некоректно відображаються. Крім того, необхідно встановити наш логотип замість демо, поміняти іконку сайту, а також змінити текст футера шаблону.

Всі модулі, які були розташовані в позиції position-7 (праворуч) попереднього шаблону, на нашому сайті в новому шаблоні не відображені. Давайте перенесемо всі ці модулі на позицію sidebar нового шаблону. Заходимо в «Розширення» => «Модулі», ставимо прапорці навпроти модулів, що стоять на позиції position-7, і натискаємо на кнопку «Пакетна обробка»:

 

Зверніть увагу, що потрібно вибрати позицію sidebar саме шаблону GK_Publisher (нашого нового шаблону).

Модуль «Пошук на сайті» давайте також перенесемо з позиції position 1 на позицію sidebar. Крім того, модуль «Моє місцезнаходження» давайте перенесемо на позицію breadcrumbs шаблону GK_Publisher. Давайте також зайдемо в цей модуль і на вкладці «Призначення меню» виберемо «Тільки на обраних сторінках» і знімемо прапорець навпроти «Головна», так як цей модуль абсолютно даремний на головній сторінці, при цьому він буде відображатися на всіх інших сторінках сайту. Натискаємо «Зберегти і закрити».

«Нове меню» давайте вимкнемо, в ньому немає необхідності, все одно воно дублює «Головне меню». Для цього натисніть на зелений прапорець в закладці «Модулі» навпроти «Нове меню».

Тепер додамо на верхівку сайту велику картинку, я її заздалегідь підготував і поклав в папку mypictures на Denwer. Для цього створюємо новий модуль «Довільний HTML», називаємо його, наприклад, «Топ банер». Вмикаємо відображення назви і виставляємо позицію Top 1. У самому редакторі натискаємо на «Зображення» та додаємо нашу картинку. Натискаємо «Зберегти і закрити». Наш сайт після таких маніпуляцій тепер виглядає так:

Тепер давайте поміняємо послідовність усіх модулів на позиції sidebar (за допомогою колонки «Сортування» на вкладці «Модулі»): спочатку «Пошук на сайті», потім Main Menu (до речі, давайте його перейменуємо на «Головне меню»), потім рекламний банер, потім «Авторизація на сайті» та «Найбільш популярне». А модуль «Останні статті» давайте перенесемо на позицію Mainbody Bottom.

Справа вгорі залишилося слово Login, що належить шаблону — давайте його приберемо, адже у нас вже є в сайдбарі форма авторизації. Для цього йдемо в «Розширення» => «Шаблони» => «Стилі» та натискаємо на наш шаблон GK_Publisher. На вкладці Features (Особливості) натискаємо Disabled (Відключено) навпроти Register Link (Посилання реєстрації) і натискаємо «Зберегти»:

Як бачите слово Login праворуч угорі після оновлення сторінки сайту зникло.

Логотип сайту

На цій же вкладці Features можна додати текст (в поле Logo text) і гасло (в поле Logo slogan) логотипу, якщо в полі Logo type (Тип логотипу) вибрати Text (Текст). Або ж ви можете додати логотип-картинку, вибравши в полі Logo type — Image (Картинка). Давайте оберемо варіант з текстовим логотипом і введемо в полі Logo text «SiteTest», а в полі Logo slogan — «Зроби сайт сам!». Натискаємо «Зберегти».

Іконка сайту favicon і поле Copyright

Давайте навчимося створювати/змінювати іконку сайту favicon. Іконка — це картинка 16х16 або 24x24, яка відображається на вкладці сайту, а також біля адресного рядка:

Також пошукова система Яндекс використовує іконку сайту при відображенні результатів пошукової видачі. Отже, щоб знайти необхідну іконку, найкраще скористатися сайтом iconfinder.com. Заходимо на цей сайт — тут перед вами відкриється форма пошуку іконок. Так як тематика нашого шаблону пов'язана з автомобілями, то давайте в пошук введемо car (автомобіль) і натиснемо Enter. Зауважте, що вводити треба назви англійською мовою, так як цей сайт американський. Українські аналоги заслабкі в порівнянні з ним.

Серед запропонованих варіантів вибираємо собі іконку та натискаємо на неї (попередньо переконавшись, що вона безкоштовна [free]). Тепер вибираємо розмір 16х16 або 24x24 і натискаємо під розміром на ICO, так як нам потрібен саме формат ico. Після того, як картинка збережеться у вас на комп'ютер, її слід завантажити на сайт, а саме в папку нашого шаблону. Тобто переходимо в папку «templates», заходимо в наш шаблон «GK_Publisher» і сюди копіюємо іконку. Залишилося її перейменувати на favicon, але при цьому залишити формат ico. Якщо у вас вже був в шаблоні такий файл, то його просто треба замінити нашим.

Також на вкладці Features в налаштуваннях шаблону давайте вимкнемо Framework logo at the bottom (Логотип розробника шаблону) й пропишемо поле copyright (авторське право). Напишемо тут щось на зразок «Copyright © 2012-2016. Тестовий сайт. Всі права захищено.». Зазвичай цей рядок призначений для попередження користувача про те, що з вашого сайту не можна копіювати статті без посилання на джерело. Натискаємо «Зберегти і закрити».

Оновивши сторінку, ви побачите всі зміни: як в логотипі сайту й серед модулів, так і в футері сайту.

І останнє, давайте на головній сторінці сховаємо автора, дати й іконки друку. В адмінпанелі сайту переходимо на вкладку «Статті» й вибираємо «Обрані статті» (саме тут знаходиться стаття, яка відображається у нас на головній сторінці). Тут натискаємо на цю статтю (позначена помаранчевою зірочкою) і переходимо на вкладку «Параметри». «Показати автора», «Показати дату публікації», «Показати категорію», «Показати перегляди», «Показати друк», «Показати електронну пошту» — для всіх цих параметрів обираємо «Сховати».

Крім того, в редакторі самої статті давайте приберемо поділ статті на частини: просто видаліть лінію після слова «Денвер» і натисніть «Зберегти і закрити». Оновлюємо головну сторінку сайту й бачимо наш кінцевий варіант:

Що хотілося б сказати, так це те, що цей створений нами сайт лише для прикладу, тут показано лише базові функції. Насправді Joomla 3.x досить гнучка, тому багато функцій ви будете дізнаватися самостійно або з часом і в міру отримання досвіду.

ПРИМІТКА. Дійсно відмінний результат можна отримати, якщо на етапі встановлення Joomla на Denwer ви відразу встановите шаблон, що включає також файли стандартної Joomla. Наприклад, в архіві з шаблоном, який ви завантажили на цьому сайті, є другий архів "gk_publisher_quickstart_J!30.zip". Просто розпакуйте його, як архів зі звичайною Joomla і далі дотримуйтесь уроків цього сайту.

Головною відмінністю буде те, що в такому випадку у вас буде встановлена демонстраційна версія завантаженого шаблону. А значить, що вам не треба буде створювати модулі з нуля, а треба буде лише замінити текст і картинки на свої + трохи підналаштувати шаблон під себе, використовуючи гнучку функціональність Joomla. Більш детально, як це зробити, буде розглянуто в окремій статті.

Ось з розділом «Створення сайту», в принципі, і все. Наступні уроки ви знайдете в розділі «Сайт в Інтернеті». Зверніть увагу, що всі статті, картинки та шаблони, використані в цьому розділі, були взяті тільки в якості прикладу. Ви ж при створенні власного сайту можете вибирати всі складові самостійно відповідно до вашого смаку і за необхідністю. В даному розділі викладені основні можливості Joomla. Додаткову інформацію ви можете отримати в розділі «SEO блог» та підрозділі «Розширення Joomla».

Ви можете перейти до наступного уроку або повернутися до попереднього.

Рекомендовано

  • Хостинг - домен безкоштовно
  • Купити статті для сайту
  • Купити-продати посилання
  • Купити-продати вічні посилання

Яндекс.Метрика