Адаптация шаблона с Dle для uCoz

Другие новости

na3uTuB4uk

07.09.15, 19:10

2581

Здравствуйте ув. пользователи, в данной теме я хотел бы расказать на своем опыте как адаптировать шаблон с CMS Dle для uCoz.

Итак, что нам понадобится:
Шаблон для Dle, можно найти здесь: https://nk-ucoz.ru/load/187
Ну и любой пустой сайт на uCoz.

Ну все, вот вы скачали шаблон и готовы приступить к работе.
Я за основу злял : Новостной шаблон UconTest для DLE 10.1 поскольку он простой и вам будет легче разобраться.

1. Для начала находим в папках файлы: .htaccess и index.html и везде их удаляем.
2. Загружаем папки: bbcodes, dleimages, images, js, style к себе на сайт. Загрузить сразу папками можно любым файловым менеджером, я пользуюсь FileZilla, скачиваем, устанавливаем и вводим свои данные. Если вы не знаете как пользоваться этим клиентом, то вот подробная инструкция: Настройка подключения FTP (FileZilla) от uCoz
3. Итак, загрузили мы наши файлы на сервер, теперь нам нужно открыть файл main.tpl любым блокнотом и вставить весь выделенный код в Конструктор шаблонов.
4. Находим в шаблоне код: {THEME} и {AJAX} и везде его удаляем.
5. Теперь находим тег {headers} и заменяем его на:

Код

<title>[TITLE]</title>

6. Теперь находим шаблоне тег {login} и заменяем его на:

Код

<?if($USER_LOGGED_IN$)?><?else?>$LOGIN_FORM$<?endif?>

Так этот код будет отвечать за наш мини профиль. Далее мы открываем файл login.tpl и берем оттуда код который находится между строк:

Код

[not-group=5] и [/not-group]

и помещаем его между тегами:

Код

<?if($USER_LOGGED_IN$)?><?else?>

, должно получиться так:

Код

<?if($USER_LOGGED_IN$)?> <div class="header_pop" style="right:-30px;">
  <div class="header_pop_close"></div>
  <div class="header_pop_cont">

  <div id="popup_profile">
  <div id="pop_p_l"><img src="{foto}" alt="" /></div>
  <div id="pop_p_r">
  <ul>
  <li><a href="{profile-link}">Полный профиль</a></li
  <li><a href="{addnews-link}">Добавить новость</a></li
  <li><a href="{pm-link}">Личные сообщения</a></li>
  <li><a href="{logout-link}">Выйти</a></li>
  </ul>
  </div>
  </div>

  </div>
  </div><?else?>$LOGIN_FORM$<?endif?>

Теперь разберем наш код:
Тег {foto} отвечает за вывод аватара, меняем его на $USER_AVATAR_URL$
Тег {profile-link} выводим прямую ссылку на вашу страницу, меняем его на $PERSONAL_PAGE_LINK$
Тег {addnews-link} выводит прямую ссылку на добавление нового материала, меняем его на $ADD_ENTRY_LINK$
Тег {pm-link} выводит прямую ссылку на персональные сообщения, меняем ее на $PM_URL$
Тег {logout-link} выводит прямую ссылку для выхода из профиля, меняем ее на $LOGOUT_LINK$
7. разберем форму поиска, стандартная форма поиска на Dle немного отличается от поиска uCoz, сейчас поясню, находим у нас в шаблоне следующий код:

Код

Находим строку action="" и добавляем к ней /search/, вот так: action="/search/" это для того, чтобы форма работала по странице search. Далее находим строку method="post" и заменяем ее на method="get". Теперь мы видим ниже 2 строки:

Код

и полностью их удаляем, для работы с uCoz они нам не понадобятся. Ну и последнее, находим в предпоследней строке name="story" и меняем ее на name="q", все теперь поиск будет работать как надо.
8. Идем далее по шаблону и находим такой код:

Код

