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

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

Категория: Новости / Другие новости
(Проголосовало 3)
Адаптация шаблона с Dle для uCoz
  • Комментарии: 4
  • Просмотры: 2 361

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

Итак, что нам понадобится:
Шаблон для Dle, можно найти здесь: Шаблоны DataLife Engine
Ну и любой пустой сайт на 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, сейчас поясню, находим у нас в шаблоне следующий код:
<form action="" name="searchform" method="post">
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input type="text" id="story" name="story" value="Введите запрос..." onblur="if(this.value=='')this.value='Введите запрос...'" onfocus="if(this.value=='Введите запрос...')this.value=''" />
<input type="submit" name="sfSbm" value="" />
</form>

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

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

8. Идем далее по шаблону и находим такой код:
{include file="sidebar_l.tpl"}

этот код отвечает за вывод левого контейнера, теперь делаем следующие, открываем файл sidebar_l.tpl и находим в нем код:
<!-- <block2> -->
<div class="block4">
<div class="title"><!-- <bt> --><!--<s5351>-->Все для uCoz<!--</s>--><!-- </bt> --></div>
<div class="cont"><!-- <bc> -->
<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><!-- </bc> -->
</div>
</div>
<!-- </block2> -->

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

на
<!-- <container> --><!-- <block> -->

и заменяем тег:
<!-- </block2> -->

на
<!-- </block> --><!-- </container> -->

Далее находим строку:
<div class="title"><!-- <bt> --><!--<s5351>-->Все для uCoz<!--</s>--><!-- </bt> --></div>

и заменяем ее на
<div class="title">TITLE</div>

и сразу чуть ниже находим код:
<!-- <bc> -->
<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><!-- </bc> -->

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

В итоге у нас должно получиться так:
<!-- <container> --><!-- <block> -->
<div class="block4">
<div class="title">TITLE</div>
<div class="cont">CONTENT</div>
</div>
<!-- </block> --><!-- </container> -->

9. Идем дальше, находим тег {include file="sidebar_r.tpl"} открываем файл sidebar_r.tpl выделяем первый блок и проворачиваем с ним тоже самое, в итоге получится так:
 <!-- <container> --><!-- <block> -->
<div class="block">
<div class="title1">TITLE</div>
<div class="cont">CONTENT</div>
</div> 
<!-- </block> --><!-- </container> -->

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

11. находим код:
<div id="text">{tags}</div>

и заменяем его на:
<div id="text">$POWERED_BY$</div>

этот код будет выводить стандартный копирайт uCoz.

12. Ну и последнее перед тегами:
</body></html>

добавляем
<!-- <popup> --><!-- </popup> -->

Вот еще не заметил сразу в верху шаблона найдите строку
[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 в данном файле код, который отвечает за персональную страницу пользователя.

Ну в целом готово, старался писать максимально понятно и разборчиво, если все же остались вопросы, или у вас что-то не получилось, оставляйте комментарии, пишите в ЛС или на форум, разберемся с вашими вопросами.
Похожие ПУБЛИКАЦИИ
Комментарии пользователей
  1. Автор: Руслан 23 сентября 2015 07:52
    Полезно для начинающих.
    Вот только
    12. Ну и последнее перед тегами:

    не перед этими тегами а после них ставим.
  2. Автор: na3uTuB4uk 23 сентября 2015 10:00
    Это не обязательно, их можно ставить в любом месте, это в конструкторе они так указаны, главное чтобы они были, а где не важно, это просто я их ставлю всегда в том месте, каждому свое, спасибо за отзыв))

    --------------------
  3. Автор: Strannik 22 мая 2017 16:24
    Эта не полная адаптация
  4. Автор: na3uTuB4uk 22 мая 2017 18:08
    Цитата: Strannik
    Эта не полная адаптация

    Это страница Main.tpl (Главная страница). В другой новости описывается storstory.tpl (Вид материалов).

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