Создание шаблона для WordPress (часть 3)

Необходимо создать новый документ, который будет соответствовать размерам девятьсот шестьдесят, на восемьсот пикселей, фон – белый. Да, и не забудьте включить функцию отображения линеек. Разметка на линейках должна быть в пикселях. Началом отсчёта координат, или нулевой точкой, будет считаться верхний левый угол нашего нового документа.

шаблон для WordPress

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

шаблон для WordPress

Подведём итог того, что должно у нас быть на выходе. Мы люди русские, поэтому смотрим от левого края к правому. Разметка соответствует  параметрам: пятьсот девяносто пикселей, двести десять пикселей, сто шестьдесят пикселей. От вашего собственного вкуса будет зависеть разметка по вертикали. Шапку можно делать размером как сто пикселей, так и триста. Тоже касается  и футера. Не забывайте о том, что в первую очередь, при посещении вашего блога, человек обратит внимание именно на шапку.

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