Ну вот  я сменил дизайн, оптимизировал скорость загрузки этого блога. И наконец-то перешел на html5, что конечно же не может не радовать меня. Я уже давно жадно присматривался на сайты сделанные на html 5. И удивлялся их возможностям.

Html 5Хочу сказать, что лично мне нравиться минимализм в дизайне сайтов. И у себя я решил сделать в минималистическом стиле. И за счет этого, уменьшилась загрузка сайта, что очень хорошо. Для меня важно, что бы посетители получали быстро то, зачем они пришли т.е контент. Ведь посетитель заходит на ваш сайт, что бы прочитать ваши статьи, а не на большие (ГРОМАДНЫЕ и тяжелые, долго-грузящиеся) картинки, не так ли?

Так же планирую объединить все картинки (социальные кнопки, картинки сайта без которых все же нельзя) в один файл и выводить их с помощью CSS спрайтов. Это так же будет плюсом в скорости загрузки сайта. Так как кэшироваться будет один файл. (насчет «оптимизации скорости загрузки сайта» будет отдельный пост)

Отказался от некоторых плагинов и реализовал их прямо в коде темы. Жертвой оказался плагин который выводил похожие посты. Добавил в свой single.php код что ниже:

<h3>Похожие посты:</h3>
<ol>
<?php
//for use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]->term_id;
$args=array(
‘tag__in’ => array($first_tag),
‘post__not_in’ => array($post->ID),
‘showposts’=>5,
‘caller_get_posts’=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>

<?php
endwhile;
}
wp_reset_query();
}
?>
</ol>

Этот скрипт выводит ссылки похожих постов, формирует эти ссылки он с помощью «меток» (по меткам ищет похожие посты.) Так что если вы уделяете внимание своим меткам и правильно их составляете, то этот скрипт для вас.

Конечно еще многое предстоит сделать и поработать над дизайном, добавить полезных для моих посетителей функций, допиливать и допиливать дизайн блога. Если у вас есть пожелания или советы по дизайну, вы можете оставить их в комментариях к этой записи.

Новый дизайн или Html 5 блог
5 оценок, Средняя оценка: 5 из 5

  1. Пиздец какой-то, давно такого говнокода не видел. На кой чёрт тебе доктайп HTML5, если всё через жопу сделано? Что за ужасные спаны со встроенными стилями?

    1. Это измененная тема «Redline». Как я написал выше, дизайн будет изменяться и «подтачиваться» и код я буду подчищать. А насчет спанов, чем они тебе не понравились?

      P/S: Граватар прям подчеркивает твое негодование. :))

        1. Вы про спаны в шапке? или уже внутри страницы? Просто в странице контента спаны делает редактор TinyMCE. Верхнюю строку я уберу, она мне не нравиться. А спаны в подсветке кода сделаны не через плагин. а добавлены вручную, использовал код, который дал сервис по подсветке кода.
          Меня одно сейчас напрягает, что слайдбар грузиться после того как загрузилась вся страница. Сделаю что бы. грузилась синхронно с контентом.

          1. Все я понял про какие спаны вы говорите. :) Оказывается фремворк темы создает кучу ненужных спанов. Я их обязательно уберу. Он немного замедляет загрузку сайта. Еще руки не доходили посмотреть код фреймворка, нужно будет его почистить.
            Конечно лучше было бы. написать все с нуля. но времени пока на это нету…

  2. А как можно перейти на HTML5?
    меня тоже волнует вопрос оптимизации кода и нагрузки :)

    PS: а можешь добавить плагин для подписки на комментарии? хочется узнать ответ на вопрос :)

    1. Как перейти на html 5? Это уже нужно переписывать код темы. Хотя пока я не советую переходить на него, пока он сырой и не все браузеры поддерживают его. Так что если у вас «боевой» проект, советую подождать пару годиков.
      А насчет плагина для подписки на комментарии, я обязательно добавлю. :))) Я думал им никто не пользуется. Спасибо за совет!

      1. Понятно, спасибо! Просто сейчас многие пишут, что HTML5 — это фишка 2011 года, вместе с CSS3, поэтому мне и захотелость быть в курсе :)
        Но пока подожду :)

        1. Все сделал по вашим пожеланиям подписку на комментарии! ^_^ Спасибо за отличный совет. Я и не думал что это актуально, а потом поштрудировал сайты и понял, что многих это нравиться и нужно. А насчет html 5 пока не заморачивайтесь. Это не так важно сейчас, да говорят поисковики любят сайты сделанные с помощью новых стандартов, хотя это все на уровне «слухов». Мороки пока многовато, есть плюсы конечно. но минусы тоже имеются, в виде не поддержки старых браузеров. Так что года 2-3 можно посидеть, но потом, как люди пересядут со старых браузеров (IE 6 когда же ты умрешь?) и тогда надеюсь все будет развиваться бурными темпами.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *