Архив по тегу «уроки»

Анализ дизайна и подготовка к верстке

В этом уроке я расскажу о первом этапе работы над шаблоном WordPress — анализе дизайна. Именно на этом этапе обычно идет согласование деталей с заказчиком, поэтому нужно тщательно все проанализировать и согласовать нюансы, это поможет избежать конфликтов на почве недопонимания.

ДалееКомментарии { 13 }

Советуюсь, ваши пожелания о курсе статей про создание шаблона для WordPress

Возникла идея сделать курс статей о создании шаблона для WordPress. Уверен, что раньше уже кто-то делал подобное, но все же думаю многим будет интересен и мой опыт. Это не будет набор разрозненных заметок, а именно курс, т.е. начиная от правильной нарезки и заканчивая реализацией какого-то нестандартного функционала, используя плюшки, появившиеся в последних версиях WordPress. Так...

ДалееКомментарии { 33 }
Верстка блоков горизонтально без лишних классов

Верстка блоков горизонтально без лишних классов

Довольно часто приходиться верстать блоки, когда они расположены горизонтально, с расстоянием между собой и впритык к краям родительского блока. Например, вот так: Основная трудность здесь возникает с размещением блоков и отступов между ними. Т.е. каким образом разместить блоки, чтобы они были одновременно и прижаты к краям, и имели одинаковый отступ? Как видно на картинке, у...

ДалееКомментарии { 12 }

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

В процессе работы над новым дизайном Terehoff.com возникла необходимость отфильтровывать некоторые данные, чтобы исключить их попадание на главную и RSS. Раньше обычным решением в таком случае был плагин Advanced Category Excluder, однако автор забил на свое детище, оставив кучу народа без поддержки, а в новых версиях WordPress плагин безбожно глючит. Немного погуглив, нашел решение, которое...

ДалееКомментарии { 8 }
Делаем слайд-меню как на сайте партии «Единая Россия»

Делаем слайд-меню как на сайте партии «Единая Россия»

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

ДалееКомментарии { 8 }
Горизонтальное выпадающее меню на jQuery

Горизонтальное выпадающее меню на jQuery

Сегодня я расскажу как легко сделать горизонтальное выпадающее меню на jQuery. В силу его понятности и простоты его можно быстро приспособить к любому дизайну. Например, буквально сегодня, я вставил такое горизонтальное меню в проект на CMS Битрикс. К слову, этот скрипт входит в мою копилку сниппетов.

ДалееКомментарии { 32 }
Правильная верстка горизонтального меню с разделителями

Правильная верстка горизонтального меню с разделителями

Часто начинающие верстальщики сталкиваются с трудностями при верстке горизонтального меню с вертикальными разделителями. Сегодня я хочу рассказать, как легко сделать кроссбраузерное горизонтальное меню с максимально чистым кодом.

ДалееКомментарии { 11 }
Собственная кнопка Retweet с счетчиком без плагинов

Собственная кнопка Retweet с счетчиком без плагинов

Сегодня я расскажу как сделать кнопку Retweet с счетчиком и с собственным оформлением, по сути, какую захотите такая и будет. Для этого мы будет использовать  Topsy's Otter API.

ДалееКомментарии { 22 }

Как сделать кликабельный блок?

Сегодня узнал замечательный трюк, который мне тут же и пригодился. Зачастую нужно сделать какой-либо блочный элемент, например <div>, кликабельным. Помещать его в тег <a> не выход, потому что это бред, да еще и не валидно. Решение просто, как все гениальное: Только не забудьте в оформлении к этому блоку добавить курсор, иначе никто не догадается о...

ДалееКомментарии { 9 }
Перенос WordPress с локального сервера на хостинг. Пошаговая инструкция

Перенос WordPress с локального сервера на хостинг. Пошаговая инструкция

Заметил, что у многих эта рядовая, в общем-то, операция переноса готового блога на хостинг вызывает много вопросов и затруднений. Поэтому я решил максимально подробно рассмотреть этот вопрос. Буду рад, если инструкция сэкономит кому-то время.

ДалееКомментарии { 15 }
12