Файл: Создаем свой сайт на WordPress быстро.pdf

Глава 6. Управление контентом
Рис. 6.46. Страница экспорта данных WordPress
СодержимоесайтаэкспортируетсявспециальныйфайлформатаXML,
который необходимо сохранить на компьютере. Этот файл может со- держатькаквеськонтентсайта,такиопределеннуюегочасть,которую
вы можете задать с помощью фильтров. Например, можно устано- витьфильтрытакимобразом,чтобыфайлвключалвсебяпубликации
за определенный период или созданных определенным автором. Мож- новыбратьтиппубликации(записьилистраница),отобратьзаписииз
однойрубрикиилипомеченныеопределеннойметкой.Крометого,вполе
Статус
можноотобратьтолькоопубликованныезаписи,либозапланиро- ванныепубликациииличерновики.

207
Г
лава
7.
Дизайн сайта
Эта глава посвящена работе с дизайн-темами WordPress, исполь-
зование которых позволяет сделать сайт по-настоящему уни-
кальным и неповторимым. Мы рассмотрим настройку темы
Twenty Ten, используемой по умолчанию на новом сайте, расска-
жем о том, как найти и установить новую тему. Кроме того,
речь пойдет о том, как эффективно использовать виджеты —
настраиваемые блоки с содержимым сайта.
Поиск, установка и настройка дизайн-тем
9
Работа с виджетами, произвольными меню и программным
9
кодом
Настройка темы Twenty Ten
9
Где найти изображения для сайта
9
Управление темами WordPress
Возможность использования дизайн-тем — одна из самых привлека- тельных функций WordPress, которая, пожалуй, и сделала эту CMS
7

ГЛАВА

208
Глава 7. Дизайн сайта
однойизсамыхпопулярныхвмире.Благодарятому,чтопользователи
WordPress могут подключать к своему сайту внешние темы, создан- ныестороннимиразработчиками,любойпроектможнопреобразитьдо
неузнаваемости,приэтомпоуровнюдизайнаиюзабилитионнебудет
уступать профессиональным сайтам, в разработку которых вложено
многоресурсов.
Приэтомсуществуютдесяткитысячсовершеннобесплатныхтем,для
использованиякоторыхтребуетсятолькоихустановкаипервоначаль- ная настройка. Есть и готовые платные темы, использование которых
сводиткминимумувероятностьтого,чтопохожийдизайнможетвстре- титьсянадругихсайтах.Приэтомихценаобычноневеликаибудетго- раздо меньше, чем в том случае, если бы вы обратились в профессио- нальнуювеб-студию.
Нуаесливыхотите,чтобысайтимелабсолютнонеповторимыйвид,со- здание темы для WordPress можно заказать специализирующимся на
этойCMSвеб-дизайнерам,истоимостьэтойработытакжеврядлибудет
оченьвысокой.
Что же представляет собой дизайн-тема? Тема (шаблон) WordPress —
этонаборслужебныхфайлов,которыеотвечаютзаорганизациюстра- ницсайта,ихдизайнистилевуюразметку.Можносравнитьиспользова- ниетемWordPresscвариантамиоформления(скинами),котороеможно
осуществитьдлямногихпрограмм,например,дляпопулярногомедиа- проигрывателяWinamp.Однакосущественнымотличиемотскиновяв- ляетсято,чтодизайн-темынетолькоменяютвнешнийвидсистемы,нои
по-своемуорганизуютструктурныйкаркассайтаиспособотображения
контента.
ПослеустановкииактивацииновойтемыWordPressменяетдизайнсай- таиорганизациюструктурывсоответствиисновымиправилами,кото- рыепрописанывслужебныхфайлахшаблона.Такженекоторыетемы
поддерживаютуправлениечерез«админку»WordPress,ивэтомслучае
вразделепанели
Внешний

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

209
Управление темами WordPress
Установка и активация тем
Дляпереходакуправлениютемамивыберитепунктменю
Темы
раздела
панелиуправления
Внешний

вид
(рис.7.1).
Рис. 7.1. Переход к управлению темами
Откроетсястраница,накоторойвыувидитевсеустановленныенатеку- щиймоменттемы,атакжеинформациюотойизних,котораяиспользу- етсявнастоящеевремя(рис.7.2).
Наданныймоментунасустановленотритемы:TwentyTen1.0,WordPress
Default 1.6 и WordPress Classic 1.5, при этом активная тема — Twen- ty Ten 1.0. Для каждой темы указана ее папка на сервере, например
ПРИМЕЧАНИЕ
Обычновыбордизайн-темыначинаетсянасамомпервомэтапе
созданиясайта,ещеприпланированииегоструктуры.Этосвя- заностем,чтомногиетемыимеютсвоюспецификувчастивы- водаконтента,илучшепроводитьэкспериментысдизайномна
этапе,когданасайтеещенеопубликованомногоматериалов.
Сдругойстороны,длятогочтобыпонять,подходитливамта
илиинаятемы,необходимокакминимумсоздатьвсерубрики
истатичныестраницы,атакжеразместитьнесколькозаписей
длякаждойрубрики.Впротивномслучаевпечатлениеотди- зайнабудетнеполным.

210
Глава 7. Дизайн сайта
/themes/twentyten
,этоозначает,чторабочиефайлышаблонаTwentyTen
размещены по адресу вида
http://mysite.ru/wp-content/themes/twentyten
.
Эта информация необходима для того, чтобы быстро найти и отредак- тироватьопределенныйслужебныйфайлтемы,втомслучае,еслипо- требуетсявмешательствовпрограммныйкодили,например,заменаис- пользуемыхизображений.
Рис. 7.2. Страница управления темами

211
Управление темами WordPress
Метки,которыеприводятсярядомсописаниемкаждойтемы,нерешают
никакихфункциональныхзадач,онипредназначенытолькодляудобно- гопоискавглобальномкаталогетемWordPress.
Длятогочтобыизменитьтемусайта,выберитеизсписканезадейство- ванных тем нужную и нажмите ссылку
Активировать
. Предварительно
можно просмотреть предполагаемый результат активации темы, для
этогонужнонажатьссылку
Просмотреть
,правда,этафункцияневсегда
корректноработаетсомногимитемами.
Еслиопределеннуютемувынесобираетесьникогдаиспользовать,мож- ноудалитьееслужебныефайлыссервера,нажавссылку
Удалить
Длятогочтобытемапоявиласьвперечнедоступныхдляактивации,ее
необходимопредварительноустановить.Дляэтогосуществуетдваспо- соба.
ПослетогокаквынашливИнтернетеинтересующуювастему,
1.
загрузитееенакомпьютере,распакуйте(обычнотемы«постав- ляются»вzip-архивах)изагрузитекаталогнасерверспомощью
FTP-клиента. Загружать папку следует по адресу
/wp-content/
themes/
. Если все было сделано корректно, новая тема появится
вспискеустановленныхипослеактивацииееможнобудетпро- тестировать.
Перейдите на вкладку
2.
Установить

темы
(рис. 7.3), выберите пункт
Загрузка
изакачайтезаранеесохраненныйархивнасервер.Word-
Press автоматически распакует архив и поместит каталог темы
внужнуюдиректорию.
СОВЕТ
Файлы шаблонов не занимают много места, поэтому, если
какая-то тема сейчас вам не подошла, не стоит ее удалять
ссайта—возможно,вызахотитевернутьсякнейпозжеилиис- пользоватьвновомпроекте.Учитывая,чтовыбортемзанимает
довольномноговремени,лучшенакапливатьпонравившиеся
вамшаблоны,прошедшиепредварительныйотбор.

212
Глава 7. Дизайн сайта
Рис. 7.3. Установка новой темы из панели управления WordPress
Поиск новых тем
Кроме того, на вкладке
Установить

темы
существует возможность бы- строго поиска и установки темы из официального каталога WordPress.
Их можно искать и загружать и автономно, вне панели управления
WordPress,поадресу
http://wordpress.org/extend/themes
,ноработачерез
панель WordPress облегчает эту задачу, поскольку установить темы
можнотутже,водинклик.
ПодобратьновуютемуизкаталогаWordPressможно,применивразличные
критерии сортировки (рис. 7.4):
Избранные
,
Свежие
,
Недавно

