Дата публікації: 09.01.2016
Вітаю вас, шановні читачі, сайт! 🙂
Ця стаття продовжує цикл публікацій, присвячений самостійному створенню .
Як загальна інформація лише нагадаю, що даний продукт входить у топ-10 безкоштовних движків для створення Інтернет-магазинів і є одним з кращих рішень для швидкого старту невеликих ресурсів, не вимагаючи від творців якихось спеціальних навичок та знань.
Отже, у своїй попередній статті я допоміг вам подолати перший етап при установці двигуна. У результаті у вас вже є готовий Інтернет-магазин, який залишилося налаштувати, щоб ресурс був більш повноцінним та привабливим для клієнтів.
І перший крок на цьому шляху, який ми з вами подолаємо, це встановлення шаблону OpenCart.
Шаблонів сьогодні існує безліч - як платних, так і безкоштовних. У цій ситуації, як водиться, є свої плюси та мінуси 🙂 З одного боку, є з чого вибрати, а з іншого – очі розбігаються.
До складнощів вибору додається ще й той факт, що шаблон (він же тема) бажано вибрати один, т.к. через особливості встановлення шаблону OpenCart видалити його потім з магазину буде проблематично. А при встановленні безлічі тем вони можуть призводити до помилок, що вилазять у вітрині магазину і конфліктів у його роботі.
Як же не заплутатися в цьому різноманітті і вибрати справді підходящий?
Для відповіді на це запитання я вирішив скласти невеликий перелік критеріїв, який допоможе вам у виборі.
А в другій частині публікації ми з вами поговоримо про те, як встановити шаблон OpenCart та активувати його.
Вибір ресурсу для встановлення шаблону OpenCart – 5 варіантів
Перш ніж розглядати критерії вибору шаблону для Опенкарт, хочу сказати кілька слів про те, як варто правильно підбирати ресурс, з якого передбачається завантаження.
До вибору ресурсу для скачування необхідно підходити щонайменше відповідально, ніж із виборі самого шаблону, т.к. на деяких з них ви можете завантажити заражені вірусом файли або в коді продуктів можуть бути внесені фрагменти, які дозволяють розробникам зламати або нашкодити вашому ресурсу.
Дані ситуації при встановленні тем OpenCart, модулів та інших розширень, на жаль, не рідкість і часто зустрічаються у разі безкоштовних продуктів.
Тому пошук в Інтернеті обов'язково виконуйте з увімкненим антивірусом, який допоможе вам відсіяти потенційно небезпечні ресурси. При завантаженні файлів зверніть увагу на розмір та розширення.
Якщо розмір підозріло малий (декілька байт) або має нестандартне розширення, то краще від такого файлу відмовитись та підшукати щось схоже в іншому місці. Самі модулі в більшості випадків файли запаковані в rar або zip-архіви, так що все інше - .exe,. xyz,.
Ну, і просканувати антивірусом завантажені файли також не буде зайвим.
Однак, навіть ці заходи не допоможуть захиститися від шкідливих файлів на 100%. Іноді ненавмисні або навмисні помилки в коді самих модулів можуть стати причиною серйозних наслідків — аж до втрати інформації та контролю над ресурсом. Такі небезпеки антивірус не розпізнає.
Однак, від цього теж можна захиститись, завантажуючи шаблони OpenCart з ресурсів, де файли проходять ручну модерацію. При цьому доповнення можуть бути навіть безкоштовними 🙂
Ці ресурси перевірені мною особисто, т.к. я активно користувався і продовжую їх використовувати, завантажуючи та завантажуючи на них свої розробки, тому можете сміливо ними користуватися 🙂
У цій статті показано встановлення шаблону на Joomla 3 по кроках і з пояснювальними ілюстраціями.
Встановити шаблон на Joomla 3- це напевно найпростіше, що доводиться робити при створенні сайту на CMS Joomla, ну може бути крім самої установки CMS. Але не дивлячись на це багато початківців і розважливих сайтобудівників все одно воліють пошукати інструкцію в мережі інтернет, перш ніж робити подібні кроки.
КРОК 1.
На цьому кроці передбачається, що ви вже авторизувалися в панелі управління вашого сайту і знаходитесь на її головній сторінці.
Тепер переходимо в розділ "Менеджер розширень" так як шаблони як компоненти, плагіни і модулі це все вважається розширеннями. (Рис. 1)
КРОК 2.
У третій версії Joomla існує три способи встановлення шаблонів, які можуть бути корисними в тому чи іншому випадку.
Перший з них це встановлення шаблону із ZIP-архіву шляхом завантаження файлу архіву з локального комп'ютера (вкладка "Завантажити файл пакета"), з наступним його автоматичним розпакуванням безпосередньо на сервері та встановленням. (Рис. 2)
Другий спосіб встановлення шаблону, це встановлення за посиланням віддаленого сервера (вкладка "Встановити з URL"). Може знадобитися ви зберігаєте ваші розширення у хмарі. У цьому випадку просто вказуєте посилання на потрібний файл архіву і натисніть "Встановити". (Рис. 3)
Третім способом встановлення шаблону є його встановлення з папки TMP, яка знаходиться в корені вашого сайту (вкладка "Встановити з каталогу"). Для такого типу установки вам необхідно заздалегідь розпакувати файли вашого шаблону і залити їх по FTP в цю папку, попередньо видаливши з неї все сміття (абсолютно все, що могло залишитися від попередніх установок).
Цей спосіб може знадобитися якщо перші два з якихось технічних причин не спрацювали.
КРОК 3.
Розглянемо встановлення шаблону на прикладі способу №1. Клацаємо по кнопці "Виберіть файл" і вибираємо на локальному комп'ютері архів шаблону, який маємо встановити.
Далі тиснемо кнопку "Завантажити та встановити" і спостерігаємо процес установки. (Рис. 5)
Якщо все пройшло успішно, то отримаємо повідомлення, зміст якого показано на малюнку 6.
КРОК 4.
Наступним кроком ми повинні увімкнути встановлений шаблон. Для цього переходимо в менеджер шаблонів. (Мал. 7)
На сторінці менеджера шаблонів за назвою знаходимо той шаблон, який ми встановили, і напроти його назви клацаємо на зірочці. (Рис. 8)
Коли шаблон буде задіяний у системі як шаблон за замовчуванням, ми отримаємо наступне повідомлення: "Стиль призначений за промовчанням" (рис. 9)
Чому саме стиль? Якщо ви звернули увагу, при переході на сторінку "Менеджер шаблонів" ми спочатку потрапляємо на вкладку "Стилі", це видно у лівій частині сторінки. Але так само є і вкладка "Шаблони".
На вкладці "Шаблони" ми можемо:
- переглянути список встановлених шаблонів
- подивитися мініатюрні зображення шаблонів
- подивитися як буде виглядати ваш сайт з вибраним шаблонів, не включаючи його
- редагувати файли шаблонів
- створювати перевизначення для модулів та компонентів у папках цих шаблонів
але це тема вже окремого матеріалу та безпосереднього відношення до встановлення шаблону не має.
На вкладці "Стилі" ми можемо:
- призначити стиль шаблону за замовчуванням (мал. 8)
- дублювати та змінювати відповідно до наших бажань стилі шаблонів (мал. 9)
- прив'язувати стилі шаблонів до потрібних пунктів меню та інше (мал. 11)
Ви можете дублювати стилі існуючих шаблонів та прописувати для кожної копії свої стилі CSS. Це може бути необхідно якщо, наприклад, головна сторінка вашого сайту трохи відрізняється від внутрішніх сторінок. (Рис. 10)
Потрапити на цю сторінку можна натиснувши на сторінці "Менеджер шаблонів" (рис. 9) за назвою потрібного стилю та вибравши вкладку "Custom CSS"
На малюнку нижче показано вкладку прив'язки стилю шаблону до певних пунктів меню. Вкладка "Прив'язка до меню"
просто клікнувши в потрібному місціна сторінці
Якщо виникли питання, пишіть їх у коментарях до статті, наскільки можна спробувати відповісти.
автор:Перш ніж перейти до процесу установки, необхідно знайти відповідний дизайн. Я б рекомендував використовувати шаблони тільки з перевірених джерел, таких як: офіційний магазин від uCoz або на сайтах, що спеціалізуються на цьому напрямку.
У цьому випадку ви можете бути впевнені як шаблон і його працездатність. Безумовно, можна нагуглити або використовувати різні варезники - але дуже часто на них трапляються ріпи, неробочі дизайни або ще гірші файли з вірусами. Тому підійдіть до питання вибору джерела з усією серйозністю, тому що від цього залежить не тільки успіх операції, але й безпека вашого сайту. В рамках цієї статті я встановлюватиму безкоштовний шаблон DesktopChaos з uTemplate.pro.
Завантаження файлу із шаблоном
Отже, завантажуємо архів із шаблоном:
Усередині архіву знаходяться кілька вкладених папок:
- папка із зображеннями (images, img);
- папка із скриптами (js);
- папка із стилями (css);
- папки з кодами Глобальних блоків, Інформерів та ін.
Також в архіві, як правило, присутні:
- інструкція.txt (ReadMe.txt) - настійно рекомендую обов'язково прочитати;
- конструктор шаблонів.txt (tmpl.txt) – загальний код каркаса;
- таблиця стилів.txt (css.txt, style.txt) - файл із набором стилів;
- вид матеріалів.txt – містить код виду матеріалів;
- та ін текстові файли з кодами, які потрібні для повної установки шаблону.
Примітка: вміст вашого архіву може відрізнятись від мого шаблону (це залежить від типу, структури, складності шаблону та інших факторів).
Робимо резервну копію поточного шаблону
Перш ніж приступити до встановлення нового шаблону, рекомендую зробити бекап поточного шаблону (про всяк випадок)
Для цього - заходимо до "Панеля управління" свого сайту - "Дизайн" - "Резервне копіювання шаблонів":
Натискаємо в правому верхньому кутку кнопку "Створити резервну копію", після чого ви побачите резервний архів, що з'явився, з вашим поточним шаблоном виду "1372338464.zip" з датою створення в дужках:
І ще один момент: перед встановленням нового шаблону рекомендую активувати всі необхідні модулі: ті, які ви зараз хочете використовувати і ті, які можливо ви захочете використати в майбутньому. Це робиться для того, щоб ваш новий шаблон коректно встановився і відображався у всіх модулях.
Покрокова інструкція щодо встановлення шаблону на uCoz:
Встановлення шаблону здійснюється згідно з інструкцією, яка знаходиться всередині вашого архіву з шаблоном. Як я вже говорив в рамках цієї статті я показуватиму установку шаблону DesktopChaos.
Крок 1.
Завантажуємо папку із зображеннями images до себе на сервер.Це можна зробити двома способами.
Перший спосіб - через FTP-клієнт, наприклад, FileZilla. Завантажуємо та встановлюємо програму: http://filezilla.ru/get/.
Після цього, на головній сторінці Панелі Управління тиснемо і задаємо новий пароль:
Після цього відкриваємо ftp-менеджер FileZilla, у самому верху вводимо Хост, Ім'я користувача та Пароль, натискаємо "Швидке з'єднання":
У лівій частині менеджера знаходимо папку з картинками свого шаблону, тиснемо на ній правою кнопкою мишки, в меню натискаємо "Закачати на сервер". Готово. Тепер зображення знаходяться на нашому сервері.
Даним способом зручно користуватися, якщо потрібно завантажити багато зображень, або інших файлів.
Другий спосіб - завантаження зображень через Файловий менеджер. Переходимо на головну сторінку ПУ та натискаємо на "Файловий менеджер":
У верхньому правому куті тиснемо Створити папку, вводимо назву images і натискаємо Enter:
Заходимо до цієї папки. Щоб завантажити в неї картинки натискаємо "Виберіть файл", вибираємо картинку і тиснемо Завантажити файл. Зеленим плюсом можна додавати поля для декількох файлів.
Таким чином, завантажуємо на сервер усі картинки з папки images.
Крок-2.
Встановлюємо (якщо потрібно) значення тега . Заходимо в "ПУ (Панель Управління)" - "Налаштування" - "Загальні налаштування" та у відповідне поле вставляємо код:
Крок-3.
Встановлюємо таблицю стилів.Для цього знаходимо в архіві файл "Таблиця стилів.txt", відкриваємо та копіюємо з нього весь код (Ctrl+A, Ctrl+C) і вставляємо його замість старого коду в "ПУ" - "Дизайн" - "Управління дизайном (CSS) )" - "Таблиця стилів (CSS)":
Крок-4.
Встановлюємо код із файлу "Конструктор шаблонів".Відкриваємо файл з архіву "Конструктор шаблонів.txt", копіюємо весь вміст і вставляємо його в "ПУ" - "Дизайн" - "Конструктор шаблонів", натискаємо кнопку "Створити шаблони":
Крок-5.
Тепер, аналогічним чином переносимо вміст файлу "Вид матеріалів.txt"у вигляді матеріалів модулів: "Новини сайту", "Блог", "Каталог файлів", "Каталог статей". Ідемо в "ПУ" - "Дизайн" - "Управління дизайном (шаблони)":
Код з файлу "Вигляд коментарів.txt" аналогічно копіюємо в "Коментарі" - "Вигляд коментарів".
Крок-6.
Створюємо Глобальний блок.Переходимо до "ПУ" - "Дизайн" - "Управління дизайном (шаблони)" - "Глобальні блоки":
У правому верхньому кутку тиснемо "Додати блок", у полі, що з'явилося, пишемо назви блоку INFO і натискаємо "Додати":
Знаходимо в архіві папку "Глобальні блоки" та відкриваємо файл "INFO.txt", копіюємо вміст файлу і вставляємо в щойно створений глобальний блок INFO, зберігаємо:
Крок-7.
Встановлюємо необхідні значення:
- Назва інформера: Останні новини;
- Розділ: Новини сайту (або "Блог", або "Каталог файлів", або "Каталог статей");
- Тип даних: Матеріали;
- Спосіб сортування: Дата додавання матеріалу D;
- Кількість матеріалів: 5;
- Кількість стовпчиків: 1.
Тиснемо "Створити".
Після цього трохи нижче з'являється блок зі створеним нами інформером, праворуч в ньому бачимо іконки, вибираємо першу з них "Управління дизайном інформера" і в вікно, що вставляємо з папки "Інформери" вміст файлу "Останні новини", зберігаємо:
Код цього інформера $MYINF_1$вставляємо у створений нами раніше глобальний блок INFO.
Інформер для форуму створюється таким чином.
На цьому налаштування шаблону DesktopChaos завершено.
До речі, якщо ви так і не розібралися із встановленням нового шаблону на свій сайт, то в офіційному магазині uTemplate.pro можна замовити послугу встановлення шаблону.
Після встановлення системи управління Joomla на локальний або віртуальний сервер, перед нами постає питання: як встановити шаблон і де його завантажити? У цьому уроці ми розглянемо, як встановити шаблон в Joomla і які способи встановлення шаблонів існують. Вибір та встановлення шаблону є важливим етапом, якому варто приділити особливу увагу. Також я наведу приклади та вирішення проблем, які можуть з'явитися під час встановлення шаблону.
- перейти до перегляду
Посібник із встановлення шаблону в Joomla 3 версії дивіться за посиланням вище!
Встановити шаблон у Joomla можна двома способами: за допомогою стандартної установки Joomla встановити/видалити та вручну, шляхом копіювання файлів шаблону в папку templates.
Спосіб перший. Встановлюємо шаблон Joomla стандартним установником.
Для початку завантажуємо шаблон, який хочемо встановити. Після того, як архів із шаблоном скачан, необхідно переконатися, що в скачаному архіві знаходиться саме шаблон, а не архів із шаблонами або як дуже часто буває, що в архіві міститься ще кілька архівів. Архів Шаблона Joomla повинен мати розширення zip, а в архіві обов'язково повинні бути файли:
- templateDetails.xml – використовується для інсталяції шаблону в адміністративному інтерфейсі;
- index.php – містить всю структуру (код) шаблону.
- params.ini - необхідний Joomla для збереження ваших налаштувань
Також переконайтеся, що в архіві знаходяться папки:
- css - містить таблиці стилів
- images - у цій папці містяться зображення, що використовуються у шаблоні
- js - файли сценаріїв JavaScript (jquery.js, mootools.js, scripts.js)
У прикладі не всі файли та папки, які знаходяться в шаблоні Joomla. Кількість файлів і папок залежить від самого шаблону, я лише перерахував лише ті, які в основному є у всіх шаблонах joomla і без яких шаблон не працюватиме.
Наприклад, якщо ви завантажили шаблон, а в архіві ще кілька архівів, тоді за цими ознаками можна легко визначити, який з архівів є шаблоном і встановити його.
Слід зазначити, що, вибираючи шаблон, потрібно звертати увагу на дату його випуску і наскільки він відповідає тій версії Joomla, з якою Ви працюєте.
Наприклад, деякі з шаблонів раніше випуску вже не працюють у версії Joomla 1.5 або відображаються некоректно.
Примітка:Архів із шаблоном для встановлення через стандартний установник встановити/видалити повинен мати розширення.zip або.tar.gz
В адміністративній панелі виберіть "Розширення" - "встановити/видалити" Далі виберіть архів з вашим шаблоном на вашому комп'ютері та натисніть Завантажити файл & ВстановитиЯкщо шаблон відповідає вашій версії Joomla через кілька секунд шаблон буде завантажено і встановлено, ви побачите повідомлення, що шаблон успішно встановлено.
Після встановлення шаблону виберіть "Розширення" - "Менеджер шаблонів". У Менеджері шаблонів ви побачите всі встановлені шаблони та шаблон, який щойно встановили. (За замовчуванням, у Joomla вже встановлено два стандартні шаблони: rhuk_milkyway та JA_Purity) Виберіть потрібний шаблон, встановивши перемикач навпроти шаблону та натисніть кнопку "За замовчуванням".
Другий спосіб встановлення шаблону в Joomla
Цей спосіб можна використовувати коли необхідно встановити велику кількість шаблонів або просто бувають випадки, коли шаблон не встановлюється стандартним способом встановити/видалити.
Для встановлення шаблону цим способом потрібно розпакувати архів із шаблоном у папку (ім'я папки може бути будь-яке, головне англійськими літерами). Далі запускаємо FTP - клієнт і відкриваємо папку /templates на сайті для якого встановлюємо шаблон і завантажуємо до неї папку з шаблоном.
Якщо ваш сайт знаходиться на локальному сервері, тоді потрібно просто скопіювати папку в папку /templates/. Якщо хочете змінити назву шаблону, тоді в папці шаблону потрібно знайти файл templateDetails.xml, відкрити його блокнотом або будь-яким текстовим редактором та знайти рядок із тегом
Як я вже казав, що за замовчуванням, у Joomla вже встановлено два, іноді три стандартні шаблони: rhuk_milkyway і JA_Purity, які ви можете сміливо використовувати при створенні вашого проекту.
На сьогоднішній день вибір шаблонів для сайту дуже великий, і розробники навіть ділять їх за тематикою: шаблони для бізнес-сайтів, для розважальних порталів, святкові, нерухомість, музика, соціальні мережі, кіно, відео, спорт, туризм та багато інших.
Варто зазначити, що деякі з шаблонів створені на комерційній основі і, перш ніж їх використовувати, необхідно оплатити розробнику, інакше це вважатиметься порушенням авторських прав. Тому перш ніж встановлювати на сайт той чи інший шаблон, перевірте автора, їх зараз величезна кількість, і на яких умовах він надає шаблон для використання.
Якщо шаблонів завантажено велику кількість, а Ви не пам'ятаєте назву потрібного шаблону, то при наведенні на посилання з назвою кожного зі списку Ви можете переглянути його мініатюру.
При виборі шаблону також потрібно звертати увагу на його структуру, блоки і позиції, які він включає. Адже перш, ніж створювати сайт, напевно, Ви вже спланували, що і де буде на ньому розташовуватися: чи буде хедер (зазвичай це картинка, розміщена зверху, його ще називають шапка сайту), логотип, верхнє або вертикальне меню, кількість блоків на сторінці і і т.д.
Для того, щоб перевірити позиції в тому чи іншому шаблоні, можна набрати в адресному рядку браузера http://ваш сайт/?tp=1і перед Вами з'являться всі можливі позиції шаблону та їх назви.
Всім привіт!!! У сьогоднішній статті розглянемо установку шаблону на двигун joomla 3. А також поговоримо про найбільш поширену помилку, яку припускаються новачки, при установці шаблону на joomla 3.
Після встановлення joomla 3 на денвер , робота зі створення сайту тільки починається. І одним із перших кроків є встановлення шаблону. Хочеться сказати чесно, що в установці, немає нічого складного. А ось пошук відповідного за дизайном і функціоналом шаблону, може зайняти не один день. Перш ніж розпочати пошук, необхідно навчиться встановлювати шаблон. Щоб одразу, перевіряти його у роботі.
Встановити шаблон joomla 3. Завантажений шаблон у більшості випадків заархівований. І має ось такий вигляд. помилка новачків полягає в тому, що вони відразу намагаються встановити цей шаблон. Природно нічого не виходить: (Уся справа в тому, що в цьому архіві знаходяться ще кілька архівів. І для початку необхідно розархівувати його в окрему папку.
Тепер ми бачимо такі чотири архіви, їх може бути більше, або менше. Все залежить від того, що розробник надає із шаблоном.
Перші два архіви, що містять шаблон з демонстраційними даними, для joomla 2.5 і 3.1. Запитайте, як я дізнався, все просто з назви: "yoo_square_demo_package_j25" де " demo_package" означає демо пакет, а " j25" означає для версії joomla 2.5. А ось третій і четвертий архіви є чистими шаблонами. Для joomla версії 3, необхідний останній з "j31" в кінці. Також зверніть увагу на вагу архіву, перші два важать близько п'ятнадцяти мегабайт, так як в ним запакований цілий сайт, а третій і четвертий всього по одному мегабайту, це означає, що вони чисті.
Отже, у нас є необхідний архів із шаблоном, його я виділив у зелену рамку. Тепер заходимо до адмінки.
1. Розширення > Менеджер розширень: 
2. Далі тиснемо "вибрати файл" і знаходимо на комп'ютері архів з необхідним шаблоном.
3. Після того як вибрали архів із шаблоном, необхідно натиснути "завантажити та встановити". 
Якщо все зроблено правильно, має з'явитись повідомлення: Установка шаблону успішно завершена.
4. Після встановлення шаблон необхідно активувати. Тобто зробити його шаблоном за промовчанням. Для цього в адмінці перейдіть до: Розширення > Менеджер шаблонів. 
5. Тут ви побачите встановлений шаблон. Для того, щоб зробити його за замовчуванням, просто натисніть на зірочку навпроти нього.
Тепер можете відкрити свій сайт і подивитися як виглядає ваш новий шаблон!
Як бачите, нічого складного в установці шаблону на joomla 3 немає. На цьому час закінчувати статтю. Читайте також редагування шаблону joomla 3 . Усім хорошого настрою та успіхів у створенні свого сайту.
