Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

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

Адаптация шаблона с Dle для uCoz Здравствуйте уважаемые пользователи, в данной теме я хотел бы рассказать на своем опыте как адаптировать шаблон с 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>
<link type="text/css" rel="StyleSheet" href="[CSS_URL]" />

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" и name="story" меняем на name="q". Теперь мы видим ниже 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 в данном файле код, который отвечает за персональную страницу пользователя.

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

5.0
1 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
5.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Руслан
Руслан
23 сентября 2015 07:52
+ 0 -
Полезно для начинающих.
Вот только
12. Ну и последнее перед тегами:

не перед этими тегами а после них ставим.
na3uTuB4uk
23 сентября 2015 10:00
+ 0 -
Это не обязательно, их можно ставить в любом месте, это в конструкторе они так указаны, главное чтобы они были, а где не важно, это просто я их ставлю всегда в том месте, каждому свое, спасибо за отзыв))
Nk-CS.Ru - The Best of Web!
Strannik
22 мая 2017 16:24
+ 0 -
Эта не полная адаптация
na3uTuB4uk
22 мая 2017 18:08
+ 0 -
Цитата: Strannik
Эта не полная адаптация

Это страница Main.tpl (Главная страница). В другой новости описывается storstory.tpl (Вид материалов).
Nk-CS.Ru - The Best of Web!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно