| Sorry | Offline Дата: Суббота, 19.03.2016, 12:06 | Сообщение # 1 |
|
|
Группа: Администраторы
Сообщений: 60
|
|  Здравствуйте ув. пользователи, в данной теме я хотел бы расказать на своем опыте как адаптировать шаблон с CMS Dle для uCoz. Итак, что нам понадобится:Шаблон для Dle, можно найти здесь: Шаблоны DLEНу и любой пустой сайт на uCoz. Ну все, вот вы скачали шаблон и готовы приступить к работе. Я за основу взлял : Новостной шаблон UconTest для DLE 10.1 поскольку он простой и вам будет легче разобраться. 1. Для начала находим в папках файлы: .htaccess и index.html и везде их удаляем. 2. Загружаем папки: bbcodes, dleimages, images, js, style к себе на сайт. Загрузить сразу папками можно любым файловым менеджером, я пользуюсь FileZilla , скачиваем, устанавливаем и вводим свои данные. Если вы не знаете как пользоваться этим клиентом, то вот подробная инструкция: Настройка подключения FTP (FileZilla) от uCoz3. Итак, загрузили мы наши файлы на сервер, теперь нам нужно открыть файл main.tpl любым блокнотом и вставить весь выделенный код в Конструктор шаблонов. 4. Находим в шаблоне код: {THEME} и {AJAX} и везде его удаляем. 5. Теперь находим тег {headers} и заменяем его на:
Код<?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" />
8. Идем далее по шаблону и находим такой код:
Код <!-- <container> -->
{include file="sidebar_l.tpl"}
<!-- </container> -->
этот код отвечает за вывод левого контейнера, теперь делаем следующие, открываем файл 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> -->
и заменяем им то что было до этого, теперь заменяем тег:
наКод <!-- <container> --><!-- <block> -->
и заменяем тег:
наКод <!-- </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> -->
и заменяем его на
В итоге у нас должно получиться так:Код <!-- <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. Ну и последнее перед тегами:
добавляемКод <!-- <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 в данном файле код, который отвечает за персональную страницу пользователя.
Ну в целом готово, старался писать максимально понятно и разборчиво, если все же остались вопросы, или у вас что-то не получилось, оставляйте комментарии, пишите в ЛС или на форум, разберемся с вашими вопросами.
|
 |
|
|
Загружаем страницу...
