СSM (Content management system, CMS) - это система управления содержимым или контентом, информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).
Основные функции CMS:
- Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,
- Публикация содержимого,
- Представление информации в виде, удобном для навигации, поиска,
- Предоставление инструментов для создания содержимого, организация совместной работы над содержимым.
В CMS могут находиться самые различные данные, такие как документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации.
DetaLife Engine (DLE) - это многопользовательский новостной движок предназначенный для организации собственных блогов и СМИ в сети интернет. Движок оптимизирован под поисковые системы, что приведет на ваш сайт дополнительных клиентов. В движке есть возможность публиковать свои новости, страницы, голосования, закачивать файлы и обмениваться комментариями. Возможности в DLE практически не ограниченны, а пользование им настолько интуитивно понятно, что разобраться в движке может практически любой новичок.
"ВКонтакте" — крупнейшая в Рунете социальная сеть, второй по популярности сайт на территории Белоруссии, третий — на Украине, шестой — в Казахстане, 60-й — в мире. Ресурс изначально позиционировал себя в качестве социальной сети студентов и выпускников российских вузов, позднее стал называть себя «современным, быстрым и эстетичным способом общения в сети».
И так, с теорией разобрались, теперь перейдем к практике!
Недавно у пользивателей интернета встал вопрос врезания комментариев от vk.com на сайт pacsa.ru
Итак, что бы это сделать необходимо.
2. Заходим в http://vk.com/developers.php
3. В разделе сайт\приложения выбрать "Подключить новый сайт".
4. Вписываем название сайта (произвольное), потом адрес в форме http:\\ваш_сайт.ру основной домен заполнится автоматически, изменять не знающим что это такое крайне не рекомендуется. Можете поставить галочку включить расширенные комментарии, а так же выбрать ширину выводимыхкомментариев Вконтакте (по умолчанию стоит 496 px). Нажимаем "Сохранить".
5. Получаем код вида:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>
<script type="text/javascript">
VK.init({apiId:ВАШ_ИНДИВИДУАЛЬНЫЙ_НОМЕР, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>
6. Заходим в main.tpl между тегами
Вписываем следующее:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>
<script type="text/javascript">
VK.init({apiId:ВАШ_ИНДИВИДУАЛЬНЫЙ_НОМЕР, onlyWidgets: true});
</script>
это код, который выдал нам девелопер Вконтакте.
7. Заходим в fullstory.tpl в самый конец вписываем код вида:
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>
Собственно в итоге мы имеем вид: строка на писаний комментарий DLE, строка вывода комментарий DLE (в различных стилях вариация различна), затем идут комментарии от ВК.КОМ. Нравится ли вам такой вывод? Если да, то дальше информация не для вас, если же вы хотите сделать вывод комментариев как на данном сайте, тогда продолжим.
Для вывода комментариев ВКонтакте в виде переключающегося списка необходимо:
2.1. Открываем main.tpl между
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
Это скрипт который будет идентифицировать наши вкладки комментариев.
2.2. Открываем fullstory.tpl и убираем изменения в нем, которые были внесены в пункте 7 данной статьи.
2.3 Теперь в fullstory.tpl в самом конце вписываем следующий код:
<li><a href="#tab1">Комментарии</a></li>
<li><a href="#tab2">Vkontakte</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
{comments}
{addcomments}
</div>
<div id="tab2" class="tab_content">
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script> </div>
</div>
Где widrh: "496" - Это ширина выводимого блока комментариев ВКонтакте.
Это практически все, но есть одно "но". Немного корректируя данный код вы можете сделать вкладку комментариев от того же Facebook, для этого чуть ниже
пропишите
и в самом конце перед последним закрывающимся тегом
так можно продолжать до бесконечности изменяйте только id div'a tabN, где N- номер следующей вкладки.
Так же рекомендовано после данного DIV'a прописывать стандартизированный DIV, прописанного в вашем css.