{include file="sidebar_l.tpl"}

этот код отвечает за вывод левого контейнера, теперь делаем следующие, открываем файл sidebar_l.tpl и находим в нем код:

Код

<div class="block4">
<div class="title">Все для uCoz</div>
<div class="cont">
<ul class="informer_ucoz">
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
</ul>
</div>
  </div>

и заменяем им то что было до этого, теперь заменяем тег:

Код

на

Код

и заменяем тег:

Код

на

Код

. Далее находим строку:

Код

и заменяем ее на

Код

<div class="title">TITLE</div>

и сразу чуть ниже находим код:

Код

<ul class="informer_ucoz">
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
<li><a href="#">Название ссылки</a></li>
</ul>

и заменяем его на

Код

CONTENT

В итоге у нас должно получиться так:

Код

<div class="block4">
  <div class="title">TITLE</div>
  <div class="cont">CONTENT</div>
  </div>

9. Идем дальше, находим тег {include file="sidebar_r.tpl"} открываем файл sidebar_r.tpl выделяем первый блок и проворачиваем с ним тоже самое, в итоге получится так:

Код

<div class="block">
  <div class="title1">TITLE</div>
  <div class="cont">CONTENT</div>
  </div>

10. Чуть ниже находим теги {info} и {content}, они отвечают за вывод информации и новостей на страницах и заменяем их на тег [BODY].
11. находим код:

Код

и заменяем его на:

Код

<div id="text">
  $POWERED_BY$
  </div>

этот код будет выводить стандартный копирейт uCoz.
12. Ну и последнее перед тегами:

Код

</body>
</html>

добавляем

Код

Вот еще не заметил сразу в верху шаблона найдите строку

Код

[not-group=5]<a href="#" class="st2">Профиль</a>[/not-group] [group=5]<a href="/index.php?do=register" class="st3">Зарегистрироваться</a> <a href="#" class="st2">Войти на сайт</a>[/group]

и замените ее на

Код

<?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" class="st2">Профиль</a><?else?><a href="$REGISTER_LINK$" class="st3">Зарегистрироваться</a> <a href="$LOGIN_LINK$" class="st2">Войти на сайт</a><?endif?>

Ну в целом это все, шаблон адаптирован, а дальше думаю разберетесь, на самом деле это не сложно и со временем вы уже будете все делать очень быстро и сами.

Давайте разберем еще несколько моментов, чтобы было все окончательно понятно:
Находим в папке файл shortstory.tpl в данном файле код, который отвечает за вид материалов, берем код и пихаем его в вид материалов, теги замените сами, думаю труда не составит.
Находим в папке файл fullstory.tpl в данном файле код, который отвечает за полную новость.
Находим в папке файл userinfo.tpl в данном файле код, который отвечает за персональную страницу пользователя.

Ну в целом готово, старался писать максимально понятно и разборчиво, если все же остались вопросы, или у вас что-то не получилось, оставляйте комментарии, пишите в ЛС или на форум, разберемся с вашими вопросами.

Адаптация шаблона, для ucoz, с dle

Ctrl

Enter

Заметили ошЫбку

Выделите текст и нажмите Ctrl+Enter

Комментарии (4)

Добавить

Порядок вывода комментариев:

First 23.09.15, 11:52

Спам

Полезно для начинающих.
Вот только

Цитата

12. Ну и последнее перед тегами:

не перед этими тегами а после них ставим

na3uTuB4uk Администраторы 23.09.15, 14:00

Это не обязательно, их можно ставить в любом месте, это в конструкторе они так указаны, главное чтобы они были, а где не важно, это просто я их ставлю всегда в том месте, каждому свое, спасибо за отзыв))

Александр Гусаров 04.04.17, 00:54

Спам

Что делать если нету глобальных блоков

na3uTuB4uk Администраторы 19.04.17, 18:19

Их можно создать в панели управления - ПУ - Дизайн - Глобальные блоки.