Задать вопрос
Ответы пользователя по тегу Веб-разработка
  • Как реализовать подобный чат?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Готовый вариант посмотреть здесь
    Ответ написан
    Комментировать
  • На каких технологиях разрабатывать чат?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Meteor может подойти для таких вещей. Комбайн конечно, но зато и сервер, и клиент, и реалтайм у тебя уже будет на старте.

    Простой старт

    Пример популярного open-source чата

    Cлоган у них "Meteor is an open source platform for web, mobile, and desktop." намекает на то что можно даже под телефоны скомпилировать из экосистемы метеор
    Ответ написан
    Комментировать
  • Как получить id рубрики текущей записи?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    $cat = get_the_category($post->ID);
    
    // ID категории
    $cat->cat_ID
    
    // Название категории
    $cat->cat_name 
    
    // Альтернативное название категории
    $cat->category_nicename
    
    // Описание категории (задается на странице редактирования категории)
    $cat->category_description
    
    // ID родительской категории
    $cat->category_parent 
    
    // Количество записей в категории
    $cat->category_count
    Ответ написан
    1 комментарий
  • Как в wordpress в записях сделать вывод постов из категорий этой записи?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Вывод плиткой. Примерно так:

    1 2
    3 4

    Взял код со своего одного старого проекта. Вроде рабочий.

    В шаблоне single.php, после контента поста:

    <?php
    // получаем рубрики текущего поста
    $categories = get_the_category($post->ID);
    
    if ($categories) {
        $category_ids = array();
        foreach ($categories as $individual_category) {
            // пихаем айдишники рубрик поста в массив
            $category_ids[] = $individual_category->term_id;
        }
        $args = array(
            'category__in' => $category_ids,   // выводим из этих рубрик только
            'post__not_in' => array($post->ID),   //  исключаем текущий пост
            'showposts' => 4, // кол-во постов
            'caller_get_posts' => 1,
            'orderby' => 'rand' // в случайном порядке
        );
    
        $my_query = new wp_query($args);
        if ($my_query->have_posts()) {
            echo '<div class="more">';
            $cssMap = array(0 => "first", 1 => "last");
            $counter = 0;
            while ($my_query->have_posts()) {
                $my_query->the_post(); ?>
                <?php $class = $cssMap[$counter++ % 2]; ?>
                <div class="more-post left <?php print $class; ?>">
                    <?php the_excerpt(''); // анонс поста ?>
                </div>
                <?php if ($class == $cssMap[1]) { ?>
                    <div class="clearfix"></div>
                <?php
                }
            }
            echo '</div>';
        }
        wp_reset_query();
    }


    ну понятно, clearfix класс после 2 блоков очищает обтекание, дабы верстка не поплыла, а класс left задает обтекание. Ну блокам еще ширину можно задать 50%. Вроде все
    Ответ написан
    Комментировать
  • Как сделать preloader?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Примерно следующим образом.

    В самом начале скрываем допустим основной контент, который находится во враппере, ну к примеру задав прозрачность 0

    #wrapper {
        opacity: 0;
    }
    
    #main_preload{
      position: fixed;
      width: 64px;
      height: 64px;
      left: 50%;
    }


    В разметке делаем страницу, которая будет отображаться пока идет загрузка, но мне проще ориентироваться будет на прелоадер (как то привычнее, но смысл реализации будет тем же). Поэтому сделаем пустой див #main_preload

    Вообще разметка примерно следующего типа:

    <!doctype html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
    <span id="main_preload"></span>
    <div id="wrapper">
    <!-- content -->
    </div>
    <script type="text/javascript" src="path/to/loader.js"></script>
    </body>
    </html>


    Делаем скрипт loader.js, примерный код дернул со старого своего проекта (поэтому полностью на код ориентироваться не стоит), прелоадер (gif) будет крутится в центре экрана, пока не загрузится основной контент:

    var preload = $("#main_preload"), 
        w = $(window).width() / 2 - 30, 
        h = $(window).height() / 2 - 30;
    preload.html('<img src="/path/to/preload.gif" alt="load content."/>');
    preload.css({"top": h + 'px', "left": w + 'px'});
    $(window).load(function () {
        setTimeout(function () {
            preload.animate({opacity: "0"}, 50, function () {
                preload.html("")
            });
            $("#wrapper").animate({opacity: "1"}, 50)
        }, 250)
    });


    Суть в использовании $(window).load( ); setTimeout тут не помню уже зачем, вроде для какой то красивой задержки, но эта задержка не имеет ничего общего с основной загрузкой. Там плавный переход получается такой: прелоадер крутится, пока весь контент не будет загружен (и картинки и тд), потом идет плавное затухание прелоадера на прозрачность 0 и одновременное появление основного контента (прозрачность 1).

    https://jsfiddle.net/sm2yfbxj/
    Ответ написан
    9 комментариев
  • Сайт перестал подстраиваться под меньшие разрешения устройствах от 640 до 1200px, почему?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Статическая ширина в px

    .main-description:after
    вот тут из за этого width: 711px; происходит. Переверстай этот момент

    5afb945d0c404091b23eb1dbf786d518.png

    потом .content-wrapper ширина в статике 1160px, нужно убрать это значение. Поставь width: 100%;
    Скрин
    Ответ написан