обновленные
Для каждой темы выводится небольшой скриншот и название, также
можнопосмотретьподробностиобавторе,оценкетемыиколичествеза- грузок. Ссылка
Просмотреть
открывает новое окно с предварительным
видомтемы,демонстрируемымнаспециальномтестовомсайте.Важно,
чтоздесьможнооценитьнетолькообщийдизайнирасположениеблоков
для вывода контента, но используемые шрифты для основного текста,
выделений и заголовков, а также внешний вид таблиц, комментариев,
вставляемыхрисунковит.д.
Навкладке
Поиск
(рис.7.5)можнозадатьсобственныекритериидляот- боратем.
Здесьможнозадатьключевыесловаилиметки,характеризующиенуж- нуювамтему,например
music
или
sport
.Есливызнаетеимяавтора(на- пример,вампонравиласьоднаизеготем),можнонайтиостальныеего

213
Управление темами WordPress
работы.Крометого,наэтойстраницеможноотметитьхарактеристики
темыиосуществитьпоискпоним.Толькоимейтеввиду,чточемболь- шебудетзаданофильтров,темменьшевыполучитерезультатовпоиска.
Рис. 7.4. Каталог дизайн-тем, отсортированный по дате создания
ПРИМЕЧАНИЕ
Ещеразподчеркиваю,чтотемыизофициальногокаталога
WordPress абсолютно бесплатны, и вы можете свободно ис- пользоватьихкакнакоммерческихпроектах,такиналичных
страницах и блогах. Некоторые разработчики ненавязчиво
предлагаютотправитьимdonate(добровольноепожертвование)
втомслучае,еслиихработавампонравилась,ноэтотшагоста- етсянавашеусмотрение.Крометого,большинствоавторских
тем содержит ссылки на сайты их создателей, и некоторые
разработчикиихудаляют,редактируяслужебныефайлытемы.
Этонесовсемэтичнодлясвободнораспространяемогопродук- та,поэтомуярекомендуюсохранятьэтиссылки.

214
Глава 7. Дизайн сайта
Рис. 7.5. Поиск тем в каталоге WordPress
Где найти русскоязычные темы WordPress
Увы, несмотря на огромное количество дизайн-тем, которое содержит
официальныйкаталогWordPress,большинствоизнихнеподойдутдля
использованиявисходномвиденарусскоязычномпроекте.Деловтом,
чтоподавляющаямассаэтихтемсозданадляанглоязычнойаудитории,
иесливыактивируетелюбойшаблонизкаталогаWordPress,всеслу- жебные пункты меню, названия блоков сайта, а также тексты, разме- щенныенаграфическихэлементах,будутнаанглийскомязыке.Вприн- ципе,этодопустимодлянекоторыхтиповсайтов,например,такможет
бытьоформленпрофессиональныйблогопрограммировании,поскольку

215
Управление темами WordPress
IT-специалистывмассесвоейзнаютанглийскийязык,даидизайнсайта
кактаковойимврядлиболееважен,чемудобнаяструктураинавига- ция.Нодлясайтов,рассчитанныхнаширокуюаудиторию,использова- ниеанглоязычныхшаблоновврядлиоправданно.
Поэтому многие отечественные разработчики, специализирующиеся
наCMSWordPress,занимаютсялокализациейзападныхтемиихрас- пространениемсредирусскоязычныхпользователей.Локализацияпод- разумеваетпереводвсехсистемныхнадписейисообщений(например,
Not

Found
всоответствующемслужебномфайленужнозаменитьна
Ничего

не

найдено
),атакжеобработкуизображений,содержащихтекст,который
такженужнонаписатьнарусскомязыке.Есливкомплекттемывходит
собственнаяпанельуправления,встраиваемаявадминкуWordPress,ее
такжеобычнорусифицируют.
Побольшомусчету,влокализациитемдляWordPressнетничегослож- ного,нужнотолькохорошознатьидеологиюэтойCMSипониматьназна- чениетогоилииногослужебногофайла.Нуи,конечно,нужныхотябы
базовыезнаниянекоторыхвеб-технологийиязыковпрограммирования
HTMLиCSS.Обычнопослепереводанесколькихпервыхтемостальные
«щелкаются»какорешки.
Поэтойпричинебольшинствобесплатныхрусскоязычныхтем,которые
можнонайтивРунете,—этолокализованныеиностранныешаблоны.
Вэтомнетничегоплохого,нособственныеавторскиешаблоны,распро- страняемыебесплатноихсоздателями,покадляотечественногорынка,
скорее,редкость.Наоборот,отечественныеспециалистыпредпочитают
делатьанглоязычныетемыираспространятьихсразунамировомрын- ке,понимая,чтоохватаудиториивэтомслучаевразыбольше.
ПРИМЕЧАНИЕ
Казалосьбы,зачемразработчикамтратитьсвоевремянабес- платные продукты, ведь, кроме мифических пожертвований
имненачторассчитывать?Насамомделе,любойспециалист
понимает, что его опыт, портфолио, рекомендации и статус,
который он приобретет, создав качественную и популярную
темудляWordPress,стоятгораздобольше,чем100–200дол- ларов,закоторыеможнопродатьплатныйшаблон.Крометого,
многиеавторыпрактикуютбизнес-схему,прикоторойразра- батываетсядвеверсиишаблона:бесплатнаяиплатная,сболее
богатымфункционалом.

216
Глава 7. Дизайн сайта
Длятогочтобынайтиподходящуюрусскоязычнуютему,можновосполь- зоватьсяпоисковымисистемами,введясоответствующийзапрос(напри- мер,
темы

для

wordpress
).Врезультатахпоискавыполучитессылкинаты- сячисайтов,предлагающихкаталогибесплатныхWordPress-шаблонов.
Приэтомзначительнаячастьэтихкаталоговокажетсядовольнопосред- ственногокачества,сплохопереведенными(апоройивообщенелокали- зованными)темами,неудобнойструктуройизагруженнаямногочислен- нойрекламой.Этомуспособствуетдвафактора:растущаяпопулярность
CMSWordPress(и,соответственно,потребностьвразнообразныхтемах)
и,какужеотмечалосьвыше,относительнаяпростоталокализацииан- глоязычныхшаблонов.ПоэтомувСетипоявляетсявсебольшенаскоро
сделанных проектов, распространяющих плохо локализованные темы
дляWordPress,—ихсоздателипонимают,чтоосновнойпотокпосети- телейитакпридеткнимизпоисковыхсистем,такзачемжезатруднять
себякачествомконтента?
Потративнекотороевремянапоискхорошихресурсовскачественны- ми темами, вы наверняка накопите собственную подборку избранных
сайтов.Вкачествеодногоизтакихпроектовмогупорекомендоватьсайт
www.wpbot.ru
,накоторомрегулярнопубликуютсякаклокализованные,
такиавторскиетемы.
Другойпуть—заказатьспециалиступоWordPressлокализациюопреде- леннойиностраннойтемылиборазработкууникальногошаблона,специ- ально созданного для вашего сайта. Если вы обратитесь с подобным за- казомнаоднуизкрупныхинтернет-биржфрилансеров(например,
www.
free lance.ru
),тобезтруданайдетеисполнителязавполнескромныеденьги.
Далеемыпоговоримобизменениях,которыеможноосуществитьстеку- щейактивнойтемой—TwentyTen.
Настройка дизайн-темы Twenty Ten
Начинаясверсии3.0,WordPressпоставляетсясновойтемойпоумолча- нию(такназываемой«дефолтной»темой)—TwentyTen.Этооченька- чественныйисовременныйшаблон,которыйможнолегконастраивать
именятьеговнешнийвид.Побольшомусчету,есликдизайнусайтаувас
нет повышенных требований, то вполне возможно оставить в качестве

217
Настройка дизайн-темы Twenty Ten
основнойименнотемуTwentyTen,темболеечтоможносминимальны- миусилиямиперсонифицироватьее,чтобыотличитьвнешнийвидсайта
отдругихпроектов,использующихданныйшаблон.
В этом плане предыдущая дефолтная тема WordPress — WordPress
Default(рис.7.6)—значительнопроигрывалакакподизайну,такипо
возможностямдлявидоизменения.
Рис. 7.6. Вид сайта, использующего тему WordPress Default
Поэтойпричинебольшинстворазработчиковпервымделомменялоэту
темунаболееинтереснуюповнешнемувиду.