3.4. Страницы в WordPress


Структура урока:

  1. Особенности понятия «страница» в WordPress.
  2. Начинаем создавать новую страницу.
  3. Понятие о визуальном редакторе WordPress.
  4. Продолжаем создавать страницу блога.

1. Особенности понятия «страница » в WordPress.

Разберемся, что такое страницы? В WordPress’е страница – это не просто страничка сайта, как мы ее привыкли видеть. Здесь страницы – это такие страницы, которые всегда находится на главной странице сайта (извините за тавтологию), и, причем, в неизменном виде. На нашем сайте они называются «Главная» и «О сайте».

На других сайтах Вы наверняка видели такие страницы – «Об авторе», «Контакты» и т.д.

Содержание этих страниц меняется крайне редко. Находятся они, как правило, в верхней части сайта над шапкой или под ней.

2. Начинаем создавать новую страницу.

Чтобы создать новую страницу надо (в левой части страницы) щелкнуть по наименованию «Страницы» и выбрать «Добавить страницу»:

В появившемся окне сначала заполняем заголовок. Сейчас заголовки, тексты статей и все остальное можете делать как угодно, потом все это «творчество» мы удалим и начнем заполнять действительно нужными материалами.

Я придумал по-настоящему крутой заголовок – «Страница 3». Текст пишем абсолютно любой.

3. Понятие о визуальном редакторе WordPress.

Над окошком с текстом статьи видите вкладку «Визуальный редактор» и набор кнопок.

Это очень хороший ваш помощник: Вы просто пишете текст, а он самостоятельно переводит его в HTML-документ. Потом обязательно посмотрите во вкладке «HTML», какие у Вас замечательные успехи в овладении html-версткой.

Обратите внимание, что кнопок как-то очень немного (это если у Вас разрешение экрана 600×800, как у меня, — не люблю напрягать зрение, поэтому люблю крупные буквы на мониторе). Кстати, изменить разрешение можно одновременным нажатием клавиш «CTRL»  и «+» (плюс) или «–« (минус).

Правда, у некоторых визуальный редактор может выглядеть так:

Получше, но все равно мало. Но обратите внимание на мою стрелку: похоже есть еще кнопки, но их не видно? Точно, так и есть. Чтобы посмотреть все кнопки надо нажать на вкладку «Настройки экрана» вверху страницы:

У Вас откроется перечень видимых элементов и структура их расположения:

В  радиокнопках «Настройка расположения элементов»  устанавливаете флажок (кликаете по кружку) на цифре 1. И у Вас сразу же появляется длинная строчка визуального редактора, что хорошо, но куда делись другие элементы страницы, в частности, виджет «Опубликовать»? Он не исчез, он просто переехал вниз страницы, как и все остальное из второй колонки. Прокрутите страницу вниз и Вы все найдете.

Но и это еще не все. Обратите внимание на эту кнопку:

Если Вы нажмете на нее ( эта кнопка называется «Показать\скрыть дополнительную панель кнопок», показана стрелкой), то количество кнопок существенно увеличится:

Теперь у нас все, что нам надо.

Кстати, если Вам удобнее, чтобы виджет «Опубликовать» был всегда под рукой, где-нибудь рядом с полем для ввода текста, то его можно переместить в любое удобное место. Для этого надо навести курсор на светло-серую полоску со словом «Опубликовать» и тотчас вместо знакомого курсора появится значок перемещения – 4-хстрелочный курсор.

Нажимаете левую кнопку мыши и, не отпуская ее, перемещаете виджет в нужное Вам место. Обратите внимание: при начале перемещения появляется серый пунктирный блок, который перемещается вместе с курсором. Он показывает место, где будет располагаться Ваш виджет в настоящий момент (в момент, когда Вы отпустите кнопку мыши).

Так же можно поступить со всеми виджетами.

Помните: все эти изменения действительны до тех пор, пока Вы находитесь на странице «Добавить новую». Как только Вы перейдете на любую страницу, сделанные Вами усовершенствования автоматически отменятся и, если Вы опять потом зайдете на страницу «Добавить новую», то увидите первоначальный двухколоночный дизайн с обрезанными кнопками визуального редактора. И все надо будет повторять сначала. Или менять разрешение экрана.

Это же (см. абзац выше) относится и ко второму способу: в открытой вкладке «Настройки экрана» Вы можете кликнуть по чекбоксам (квадратикам) ненужных виджетов и убрать их. На первых порах я бы рекомендовал убрать виджеты «Произвольное поле», «Обсуждение», «Ярлык страницы». Что касается виджета «Атрибуты», то решайте сами – будете ли Вы внутри страницы делать еще и вложенные страницы или нет.

Что касается кнопок, то я буду рассказывать только про некоторые. Большинство, как Вы видите, очень похожи на кнопки Word. Почитайте справку визуального редактора, наберите какой-нибудь текст и «поиграйте» с кнопками. Там все просто. О незнакомых кнопках я буду рассказывать в будущих уроках.

И еще одно важное действие: в самом низу страницы, в разделе «Опубликовать», снимите галочку со строчки «Разрешить получение уведомлений (trackbacks и pingbacks) к этой странице», иначе Вас потом спамеры замучают. Правда, я думаю, что пока Вы не очень популярны в Интернете, то это «Разрешение» можно на время оставить. А там видно будет.

4. Продолжаем создавать страницу блога.

Вернемся к созданию новой страницы. Вы написали заголовок и текст страницы. Теперь переходим в виджет «Опубликовать»:

Вы можете свою запись сохранить как черновик, чтобы потом вернуться к ее редактированию, или посмотреть, как она будет выглядеть на сайте, а потом уже опубликовать, или перейти сразу к публикации страницы на сайте. Я сразу нажал «Опубликовать».

В самой верхней части страницы появляется отчет о выполненной работе:

Можете сразу нажать на «Просмотреть страницу», а можете нажать на «Просмотр сайта» (расположен еще выше, над левым сайдбаром) и посмотреть, что получилось:

Появилась новая страница «Страница 3» с нашим оригинальным текстом. Можете сделать еще одну или несколько страниц для закрепления навыков.

Удачи!

Перейти к следующему уроку.

...Сообщите об этой статье своим друзьям:
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Автор: Сергей Ваулин

Похожие записи по этой теме:

9 thoughts on “3.4. Страницы в WordPress

  1. Сергей

    Здравствуйте!

    Эх... если бы я наткнулся на этот пост пару месяцев назад... Сколько бы я себе времени сэкономил... Ну, ничего, — самостоятельно,даже, «веселее»)))

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

    Заранее благодарю за ответ!

    С уважением,

    Сергей

    Reply
  2. Анюта

    Нашла причину, дело действительно в доработке шаблона. Еще раз благодарю за помощь!

    Reply
  3. Анюта

    Большое спасибо! У меня переделанный шаблон cherry-dreams.

    Reply
    1. admin Post author

      Анюта, я посмотрел Ваш шаблон (не переделанный), там на страницах нет слова «Страница». Попробовал добавить новую страницу — все работает правильно. Скачивал отсюда — wordpress-shabloni.ru/sve...erry-dreams.html. Попробуйте установить его, может все дело в доработке шаблона?

      Reply
  4. Анюта

    Огромное спасибо за такие полезные и понятные уроки, такому новичку, как я, они очень полезны!

    Я хотела бы уточнить у вас: сейчас мне нужна страница «Об авторе», подскажите пожалуйста, как сделать ее с одним заголовком (без заголовка Страницы)?

    Reply
    1. admin Post author

      Анюта, Вам надо зайти в админку — страницы — редактировать (или добавить новую). Это зависит от того, желаете ли Вы переделать уже существующую страницу (например, «О сайте») или создать совершенно новую. Заголовка «Страницы» в названии страницы быть не должно. Если у Вас есть, то возможно, что это шаблон такой. Попробуйте тогда сделать такую страницу на дефолтном (т.е. по умолчанию) шаблоне или на каком-то другом. Можете сообщить мне название (точное) шаблона, как будет время,я посмотрю его у себя и тогда смогу сказать более определенно.

      Reply
  5. Виктор

    Очень нравятся ваши уроки . Все понятно и со скинами.

    Похожие нашел на сайте одном , уже делаю сайт

    Но в ваших уроках нахожу еще много полезного ( чего нет на другом сайте)

    Сейчас делаю уроки по двум сайтам — в том числе и вашему.

    К примеру и там и здесь есть урок «создание страницы»

    Оба урока друг друга дополняют.

    Надеюсь по ним создать сайт на вордпресе и закинуть в инет.

    Спасибо за уроки Сергей.

    Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *