» » Хак - расширенный вывод related и custom новостей + картинка

Хак - расширенный вывод related и custom новостей + картинка

27.10
106
39 174
Хак - расширенный вывод related и custom новостей + картинка

Мне много раз встречались разнообразные хаки для расширенного вывода новостей, выводимых тегами {custоm} и {rеlated-news}, но ни один из них не подходил для моих целей на 100%. Поэтому и было решено написать человеческий хак вывода похожих новостей и пользовательского вывода новостей. Основной загвоздкой была обработка картинок, по задумке должны были создаваться уменьшенные копии и складываться в папку на сервере, но моих знаний php никак не хватало на это. В итоге, после активного нагугливания, было найдено несколько вариантов и хаки были готовы. А что получилось - судить вам.

Итак первый представленный хак:

Advanced-Custom



Хак - расширенный вывод related и custom новостей + картинка


Назначение: Вывод новостей с превьюшками и определенным количеством символов в названии и в кратком содержимом через custom

Возможности:
- Вывод обрезанного, до заданного количества символов, заголовка (при установке значения 0 заголовок не обрезается);
- Вывод обрезанного, до заданного количества символов, краткого содержания (при установке значения 0 краткое содержание не обрезается, сохраняется всё форматирование и т.д. в общем как обычно и выводится {sort-story}, при других значениях удаляется всё форматирование, картинки, переносы строки заменяются на пробелы.);
- Вывод уменьшенной, до заданного размера, копии изображения из краткого содержания. Изображение уменьшается и обрезается через crop до квадрата, и сохраняется в папке кеша сайта с префиксом, соответствующим размеру. Таким образом можно вывести одни и те же новости в разных местах с картинками разного размера, а при редактировании или удалении новостей, либо очистке кеша сервер не будет захламляться лишними файлами.
- Вывод, при необходимости, кликабельной превьюшки, увеличивающейся через HightSlide до оригинала.

Установка:

1. Открываем index.php

Находим:

$tpl->copy_template = preg_replace ( "#{custom category=['"](.+?)['"] template=['"](.+?)['"] aviable=['"](.+?)['"] from=['"](.+?)['"] limit=['"](.+?)['"] cache=['"](.+?)['"]}#ies", "custom_print('1', '2', '3', '4', '5', '6', '{$dle_module}')", $tpl->copy_template );

Заменяем на:

$tpl->copy_template = preg_replace ( "#{custom category=['"](.+?)['"] template=['"](.+?)['"] aviable=['"](.+?)['"] from=['"](.+?)['"] limit=['"](.+?)['"] cache=['"](.+?)['"] title=['"](.+?)['"] short=['"](.+?)['"] img_size=['"](.+?)['"]}#ies", "custom_print('1', '2', '3', '4', '5', '6', '7', '8', '9',  '{$dle_module}')", $tpl->copy_template );



2. Открываем engine/modules/functions.php

Находим:

