Как установить на сайте кнопку вверх вниз

Очень удобно когда на сайте есть кнопки, с помощью которых можно быстро переместиться в самый вверх страницы или наоборот в самый низ, особенно если страница длинная. Кнопки вверх-вниз я использовал еще до того как стало модно устанавливать их на сайты - есть замечательное и популярное расширение для chrome "Scroll To Top Button", оно добавляет на всех сайтах эту удобную кнопку.

Раз это расширение популярно, значит  на сайте такие кнопки действительно необходимы.

Опишу как установить такие кнопки на сайт. Алгоритм установки подойдет для сайта на любой cms, но так, как я использую wordpress, то буду описывать на его примере.

Читать дальше о том, как установить на сайте кнопки вверх и вниз

Мои оценки пива

Люблю посмаковать пиво, во время отдыха. Однажды пришла в голову записывать оценки того пива, которое я пил, так как иногда уже начинаю путаться среди этого многообразия, особенно если выбираю что-либо из-за зарубежного. Правда записываю не всегда, а лишь тогда, когда вспоминаю и интернет под рукой. Решил эту сумбурную таблицу выложить сюда, так удобней будет ее просматривать мне и показывать тем знакомым, которые просят подсказать какое пиво купить.

Читать дальше о моих оценках пива

Динамическое минифицирование css без плагинов

Оптимизируя быстродействие своих блогов заметил в одном из шаблонов php-файлик который минифицирует  css - убирает все лишние символы: пробелы, табуляцию и тд. и тп. За счет этого css-файлы становятся меньше по объему. Решил этот php-файл скопировать в другие шаблоны - все работает. Делюсь этим файликом.

Читать далее, о минифицировании css

SEO

SEO: Лаконично об оптимизации сайта, шпаргалка

Лаконичный, емкий, без лишней "водички" SEO todo\checklist по которому можно пробегаться и выявлять слабые стороны в поисковой оптимизации сайта.

Не все пункты актуальны до сих пор, некоторые являются лишь догадками, но если их выполнить, то от этого "не убудет".

Читать далее »

Режим мультисайт в WordPress - сеть блогов

В этой записи речь пойдет о создании сети WordPress. Мой WordPress работает в режиме "мультисайт" (он же WordPress Multisite, MU, мультиблог) . Что это такое? Это размещение нескольких блогов на одном WordPress'e. Адреса блогов могут быть на разных поддоменах или находиться на одном домене, но в разных "папках", как у меня:

И если повозиться, то можно сделать даже так, чтобы каждый отдельный подсайт имел свой домен верхнего уровня. В этом должен помочь плагин WordPress MU Domain Mapping.

 

Читать далее о режиме мультиблога

SEO: Расширенные сниппеты или сведения об авторе в результатах поиска

Что такое расширенный сниппет?

Вот так выглядит расширенный сниппет (фотография, имя, ссылка на профиль в Google+ и количество подписчиков):

Google его называет как "Сведения об авторе". Такие ссылки в результатах поиска более привлекательны, по ним более охотно переходят посетители. Google придумал эту "фишку" для того, чтоб интернет стал "более чист" - контент который публикуется не от анонимного лица более качественный, так как анонимное лицо не беспокоится о своей репутации, а вот людям, которые публикуют текст от своего имени, репутация в большинстве случаев важна. Сайты с таким сниппетом не только визуально более привлекательны, они будут иметь более высокие позиции чем сайты с такими же SEO-показателями, но без расширенного сниппета.

В этой записи речь пойдет о том, что нужно сделать, чтобы сайт отображался с расширенным сниппетом.

Читать о расширенных сниппетах дальше

PHP: Отображение разного контента в зависимости от адреса страницы

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

Например чтоб отображался разный текст в футере при постраничной навигации, или чтоб на определенной странице не отображался блок виджетов в сайдбаре, или чтоб на одной странице в шапке шаблона отображался один слайдер, а на другой странице - другой слайдер. В таких ситуациях может помочь простой php-код. Решил его опубликовать в записи, так как мне легче увидеть эту заметку, чем каждый раз вспоминать переменную отвечающую за url-страницы.

Читать дальше о отображении разного контента в зависимости от адреса страницы

SpeedyFox: Ускорение Chrome, Firefox, Skype

Думаю Вы замечали, что после установки того или иного ПО рано или поздно оно начинает работать значительно медленнее чем тогда, когда только было установлено. В большинстве случаев это связанно с обрастанием историей, кэшем, куки-файлами и тд. и тп., это все обычно которые хранится в дефрагментированной базе данных. Если эту базу данных оптимизировать - то ПО которое использует эту базу начнет работать значительно быстрей, практически так, как работало сразу после установки.

Бесплатная и портативная (не требующая установки) программа SpeedyFox как раз и занимается оптимизацией баз данных в поддерживаемом ПО. Все что Вам нужно это запустить SpeedyFox, выбрать галочками те программы, быстродействие которых хотите улучшить и нажать на кнопку "Optimize!". Только не забудьте перед этим их закрыть.

SpeedyFox: Ускорение Chrome, Firefox, Skype

Программу можете скачать вот тут: crystalidea.com/speedyfox (500 кб)

Совет прочел вот тут: lifehacker.ru/2013/06/17/speedyfox-momentalnoe-uskorenie-skorosti-raboty-chrome-i-firefox

WordPress: Вы использовали всё пространство.

У меня WordPress работает в режиме Multisite и с недавних пор начал наблюдать вот такую ошибку:

Вы использовали всё пространство. Удалите старые файлы, прежде чем загружать новые. Назад

Или же на английском языке:

You have used your space quota. Please delete files before uploading.

Это сообщение выскакивало при любой попытке загрузить какой-либо файл в wordpress, будь-то изображение или тема.

Решение этой проблемы скрывается в "Мои сайты - Управление сетью - Консоль - Параметры - Параметры сети - Настройки загрузки - Место для файлов". Увеличьте лимит используемого пространства для суммарного размера загруженных файлов.

WordPress: сумарный размер загруженных файлов

CSS: Удобный инструмент для создания градиентных полос

Чем больше познаю CSS, тем больше он мне нравиться. Иногда можно увидеть удивительные и поражающие вещи которые реализуются только за счет одного CSS, выглядит очень стильно и к тому же почти ничего "не весит".

Часто в сайтах присутствуют линии которые разделяют какие-либо блоки, градиентные полоски в качество фона пунктов меню, кнопок, надписей, общий фон сайта и в большинстве случаев для этого используются увесистые png-изображения. Хотя часто такие изображения можно реализовать с помощью css, на глаз не будет видно какой-либо разницы, тем более для меня эту куда легче, чем открывать графические редакторы и там что-либо рисовать. Теперь именно так и стараюсь делать - вместо фоновых изображений использую css.

Итак, по поводу градиентных полос (полос на которых цвет плавно переходит из одного в другой, или оттенок цвета, прозрачность) - в css есть такое свойство как linear-gradient, с его помощью можно реализовывать градиентные полоски. Вот тут неплохо расписано: htmlbook.ru/css3-na-primerakh/lineinyi-gradient. Но зачем нам возиться с кодом, если можно пойти куда более легким путем?

Читать о удобном инструменте для создания градиентных полос с помощью CSS