Первые шаги с WordPress
Languages: English • 日本語 • Русский • (Add your language)
Contents |
Что теперь?
Вы только что прошли знаменитый курс 5-минутной установки WordPress. Особых проблем это не вызвало, так ведь? WordPress включает в себя невероятное количество замечательных фишек. Так что же дальше-то?
Ну а дальше мы будем пошагово исследовать ваш WordPress сайт, увидим, как работать с различными узлами и функциями сайта, ну и конечно же, попытаемся сделать ваш сайт индивидуальным и непохожим на все остальные.
В первой части этого учебника мы просили, чтобы вы ничего не меняли внутри движка. В этой части пришло время изменений. Просто следуйте пошаговой инструкции, и вскоре сможете изменить ВСЁ.
А начнём мы с верха
Для начала войдите в Админпанель. Это самое сердце вашего веб-сайта. Место, где вы можете в полной мере реализовать ваши креативные способности, создав красивейший сайт, какой видел мир. Это то место, где начинается организация всех частей вашего сайта в единое целое и неповторимое. И это только начало.
В Админпанели, в верхней части меню выберите пункт Просмотр сайта. Нравится? Не нравится? Да, в прочем, неважно. Просто посмотрите. Здесь вы проведете очень много времени. Минуты, часы, недели, месяцы...
Пробный запуск вашего WordPress сайта
Потратьте немного времени на осмотр и изучение сайта, прежде, чем вы начнёте что-то менять, ломать и понимать как же это всё работает; просто посмотрите на работу стандартной темы WordPress. Пробный запуск состоялся.
Весь этот внешний вид называется словом тема. Это представление вашего сайта, определяющее его внешний вид. Обратите внимание на большой синий "чердак" в верху с названием вашего сайта. Эта часть называется "header". Ещё дальше на сайте вы увидите меню. Это "sidebar menu". Большая внутренняя центральная секция - это секция содержимого - "post". Ну и в самом низу страницы - "подвал", называемый по-ихнему "footer".
Теперь обратим внимание на пост. Он включает в себя заголовок и какую-то информацию под ним. Эта информация называется метаданными и содержит в себе информацию о посте: дату и время, когда был опубликован пост, автор поста, категорию.
Поехали вниз по странице. Видите прямоугольную область в самом низу? Это - "подвал" (по-ихнему - "footer"). И в нём ещё есть надпись: "(your blog) is proudly powered by WordPress."
Ещё сбоку есть всякая разная информация. Там можете найти например список страниц, категории, архивы, календарь и дату. Это панель навигации. Используется она для перемещения по сайту, просмотра постов из разных категорий или временных периодов.
Детали — наше всё!
Теперь обратите внимание на более мелкие, но от этого не менее важные, детали сайта. Наведите курсор на заголовок поста. Видите, как он при этом меняет цвет? Это свойство называется hover. Темы предоставляют различные стили отображения ссылок. Подвигайте курсором над ссылками в боковой панели. Меняются? Или остаются такими же? Вы можете устанавливать различный hover для ссылок в разных секциях страницы, но, вообще-то, желательно, чтобы они были везде одинаковыми. Обратите внимание на цвет ссылок. Видите? Они отличаются по цвету от остального текста.
Обратите внимание на мелкие детали дизайна и их расположение на странице. Возможно, в ближайшем будущем вы захотите их поменять. Например, цвет заголовка в синем «чердаке» (мы же помним, что он называется header?) можно поменять, внеся соответствующие изменения в секцию header таблицы стилей — файла, который отвечает за внешний вид страницы.
Ещё немного осмотримся
На данный момент у вас есть только один пост, и находится он на главной странице сайта. Если нажать на заголовок поста, то вы увидите совсем другую страницу, раскрывающую содержимое этого поста. Некоторые дизайнеры делают эти страницы отличающимися от главной.
Ну и опять же, обращаем внимание на раскладку и различие элементов дизайна. Другой заголовок? Мельче шрифт? Крупнее? Вообще другого цвета? Есть боковая панель? Например, в теме по умолчанию на странице отдельного поста боковая панель убрана. В общем, смотрим и обращаем внимание на все различия.
Обычно посты распределены по категориям, что позволяет хранить связанные публикации вместе. В настоящий момент у вас только одна категория, но не волнуйтесь. Скоро их будет гораздо больше. Щелкнем по заголовку категории в боковой панели на главной странице. Попадаем на страницу, содержащую посты, относящиеся только к этой категории. И снова смотрим на раскладку и ищем отличия.
То же самое и с Архивами. Даже одного поста достаточно, чтобы увидеть общие различия в дизайне и раскладке разных страниц и понять основные принципы работы.
Все эти различия достигаются редактированием нескольких специальных файлов, которые называются шаблоны. Узнать про шаблоны подробнее можно в разделе Введение в шаблоны.
Тестируем Админпанель
Теперь, когда у вас появились некоторые идеи по внешнему виду сайта и названиям различных разделов, пришло время потестить WordPress админку. И первая страница, которую вы увидите после входа, будет Панель инструментов.
Панель инструментов - это новая возможность в WordPress v1.5. С её помощью можно эффективно управлять сайтом. Например, в углу, мы сразу видим список произведенных действий.
На самом верху админки можно наблюдать главное меню следующего содержания:
Все эти ссылки ведут к соответствующим статьям, прочитав которые, вы научитесь пользоваться админкой. Но в данный момент мы воспользуемся панелью Пользователи
Щелкните по вкладке Пользователи. Страница сменится, и вы увидите панель под названием Профиль. Тут вводится информация о себе любимом - авторе и администраторе сайта. На вкладке Авторы и пользователи можно вписать других авторов. Но в этот раз обойдёмся только вами. Заполните всё, что считаете нужным и нажмите Обновить профиль.
Ну а теперь посмотрим на наиболее примечательные возможности Админки.
Быстро меняем внешний вид сайта
Панель представления позволяет менять внешний вид сайта, используя темы. Темы - это законченные цельные стили, которые в корне меняют внешний вид вашего сайта. Этих тем - сотни. Все они разработаны пользователями WordPress. Так что вам будет из чего выбрать. На панели представления сайта можно наблюдать только две темы: классическую и тему по умолчанию. Чтобы посмотреть, как работает смена темы, выберите тему Classic и нажмите Просмотр. Обратите внимания, что сменился внешний вид сайта, но всё остальное осталось на своих местах. Всё очень просто.
Возвращаемся в панель представления. (Кнопка Назад в вашем браузере) и выбираем тему Default, чтобы вернуть сайт к тому состоянию, в котором он был. Ну и разумеется не забываем нажать Просмотр.
Создаем посты и управляем ими
Вернувшись в Админпанель, обратите внимание на Панель записей, и Панель управления записями. Вы можете использовать специальные вкладки в разделе Панели записей для публикации новых записей и создания новых страниц в вашем блоге. Используя Панель управления записями, вы можете изменять свои посты и производить управление страницами в вашем блоге.
Давайте создадим первый тестовый пост с помощью вкладки Создать пост.
Возможно на первый взгляд данная панель выглядит пугающе, но ничего страшного, так как статья Создание поста в нашем Кодексе поможет вам детально разобраться в процессе написания постов для вашего сайта. Не поленитесь постратить совсем немного времени, прочитав вышеуказанную статью, в которой детально описан процесс создания постов, создайте свою первую запись в блоге, после чего, можете снова вернуться к данному тексту.
Если вы торопитесь или у вас нет желания детально копаться в Кодексе, тогда просто заполните все необходимые поля одно за одним, напишите простой тестовый текст для первой записи в вашем блоге (все равно, что вы напишите - в конце концов это всего лишь тестовая запись) и нажмите на кнопку ОПУБЛИКОВАТЬ, расположенную внизу страницы. Вот и все! Если вы сделали все правильно, то страница перегрузится автоматически и вы снова можете создавать уже новые посты у себя в блоге. Вперед! Создайте еще несколько постов, но на данном этапе нам понадобится не более трех-четырех постов, так как впереди нас ждет более увлекательная и важная работа.
Ну вот вы и научились размещать первые посты (сообщения) у себя на сайте. Давайте посмотрим, что вы понаписали, нажав на кнопку "Посмотреть сайт" в верхней части экрана. Ну а теперь давайте займемся по-настоящему стоящей работой.
Планирование
Разработка по-настоящему хороших веб сайтов начинается с разработки хорошего плана. Звучит, конечно, банально - но это действительно так! Если у вас есть желание создать действительно хороший веб сайт, то для начала вам необходимо выработать хороший план действий. Знаю, знаю - это не легко! Знаю, также что вам не терпится более детально освоить WordPress, но отвлекитесь пока от Кодекса, отойдите от компьютера и возьмите в руки старый добрый листок бумаги, ручку или карандаш. Вот, так-то лучше! Теперь вернемся в те времена, когда не было еще клавиатур и компьютеров, а всю текстовую информацию люди писали на простых листах бумаги.
На простом листочке бумаги, который наверняка лежит у вас на столе рядом с вашим компьютером, постарайтесь описать свой будущий веб сайт. Потратьте немного времени, для того, чтобы четко понять - а зачем он вам? Какие цели у вашего будущего проекта, для кого именно вы его хотите создать?
Может быть, следующие вопросы помогут вам немного:
- Что именно я хочу создать?
- Для кого именно я создаю свой сайт?
- Какая информация будет размещена у меня на сайте?
- Зачем я создаю сайт?
- Кому будет интересен мой сайт?
- Как часто я буду размещать и обновлять информацию у себя на сайте?
Теперь, когда вы ответили на эти вопросы, попробуйте записать итог в вследующей форме:
и освещать информацию по темам A, B, и C. Основными пользователями сайта будут
__________ ________________ _______. Я собираюсь добавлять новые записи
каждый _____________ в рубрики ________ _______ ______________.
Правильно используйте информацию
В приведенном выше примере, как ни странно, но мы выяснили много чего полезного для нас. Пожалуй, единственное, что мы не освятили, так это - как именно будет выглядеть наш сайт? Тут все зависит от вашей потенциальной публики, которую вы собираетесь привлечь к себе на сайт. Если это люди в возрасте до 25 лет, то как правило, их наверняка заинтересуют яркие и необычные цветовые решения и красивая графика. Совсем иначе выглядят серьездные проекты, представляющие фактическую информацию. Как парвило, они не поражают красочностью и графическими изысками, а наоборот, имеют весьма консервативный дизайн. В кончном счете, для таких проектов первостепенным является донесение информации до конечных пользователей, нежели чем привлечение пользователей своей графикой, всплывающими окнами и флеш графикой.
Возможно, у вас уже есть идеи по поводу дизайна для вашего будущего сайта или же кое какие вещи вы позаимствуете у ваших предыдущих проектов. Советуем вам немного повременить с этим и разобраться, каким именно образом произвести правильную интеграцию вашего дизайна с системой WordPress с наименьшим застратом сил и средств.
Мы чуть не забыли рассмотреть рубрики на вашем сайте или категории информации. Было бы не плохо, если бы в своем плане вы описали и их. Давайте вернемся к нашему плану и посмотрим на него более внимательно:
- "Наш проект будет посвящен обзору событий в области информационных технологий, веб-технологий и интернет-технологий, поэтому основными разделами сайта будут: информация о компьютерах, новости веб-дизайна и новости интернет-технологий."
Таким образом, мы первоначально выработали систему разделов для вашего сайта. Советуем вам выписать в столбик разделы сайта, ибо в дальнейшем нам придется учесть их количество при разработке дизайна страницы.
Отлчино, с разделами разобрались. А какие подразделы будут у нас? Предположим что в разделе Информация о компьютерах, будут подразделы Windows, Linux, и Mac. А может Программное обеспечение и Компьютерное железо. Помните, что вы можете создавать практически неограниченное количество подкатегорий и вложенных категорий в рубриках. Однако, не советуем особо сильно увлекаться этой функцией, для начала нам хватит тех рубрик и подкатегорий, которые мы уже упомянули.
Вспомним теперь о том, "зачем" вы создаете данный веб сайт? Возможно потому, что именно вы обладаете актуальной и своевременной информацией в данной области, которая будет интересна вашим посетителям. Кроме того, вам было бы интересно узнать мнение пользователей о том или ином вопросе, а может быть просто вы все это делаете, потому, что вам хочется убить свободное время? Ну а почему бы и нет? В конце концов, у соседа есть блог и личная страничка в интернете, а почему ее не должно быть у вас?
Постепенно выкладывая все новую и новую информацию на сайте вы окончательно решите, каким именно способом вы ее хотите организовать. А таких способов может быть множество. Например, если для посетителей сайта важен момент публикации ваших постов, тогда можно организовать систему публикации постов в зависимости от даты. Если же информация сама по себе является важной, а время ее публикации является второстепенным аспектом, тогда можно организовать систему публикации постов в зависимости от рубрики.
Наверное, вы уже заметили, что благодаря данному разделу вы невольно стали пусть и косвенно вмешиваться в дизайн будущего проекта? Если вы вернетесь к более ранним примерам в Кодексе, в тот раздел, где мы говорили о боковой панели ссылок, то обратите внимание на то, что именно в этой панеле происходит организация большей части разделов вашего сайта и будущих постов. Присмотревшись внимательно (вот теперь-то вы можете подойте к своему компьютеру) вы увидите, что информация на вашем сайте в том числе и в боковой панели ссылок может быть отсортирована по дате, категориями или же включать в себя визуальный календарь (по умолчанию в теме Default Theme он выключен, а в теме Classic Theme — наоборот, включен) отображения времени публикации постов.
По мере того, как вы описываете ваш проект на бумаге, решите для себя каким именно образом вы хотите организовать информацию на сайте - в зависимости от даты публикации, по категориям или же одновременно хотите представить оба способа отображения информации в боковой панели ссылок. Не забывайте и о пользователе, подумайте, каким именно образом ему будет удобнее найти именно тот раздел на вашем сайте, который будет ему интересен и который действительно ему необходим.
Какой информацией вы хотите поделиться
По мере того, как вы пытаетесь понять, какую информацию пользователь хочет увидеть у вас на сайте, решите для себя, что именно вы собираетесь на нем опубликовать? Эта информация может включать в себя контактную информацию, информацию о вашем проекте, информацию о вас лично, а также информацию о том, чем именно вы занимаетесь.
Начиная с версии WordPress v1.5 в системе появилась новый способ публикации информации Страницы, который намного облегчает процесс размещения информации на вашем сайте. Страницы являются аналогами Постов, за тем исключением, что информация на Страницах как правило мало подвергается дальнешим изменениям и корректировке. К примеру, на Страницах логичнее размещать такие разделы сайта, как О компании, Контактная информация, Подписка на новостную расслыку,а также любую иную статичную информаицю. Перед тем как создавать новые Страницы, хорошенько подумайте, что именно вы хотите опубликовать на них. Выпишите на ваш листок список будущих Страниц их названия и опишите кратко информацию, которую они будут включать в себя.
Комментарии
Удивительной и занимательной фукнцией в системе WordPress является возможность публикации комментариев пользователями вашего сайта. Таким образом создается процесс динамического взаимодействия вас, как автора сайта, с вашими читателями. Хотите, чтобы пользователи могли комментировать ваши статьи и публикации? Вообще система комментариев широко распространена на различных форумах, для создания более живого и интересного общения между пользователями. А может быть вы хотите использовать систему комментариев, как дополнение к вашим публикациям? В любов случае, независимо от назначения комментариев, советуем обратить ваше внимание на данную функцию.
Отвечая на комментарии пользователей и модерируя их вы возможно потратите не один час своего свободного времени. Если комментарий заслуживает того, чтобы он появился на вашем сайте в обсуждении, тогда подумайте о том, каким именно образом он впишется в дизайн вашего сайта. Вернитесь к своему тестовому сайту, а именно к первому посту, который вы недавно создали и попробуйте сами произвести комментирование. Обратите внимание не внешний вид комментария и подумайте как именно он должен выглядеть и что именно вас не устраивает в его представлении.
После того, как вы окончательно решите для себя, как именно должен выглядеть комментарий и каким образом комментарии будут организованы на вашем сайте, потратьте немного времени на изучени статьи комментирование статей в системе WordPress и функции обсуждения, для того, чтобы процесс комментирования был для вас более ясен и понятен.
Ну вот, основы заложены! Теперь можете снова вернуться к своему компьютеру и продолжить процесс настройки сайта и оптимизации его внешнего вида (дизайна).
Настройка Вашего сайта
Перед тем как вы станите изменять внешний вид вашего сайта, давайте еще раз вернемся к Админпанеле и произведем в ней некоторые изменения. Настоятельно рекомендуем вам перед работой установить плагин Поиск по Кодексу и Форуму технической поддержки. Данный плагин поможет вам найти ответы на технические вопросы как в самом Кодексе WordPress так и на форуме технической поддержки WordPress не выходя из Админпанели вашего сайта. Просто введите в специальной форме запрос и нажмите на "поиск" после чего вы автоматически будете переправлены на страницу с результатами поиска по интересующей теме в WordPress. Данный плагин поможет вам более детально разобраться с WordPress с наименьшей затратой времени на поиск информации.
Аналогичным образом вы моежете работать и искать информацию в данном Кодексе, кликая по интересующим вас разделам.
Итак, давайте для начала создадим основные категории (рубрики)на вашем сайте.
Создание разделов сайта (категорий)
В разделе АдминпанелеУправление > Разделы, нажмите на кнопку Добавить раздел и заполните все необходимые поля для вновь создаваемого раздела сайта. Аналогичным образом вы можете создавать подразделы в уже созданных разделах, ставя галочку напротив соответствующей строки с указанием в каком именно разделе должен быть создан новый подраздел. Запомните, что создавать подразделы вы можете только после того, как был создан хотя бы один раздел.
- Внимание: Добавлять новые разделы на своем сайте вы можете в любое время, но помните, что система WordPress автоматически сортирует созданные разделы двумя способами: по имени (в алфавитном порядке) или по номеру ID. По мере создания разделов, каждому из разделов назначается свой номер ID. В том случае, если вы не хотите, чтобы WordPress сортировал разделы в алфавитном порядке, просто укажите номер раздела в Админпанеле и WordPress выстроит разделы в зависимости от указанного вами номера.
Только после того как вы создадите основные разделы, вы сможете создать подразделы в них. Для этого в выпадающем меню выберете основной раздел и укажите для нового раздела то, что он является дочерним. Если вы сделали все правильно, то после ваших изменений в Админпанеле в разделе Управление > Разделы вы увидите список своих разделов в следующем виде:
Информация о компьютерах
- - Windows
- - Linux
- - Mac
Интернет новости
Новости web-дизайна
- - Стандарты в области web
- - WordPress
- - - Плагины
- - - Темы
- - - Плагины
Добавление постов в Разделы сайта
Давайте теперь добавим несколько постов в только что созданные нами Разделы сайта и посмотрим как это работает.
Войдите в раздел Управление > Панель Разделов, в Админпанеле и нажмите на вкладку Посты. В данном разделе вы увидите список постов созданных вами ранее. Справа вы увидите три кнопки: Просмотр - Правка - Удаление. Нажмите на Правка для изменения ранее созданного поста. В правой части окна вы увидите "Категории". Выберие одну из них, для того, чтобы перенести данный пост в нужный раздел сайта. Прокрутите страницу вниз и нажмите кнопку "сохранить". Проделайте данную процедуру и для других постов, но поместите их в другие разделы сайта.
Now view your page by clicking View Site at the top of the Admin panel. Do you see the categories listed in the sidebar now? Great. If you are missing a category, that usually means that there are no posts in it. This is the default function of WordPress, so not to worry. When you add a post to the "missing" category, it will appear on your web pages. Click on one of the categories and you will be taken to a page for just that category. You should see the posts that went into that category. This is a generated Category page.
Now, click on the Archives for the month showing. Now you are visiting a generated page of your posts listed in chronological order for this month - well, specifically for today only. Two methods of finding the same information.
Preventing Spam
There is more to think about when it comes to having comments on your site. Unfortunately we live in a world where spam is a fact of life. It is recommended that you begin battling the comment spammers with the helpful article, Introduction to Dealing with Comment Spam.
What is Next
You've now done all the basics for your new WordPress website. You know how to write a post, create a category, and how to view your site's information by category and archive. You can start the customization process, and when you are done, don't forget to delete your test posts! Then start writing some wonderful information to share with your new-found public!
Customizing Your WordPress Site
Once you are familiar with how WordPress works, it's time to get creative and start customizing. The tutorial now splits into different subjects that require no order. From here on you can do whatever you want, adding and subtracting, perfecting and scrambling your site at will. The amount of effort you put into the site is now up to you. You can work with the two WordPress Themes that came with the installation, or seek out another Theme that better meets your needs. You can totally customize all the links and information, or get serious and completely re-design the entire site to do whatever you want. You have the basics, the rest is up to your imagination.
- Finding a WordPress Theme
- Look for one that better suits the look you desire on your site.
- Customizing the Look
- When you are ready to plunge into the code, you can customize the look and layout of the site through CSS and modifing the Themes (or create your own).
- Enhance Your Site with Plugins
- Plugins add function and sometimes fun to your site. There are hundreds of different plugins from adding custom links like related articles to your sidebar to adding weather reports.
WordPress Themes
There are hundreds of WordPress Themes to choose from. All do basically the same thing but graphically present the information in a myriad of ways. Choose a few that look interesting to you, and meet your audience's needs and your desires, and then test drive them following the test drive instructions above. Click through the whole site, the categories and archives as well as the individual posts to see how the Theme handles each one. The look may be nice on the front page, but if it handles things in a way you don't like on the single post, then you will have to dig into the code and make changes. Not ready for that, try another theme.
If you run into problems, check out the Codex's Troubleshooting Themes article.
Customizing The Look
If you are familiar with CSS, HTML, and even PHP and MySQL, consider customizing the Theme to your own needs. This is not for the timid, and it is for the informed and experienced. If you want to expand your web page design and development skills, WordPress can help:
- Using Themes
- Theme Development
- Stepping Into Templates
- Templates Files
- Blog Design and Layout
- CSS Overview, Tips, Techniques, and Resources
- FAQ - WordPress Layout
- Stepping Into Template Tags
- Template Tags
- CSS Troubleshooting
- CSS Fixing Browser Bugs
WordPress Plugins
WordPress Plugins are also known as add-ons or extensions. They are software scripts that add functions and events to your website. They cover the gamut from up-to-date weather reports to simple organization of your posts and categories. Plugins are designed by volunteer contributors and enthusiasts who like challenges and problem solving. They are usually fairly simple to install through the WordPress Admin Plugin panel, just follow the instructions provided by the plugin author. Remember, these are free and non-essential. If you have any problems with plugins, contact the plugin author's website or plugin source first, then search the Internet for help with that specific plugin, and if you haven't found a solution, then visit the WordPress forums for more help.
Above and Beyond the Basics
The exciting thing about WordPress is that there are few limits. Thousands of people are using WordPress for blogging and for running their websites. All have a different look and different functions on their sites.
What you do from here is up to you, but here are a few places to take that first step beyond the basics:
- WordPress Features
- Работа с WordPress
- Использование страниц
- Представление о цикле WordPress
- Устранение неполадок
- Using Permalinks
- Press It - Post to your site from the web instantly!