function custom_print($custom_category, $custom_template, $aviable, $custom_from, $custom_limit, $custom_cache, $do) {


меняем на:

function custom_print($custom_category, $custom_template, $aviable, $custom_from, $custom_limit, $custom_cache, $custom_title, $custom_short, $custom_img_size, $do) {



Находим:

$custom_limit = intval( $custom_limit );


Ниже добавляем:

        $custom_title = intval( $custom_title );
        $custom_short = intval( $custom_short );
        $custom_img_size = intval( $custom_img_size );




Находим:

$custom_cache_id = "cat_" . $custom_category . "template_" . $custom_template . "from_" . $custom_from . "limit_" . $custom_limit;


меняем на:

$custom_cache_id = "cat_" . $custom_category . "template_" . $custom_template . "from_" . $custom_from . "limit_" . $custom_limit . "title_" . $custom_title . "custom_short_" . $custom_short; 



3. Открываем engine/modules/show.custom.php:


Находим:


 // Обработка дополнительных полей
        

        $tpl->set( 'Хак - расширенный вывод related и custom новостей + картинка', stripslashes( $row['title'] ) );



Заменяем на:

     // Обработка дополнительных полей

    if ($custom_title != 0) {
    if (strlen($row['title'])>$custom_title) $row['title'] = substr($row['title'],0,$custom_title)."...";
    } else {$row['title'] = $row['title']; }    
    $tpl->set('Хак - расширенный вывод related и custom новостей + картинка', stripslashes($row['title']));

        //-----Обработка картинок ---
$c_def_img = "{THEME}/images/nothumb.gif"; // - ПУТЬ до картинки по умолчанию, на тот случай если в новости нет картинки.

$custom_count_img = preg_match_all('%(((http://www)|(http://)|(www))[-a-zA-Z0-9@:%_+.~#?&//=]+).(jpg|jpeg|gif|png)%i', $row['short_story'], $custom_img_match);
if ($custom_count_img != ""){

    $custom_img_parts = pathinfo($custom_img_match[0][0]);
    $images = $custom_img_parts['dirname'].'/'.$custom_img_parts['basename'];
    $not_resized_img = $custom_img_parts['dirname'].'/'.$custom_img_parts['basename'];
    
    $c_upload_path = ROOT_DIR."/engine/cache/";
    $image_name = explode ("/",$images);
    $image_name = end ($image_name);
    $image_name = $custom_img_size."_".$image_name;
    
        if (!file_exists($c_upload_path.$image_name)) {
        include_once ENGINE_DIR . '/classes/thumb.class.php';
        $thumb=new thumbnail($images);
        $thumb->crop($custom_img_size,$custom_img_size);
        $thumb->jpeg_quality(85);
        $thumb->save($c_upload_path.$image_name);
        @chmod( $c_upload_path.$image_name, 0666 );
        }
        
    $images = $config['http_home_url']."engine/cache/".$image_name;
    $images = '<img src="'.$images.'" width="'.$custom_img_size.'" height="'.$custom_img_size.'"  border="0" alt="'.$row['title'].'">';
} else {
    $not_resized_img = "{THEME}/images/nothumb.gif";
    $images = '<img src="'.$c_def_img.'" width="'.$custom_img_size.'" height="'.$custom_img_size.'"  border="0" alt="'.$row['title'].'">';
}
$tpl->set( '{image}',$images);
$tpl->set( '[full-img]', "<a href="" . $not_resized_img . ""  onclick="return hs.expand(this)" >" );
$tpl->set( '[/full-img]', "</a>" );
$tpl->set( '{full-img}','<img src="'.$not_resized_img.'" border="0" alt="'.$row['title'].'">' );
    //<-----Обработка картинок ---





Находим:

    $tpl->set( '{short-story}', stripslashes( $row['short_story'] ) );


Заменяем на:

    $row['short_story'] = stripslashes( $row['short_story'] );
    if ($custom_short != 0) {
    $custom_short_story = strip_tags(str_replace(array('<br>','<br />')," ",$row['short_story']));
    if (strlen($custom_short_story)>$custom_short) $custom_short_story = substr($custom_short_story,0,$custom_short)."...";
       }else {$custom_short_story = $row['short_story'];}
    $tpl->set('{short-story}', $custom_short_story);




4. Открываем /engine/cache/.htaccess

Удаляем всё, что там написано и вставляем:

Order Deny,Allow
#Deny from all
<Files *.tmp>
Deny from all
</Files>
<Files ".(jpg|gif|png)$">
Allow from all
</Files>


Это для того, чтобы дать доступ чтения для картинок.


5. Кладём в папку images текущего шаблона картинку nothumb.gif


Для вывода новостей используем:

{custom category="1" template="shortstory" aviable="main" from="0" limit="5" cache="yes" title="30" short="100" img_size="50"}


Указание всех тегов обязательно, иначе будет глюк...

Где:

category, template, aviable, from, limit, cache - это стандартные теги для настройки вывода.
title - обрезка заголовка
short - обрезка краткой новости
img_size - ширина и высота картинки.

title="0" - отключить обрезание заголовка.
short="0" - отключить образание краткого содержимого новости

- Для вывода миниатюры изображения используем тег {image}
- Для вывода оригинала - {full-img}
- Если поставить: [full-img] {image}[/full-img] - будет выводиться кликабельная уменьшенная копия, при клике на HightSlide будет показано оригинальное изображение.

CSS я не буду описывать, так как это сугубо индивидульно для каждого сайта.

ВСЁ! теперь имеем красивый и единообразный пользовательский вывод новостей.





Далее второй хак:

Advanced-Related



Хак - расширенный вывод related и custom новостей + картинка


Назначение: Вывод похожих новостей с превьюшками и определенным количеством символов в названии и в кратком содержимом с настройками в админке.
За основу взят аналогичных хак от DleTweak.ru

Возможности:

- Вывод обрезанного, до заданного количества символов, краткого содержания (настраивается в админке);
- Вывод уменьшенной, до заданного размера, копии изображения из краткого содержания. Изображение уменьшается и обрезается через crop до квадрата, и сохраняется в папке кеша сайта с префиксом, соответствующим размеру. Таким образом можно вывести одни и те же новости в разных местах с картинками разного размера, а при редактировании или удалении новостей, либо очистке кеша сервер не будет захламляться лишними файлами. (размер настраивается в админке)


Установка:

Установка:

1. Открыть /engine/inc/options.php

Ищем:

 showRow( $lang['opt_sys_related'], $lang['opt_sys_relatedd'], makeDropDown( array ("1" => $lang['opt_sys_yes'], "0" => $lang['opt_sys_no'] ), "save_con[related_news]", "{$config['related_news']}" ) );


Ниже вставляем:

showRow( $lang['opt_sys_related_n'], $lang['opt_sys_relatedd_n'], "<input class=edit type=text style="text-align: center;" name='save_con[related_news_n]' value="{$config['related_news_n']}" size=5>" );
showRow( $lang['opt_sys_related_img'], $lang['opt_sys_relatedd_img'], "<input class=edit type=text style="text-align: center;" name='save_con[related_img]' value="{$config['related_img']}" size=5>" );



2. Открыть /engine/modules/show.full.php

Ищем:

SELECT id, title, date, category, alt_name, flag FROM


Меняем на:

SELECT id, title, date, category, alt_name, short_story, flag FROM



Ищем:

 $buffer .= "<li><a href="" . $full_link . "">" . stripslashes( $related['title'] ) . "</a></li>";



Меняем на:

    // *************************
    // START MODERN RELATED NEWS
    // *************************
    //-----Обработка картинок --->
    $pictitle = stripslashes( $related['title'] );
    $related_count_img = preg_match_all('%(((http://www)|(http://)|(www))[-a-zA-Z0-9@:%_+.~#?&//=]+).(jpg|jpeg|gif|png)%i', $related['short_story'], $related_img_match);
if ($related_count_img != ""){

    $related_img_parts = pathinfo($related_img_match[0][0]);
    $related_images = $related_img_parts['dirname'].'/'.$related_img_parts['basename'];
    $not_resized_img = $related_img_parts['dirname'].'/'.$related_img_parts['basename'];
    
    $related_upload_path = ROOT_DIR."/engine/cache/";
    $rel_image_name = explode ("/",$related_images);
    $rel_image_name = end ($rel_image_name);
    $rel_image_name = $config['related_img']."_".$rel_image_name;
    
        if (!file_exists($related_upload_path.$rel_image_name)) {
        include_once ENGINE_DIR . '/classes/thumb.class.php';
        $thumb=new thumbnail($related_images);
        $thumb->crop($config['related_img'],$config['related_img']);
        $thumb->jpeg_quality(85);
        $thumb->save($related_upload_path.$rel_image_name);
        @chmod( $related_upload_path.$rel_image_name, 0666 );
        }
        
    $related_images = $config['http_home_url']."engine/cache/".$rel_image_name;
    $related_images = '<img src="'.$related_images.'" width="'.$config['related_img'].'" height="'.$config['related_img'].'"  border="0" alt="'.$row['title'].'">';
} else {
    $not_resized_img = "{THEME}/images/nothumb.gif";
    $related_images = '<img src="{THEME}/images/nothumb.gif" width="'.$config['related_img'].'" height="'.$config['related_img'].'"  border="0" alt="'.$row['title'].'">';
}
    //<-----Обработка картинок ---
            
    $related['short_story'] = preg_replace("/[attachment=[[:digit:]]*]/si","",stripslashes($related['short_story']));
    $related['short_story'] = preg_replace("/<!--*-->/si","",$related['short_story']);
    $related['short_story'] = strip_tags(str_replace(array('<br>','<br />')," ",$related['short_story'])); //-- замена переносов на пробелы --
    if( strlen( $related['short_story'] ) > $config['related_news_n'] ) $related['short_story'] = substr( $related['short_story'], 0, $config['related_news_n'] ) . " ..."; //--обрезка содержания --
    
    // -- вывод блока -->
    $buffer .='
        <div class="related_block">
        <a href="'.$full_link.'" title="'.$pictitle.'">'.$pictitle.'</a>
        <div class="related_image" style="width:'.$config['related_img'].'; height:'.$config['related_img'].';">'.$related_images.'</div>
        <div class="related_descript">'.stripslashes($related['short_story']).'</div>
        <div class="clr"></div>
        </div>';
    // <-- вывод блока --

    // *************************
    // END MODERN RELATED NEWS
    // *************************



3. Открыть /language/Russian/adminpanel.lng

В любое удобное место вставляем:

'opt_sys_related_n' => "Обрезание описания",
'opt_sys_relatedd_n' => "Количество символов в описании к похожей новости.",
'opt_sys_related_img' => "Размер изображения",
'opt_sys_relatedd_img' => "Масимальный размер бОльшей стороны изображения в похожей новости.",



4. Кладём в папку {THEME}/images/ файл nothumb.gif желаемого размера.


5. Настраиваем вывод в админке.

Настройка обрезания содержания и размера картинки производится в админке, в разделе Настройка системы -> Оптимизация запросов к базе данных.


Вывод блока осуществляется тегом {related-news} без всяких
    .

    Вот и всё. Теперь имеем удобный вид похожих новостей.



    Приятной работы!



    P.S.
    Стоит обратить внимание на то, что если например и для похожих новостей и для custom установлен одинаковый размер картинки, то одна и та же картинка будет показываться и в похожей новости и в custom-новости, естественно при совпадении id новости smile это немного уменьшает "захламлённость" сервера. Так же при очистке кеша все превьюшки будут удалены.

    Конструктивные предложения как всегда принимаются с радостью.

    Похожие материалы

Комментарии

denson
denson 15 августа 2011 18:05
И совсем последнее. Почему-то в колонке (справа) Новые материалы нижний бордюр правого блока уходит вниз немного пикселей на 10 примерно. Как это убрать? И можно ли сделать по такому принципу - [full-img] {image}[/full-img] для картинок в ТОП-5, так как это также ваш модуль, но ставился не из этой новости, а ранее.
Grimm
Grimm 20 августа 2011 00:38
Что-то у меня не выходят картинки новостей, хотя они есть! посмотрите пожалуйста...
http://outfilms.ru/
ПафНутиЙ
ПафНутиЙ 20 августа 2011 01:45
картинки в доп полях?
Grimm
Grimm 20 августа 2011 09:12
Ды вроде нет! Хотя они парсятся из кинопоиска....
Grimm
Grimm 20 августа 2011 09:15
а мне понравилось как ты сделал у себя на сайте!
ПафНутиЙ
ПафНутиЙ 20 августа 2011 11:22
сначала разберись - куда они парсятся. Если в доп поля - то не будет выводиться.
Grimm
Grimm 20 августа 2011 22:32
без доп. полей!
ПафНутиЙ
ПафНутиЙ 20 августа 2011 22:43
Grimm,
Может с каким то модулем конфликт выходит, проверьте на чистом ВДУ, со стандартным шаблоном.
Grimm
Grimm 20 августа 2011 23:46
проверил... все нормально, наверное конфликт с парсером.
Grimm
Grimm 23 августа 2011 00:51
Очень нуждаюсь в вашей помощи. ВОт ссылка на страницу...http://flesha.ru/dle/dlehak/1365-krasivaya-knopka-socialnyh-zakladok.html , что мне написать в css чтобы такой же вывод похожих новосте был?
kibal4ish
kibal4ish 11 октября 2011 19:46
Как добавить блоки на dle 9.4? там таких строк в коде нет... belay
evgeniy_oz
evgeniy_oz 25 октября 2011 04:15
движок нул от мид-тим проблему с выводом картинки всё никак не решу(прочитал у вас ненашёл, если можно то подробнее,... и если можно .... и носом,носом тыкнуть...:)) _http://remont-dizain.od.ua/glavnaya/5-obval-cen-na-stoimost-remontnyh-rabot-nachalsya.html, вот что у меня получилось
ПафНутиЙ
ПафНутиЙ 25 октября 2011 08:21
Так вы сами себя уже тыкнули носом:
движок нул от мид-тим

с большой вероятностью проблема в этом, да и не работаю я с нулами.
evgeniy_oz
evgeniy_oz 25 октября 2011 09:35
Спасибо!
тогда надо в описании написать, что к нуленым движкам ваш хак не подходит, может меньше вопросов будет :)
ПафНутиЙ
ПафНутиЙ 25 октября 2011 09:43
Не нужно ничего писать, нужно не использовать просто нулёные движки - меньше проблем будет в будующем. Где гарантия, что ваш сайт в определённый момент не сольют, используя заранее подготовленную дыру в нуле?
evgeniy_oz
evgeniy_oz 25 октября 2011 23:54

сливание оригинальных новостей без сеошки , впоследствии бесполезно для яши. :)
а дыры(слабые места) постояннно находят в оригинале DLE, об этом можно почитать на сайте DLE, а для сайта-визитки моего варианта в принципе достаточно.
Жаль, что у меня не получилось поставить ваш хак :(

Если у кого-то(двиг как у меня) выйдет, напишите , заранее благодарю :)
ПафНутиЙ
ПафНутиЙ 26 октября 2011 00:03
Я не про слив новостей, а про слив сайта целиком, впоследствии может и не будет от этого пользы, но вреда от вызванного таким действием гемороя будет гораздо больше.
Конечно ежедненый бэкап позволит избежать большинство неприятностей, но о бэкапах (как показывает практика) люди беспокоятся далеко не в первую очередь, ну и плюс думаю любому человеку не очень приятно видеть исходники своих трудов в свободном доступе...
borulin
borulin 13 февраля 2012 15:48
Панфутий, установил Ваш хак(Advanced-Related). Хак просто супер!!
Но он стал не так как у Вас на скриншоте..
Вот пример:
http://picbit.net/image/13022012_1329146541654_1329133519642.jpg
Хотелось, чтобы текст новости обтекал картинку справа, как у Вас в примере.

ПафНутиЙ
ПафНутиЙ 13 февраля 2012 21:04
borulin
borulin 14 февраля 2012 01:24
Спасибо Вам огромное. Добавил в css и всё стало отлично.
borulin
borulin 26 марта 2012 14:57
Здравствуйте ПафНутиЙ.
Подскажите как установить хак (Advanced-Related)
на DLE 9.5
В /engine/modules/show.full.php нет таких строк
$buffer ............
Как быть?
ПафНутиЙ
ПафНутиЙ 26 марта 2012 15:17
Поставьте Block.Pro.2 - там больше возможностей при меньшем ковырянии в коде.
borulin
borulin 26 марта 2012 20:03
Поставил Block.Pro 2.4 всё работает, но старый css от Advanced-Related не срабатывает.
Хотелось, чтобы текст новости обтекал картинку справа, как у Вас в примере.
Подскажите пожалуйста.
.related_image {
float : left;
padding-right : 10px;
}
.clr {
height : 0;
clear : both;
overflow : hidden;
}
.related_block {
margin-bottom : 10px;
}
ПафНутиЙ
ПафНутиЙ 26 марта 2012 20:20
НУ так а что мешает доточить шаблон, переименовать классы? Это гораздо проще, чем кажется.
borulin
borulin 26 марта 2012 20:31
Подскажите пожалуйста.
Уже час мучаюсь и ни чего не получается.
ПафНутиЙ
ПафНутиЙ 27 марта 2012 08:52
<div class="related_block">
<img class="related_image" src="{image-1}" alt="{title}" />{text limit="200"}
<div class="clr"></div>
</div>

Вот такой код положите в шаблон.
borulin
borulin 27 марта 2012 14:09
ПафНутиЙ, огромное, человеческое Спасибо!! feel Всё заработало! smile
borulin
borulin 28 марта 2012 15:04
ПафНутиЙ, ещё одна проблемма
Похожие публикации: отоброжает всё время одни и теже 5 новостей.
Подскажите как исправить
ПафНутиЙ
ПафНутиЙ 28 марта 2012 17:19
На этой неделе будет версия 2.5 - там это исправлено. дело в неправильном формировании кеша для похожих новостей, нет привязки к id новости.
borulin
borulin 28 марта 2012 18:40
Спасибо!!! Будем ждать.

Добавить комментарий

Комментировать могут только зарегистрированные пользователи

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.