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

В WordPress можно:

• добавлять и редактировать текст;
• размещать видео и фото в заданной части сайта;
• настраивать воспроизведение видео.

О том как это сделать, смотрите на видео и в текстовой инструкции ниже.

Видео-инструкция по созданию страницы

В этой статье рассмотрим как:

Чтобы создать новую страницу, нажимаем вкладку «Страницы» в колонке слева. По умолчанию создается образец страницы Sample page .
Модифицируем страницу с помощью кнопки «Изменить ». Изначально ссылки для управления страницей не видны. Чтобы ссылки отображались, наведем курсор мыши на строку Sample page .

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

Как следить за изменениями на странице

Чтобы видеть изменения на странице, откроем ее просмотр на сайте в отдельной вкладке. После каждого изменения перезагружаем страницу с помощью клавиши F5.

Изменяем текст и заголовки с помощью клавиш редактирования свойств текста.

Как добавить картинку на страницу

Чтобы загрузить с компьютера или встроить со стороннего сайта картинку, музыку или видео, нажимаем кнопку «Добавить медиафайл ».

Чтобы загрузить файл с компьютера, нажимаем вкладку «Загрузить файлы ». Файл сохранится в библиотеке.
В нашем примере ограничение по размеру файла составляет 64 МВ. Но у каждого хостинг-провайдера установлено свое ограничение на максимальный размер файла. В cPanel, изменить ограничение можно с помощью редактирования upload_max_filesize в файле php.ini . Если у вас другая панель и возникли вопросы, обратитесь к своему хостинг-провайдеру.

Если размер файла больше лимита, используем прямую ссылку с сайта, где лежит картинка или видео. Для этого на нужном изображении нажимаем правой клавишей мыши и выбираем «Копировать URL картинки ».

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

Чтобы изменить положение картинки, перетяните ее мышкой в необходимое место. Размер тоже меняется мышкой.
Чтобы задать конкретные параметры, нажимаем на картинку и используем иконку Карандаш . Здесь изменяем размер изображения, задаем его положение на странице, добавляем подпись.

Как добавить видео на страницу

В меню «Страницы » в колонке слева выбираем вкладку «Добавить новую » и создаем новую страницу.


Добавляем название в раздел заголовка и вставляем ссылку на видео в окно визуального редактора.
Нажимаем кнопку «Опубликовать ».

Как сделать страницу главной по умолчанию

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

Как отключить комментарии и обсуждения к страницам

WordPress по умолчанию добавляет возможность комментировать каждую страницу вашего сайта. Комментарии можно отключить:
Выбираем нужную страницу и нажимаем ссылку для управления страницей «Изменить». Справа вверху нажимаем кнопку «Настройки Экрана »

Вверху экрана на панели «На экране отображаются » ставим галочки напротив «

WordPress одна из самых отзывчивых и популярных систем для управления и создания сайта. Количество доступных расширений (так называемых plugin), изобилие тем с разным оформлением и функционалом позволяют с легкостью создать сайт визитку, портал, интернет магазин. Простор для креативной мысли огромен, но начинается ВОРДПРЕСС все же с главной страницы . Если Вы только установили WordPress, пора внести коррективы под свои потребности и при этом надо учесть тысячу важных деталей, если вы хотите сделать приятный и посещаемый блог, а не собираете автонаполняемый ГС (говносайт). Итак, давайте поработаем над главной страницей wordpress .

Перед работой над вашим сайтом на wordpress, хочу напомнить несколько важных моментов, о которых нужно знать:

Основные файлы в wordpress

Не стоит сразу залезать в таблицу стилей или редактировать бездумно следующие файлы:

• index.php (именно он выводит главную страницу сайта);
• header.php отвечает за шапку сайта, также в нем открывается тег, после которого, кстати, и размещаются коды для всех счетчиков статистики посещаемости;
• style.css отвечает за стиль шаблона, в нем задается внешний вид элементов сайта (именно здесь и будут твориться чудеса редактирования главной страницы в Вордпресе).

Все возможные способы: от простого к сложному

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

Где найти места, в которых можно редактировать главную страницу сайта, как и остальные другие страницы:

• админ панель;
• файловый менеджер хостинга;
• с помощью ftp клиента (FAR или FileZilla)

Давайте рассмотри способ, как редактировать главную страницу через административную панель WordPress. Это с одной стороны самый простой способ, но с другой, он не допускает появления ошибок кодов. Поэтому будьте осторожны.

Стандартные настройки

Проще всего настроить главную страницу в стандартном редакторе. То есть отредактировать тему. В зависимости от выбранного шаблона существуют варианты редактирования. Чаще всего так просто можно изменить цвет фона, изображение, название сайта, цвет текста. Также можно внести изменения в меню, поработать с виджетами WordPress. Особое внимание при редактировании темы стоит уделить вкладке «статическая главная страница». Именно здесь указывается, какую страницу вы выбираете главной.

Файл style.css - таблица стилей

Начинать редактирование главной страницы сайта стоит с файла style.css. Его найти достаточно просто. Сперва нужно войти в админ панель своего Вордпрес. В консоли находим вкладку Внешний вид и переходим к файлу style.css. Это достаточно большой текстовый файл.

После того, как внесете все поправки, не забывайте нажимать кнопку «обновить файл» для сохранения изменений.

Итак, строка Description отвечает за описание темы, там же указываются и версия, автор, тэги, которые будут использоваться дальше. Чуть ниже по файлу style.css находится список значений, использующихся во всех страницах сайта: заголовки, отступы полей, списки.

В WordPress после тэга body можно вносить свои изменения:

• цвет фона;
• размер, цвет, стиль шрифта;
• наличие прокрутки фона;
• форма и размер отображаемой страницы.

Например:

Background: url(images/bg_g.jpg) repeat #000 fixed; color: #2c2b2b; font: normal 12px arial; line-height: 18px; position: relative.

При этом значение «#2c2b2b» означает цвет, который будет иметь текст.

Все значения, которые определяются наподобие: background: url(images/sprite_master.jpg) используют для редактирования изображений. Это могут быть совершенно различные варианты png: от кнопок, до рисунков и фонов. Графические файлы должны быть загружены в каталог хранилища и уже оттуда берутся на них ссылки, вставляемые вместо «sprite_master.jpg» как в нашем примере.

К примеру, блок custom_header отвечает за создание рисунка в шапке главной страницы. Он может обозначаться как default_header.jpg. Методика его изменения описана выше. Допустимо изменить также и размер изображения. Например, если было 2500 х 1600 пикселей, то для эффективного отображения лучше поставить 1800 х 600.

Важно помнить, что каждый из параметров, которых сотни в файле style.css отвечает за какой-либо определенный участок сайта.

Статическая страница

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

Результаты внесения изменений

Изменить шаблоны в WordPress не так уж и сложно. Для начинающих полезно будет посетить сайт wordpress-theming.ru, где дано описание и приведены примеры разнообразных тем, для их установки на свой портал. Те, кто желает более тяжелых путей, могут редактировать главную страницу своего сайта самостоятельно.

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

или рассмотрим отличия Wordpress страниц от постов

В этом уроке самоучителя вы научитесь выводить статические страницы в свой блог.

Основные отличия постов и страниц блога

• Посты или записи по умолчанию отображаются на главной странице вашего Wordpress блога.
• Посты - это не совсем страницы.
• Страница в Wordpress - это нечто статическое, имеет постоянное местоположение, то есть их анонсы не выводятся вместе с постами на главную страницу блога.
• Например, информация о блоге, о его авторе размещается на специальных страницах. Сейчас мы займемся созданием Wordpress страниц.

Главная страница. Вывод статических Wordpress страниц

1. Любым из способов проходим в панель управления своим Wordpress сайтом.

2. Жмем на вкладку Страницы из левого меню панели, как показано на рисунке:

3. Следующий щелчок по Добавить страницу:

4. В этом месте вам предстоит ввести заглавие страницы и ее содержимое.

5. Ввели заглавие и текст страницы, жмем Опубликовать:

6. Смотрим результат. Нажмите на Просмотреть страницу:

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

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

В панели админа жмем на вкладку Внешний вид:

Проходим по строчке Виджеты:

В самом центре панели администратора вы увидите все доступные виджеты, а с правой стороны, на белом фоне расположены активные виджеты, они имитируют вертикальное меню в левой части блога. Теперь необходимо мышкой перетащить виджет Страницы в колонку активных виджетов на белом фоне. Но у вас ничего не выйдет, так как меню справа в данный момент переполнено и сначала придется освободить одно место. Для этого перетаскиваем любой виджет из колонки на белом фоне в поле со всеми доступными виджетами. Я удалил Архивы, при этом в моем случае меню с архивами исчезло из левой навигационной колонки блога. В общем, освобождаем место для Страницы, а затем, как показано на рисунке внизу, перемещаем его в нужное место:

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

Открываем виджет Страницы:

Вводим идентификатор страницы, которую хотим исключить из списка. В нижней колонке блога, под одноименным заголовком мы имеем две страницы: первая была добавлена нами, а вторая → Пример страницы - по умолчанию. Наведите указатель мыши на Пример страницы, чтобы в левом нижнем углу браузера отобразился идентификатор, в моем случае - это id=2 . Теперь в панели админа блога, во вкладке Страницы, в поле Исключить вводим значение идентификатора, то есть 2 и жмем Сохранить.

В вашем случае если шаблон вашего сайта на Wordpress более новый, вместо id , возможно, отобразится полностью название страницы на русском или латинице. Вам нужно знать идентификатор, чтобы исключить определенную страницу. Чтобы его узнать, надо в админке открыть страницу для редактирования и под ее заголовком нажать на кнопку Получить короткую ссылку - там появится цифра.

В результате Пример страницы исчез из нижнего меню блога, но остался в горизонтальном меню вверху (после внесенных изменений, не забываем обновить страницу своего сайта, нажатием кнопки F5, что на клавиатуре). И это можно исправить.

Обратимся к помощи плагина Exclude Pages from Navigation , разработанного специально для удаления страниц из меню сайта на Wordpress. Установке посвящен отдельный урок, который вы можете просмотреть, пройдя по ссылке выше, чтобы понять как они устанавливаются и подключаются к сайту, а это так - коротенькая инструкция. Так вот.

1. Нажатием Download Version... скачиваем на компьютер архив плагина Exclude Pages from Navigation с официальной страницы, где он представлен.

2. В панели администратора сайта, во вкладке Плагины выбираем Добавить новый:

3. На следующей странице админки жмем Загрузить:

4. На открывшейся странице ищем скачанный архив → Выберите файл → Установить:

5. Активируем плагин, кликая по одноименной гиперссылке.

6. Открываем любую из имеющихся страниц:

7. Снимаем галочку в окошке плагина и обновляем страницу:

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

Чтобы отредактировать шаблон главной страницы, также можно самостоятельно изменить нужные параметры в коде. За порядок вывода элементов отвечает файл index.php. Скачайте его к себе на компьютер при помощи FTP-клиента, панели управления хостингом или откройте непосредственно через «Редактор кода» в WordPress. Все записи отображаются блоками

Каждый из которых имеет определенное назначение и настройки. Например,

отвечает за отображение информации о сайте и заголовков. Подробнее список всех возможных параметров приводится в документации к движку. После внесения изменений не забудьте загрузить отредактированный файл обратно на хостинг при помощи программы для работы с FTP.

Обратите внимание

Если после произведения настроек главная страница не отображается, проверьте правильность указанных параметров и обновите страницу.

В зависимости от версии движка название упомянутых пунктов настроек может изменяться.

Источники:

• как в wordpress изменить по
• Настройка страницы 404 WordPress

Язык разметки гипертекста (HTML), предоставляет возможность разделять страницу на несколько окон - «фреймов». Каждый из фреймов может иметь свой собственный интернет-источник для отображения. Этот механизм можно использовать для того, чтобы вставить в страницы с вашего сайта страницы других сайтов.

Вам понадобится

• Текстовый редактор Блокнот

Инструкция

HTML-код страницы представляет собой набор инструкций , сообщающий в каком месте страницы должен быть отображен каждый из ее элементов и как он должен выглядеть. Эти инструкции называются «тегами» и чтобы создать страницу, содержащую в себе одну или несколько других, вам надо написать соответствующий набор тегов. Начать надо с тегов, создающих контейнер для всех фреймов страницы:
...
Это открывающий и закрывающий теги контейнера - теги, формирующие фреймы, должны будут размещаться между ними. В HTML теги имеют «атрибуты» - в них содержится дополнительная информация о свойствах того элемента страницы, отображение которого задает этот тег. В открывающем теге контейнера надо указать атрибут, содержащий информацию о том, каким образом браузер должен разделить пространство страницы между ее фреймами:
...
Атрибут "cols" в этом образце кода указывает, что страница должна быть поделена вертикально на два фрейма и левый из них должен занимать 20% ширины окна, а правый - 80%. Если вместо атрибута "cols" указать атрибут "rows", то страница будет разделена по горизонтали:
...
Вместо числа можно (*):
...
Это будет означать, что второму фрейму будет отдано все оставшееся пространство.Размеры фреймов можно указывать не в , а в единицах измерения, которые чаще всего используют при разметке страниц - в «пикселах»:
...

HTML-тег самого фрейма, который нужно поместить в контейнер, пишется так:Атрибут "src" тега "frame" содержит адрес интернет-страницы, которую браузер должен загрузить в этот фрейм. Адрес, написанный таким образом, называют «абсолютным» - он начинается с указания протокола http://. Но если это страница вашего же сайта и она лежит в этой же (или вложенной) папке, то абсолютный адрес указывать не обязательно, будет достаточно только имени файла и пути к вложенной папке. Такой адрес будет называться «относительным»:--Границы между фреймами в странице по умолчанию можно перемещать мышкой. Эта возможность отключается атрибутом noresize:--Существует два атрибута, определяющих размеры полей между фреймам - marginheight задает отступ по вертикали (сверху и снизу), а marginwidth - по горизонтали (справа и слева):--Использовав другой атрибут - "scrolling" - можно указать браузеру правила для полос прокрутки фрейма:Значение "auto" указывает, что полосы прокрутки должны появляться по мере необходимости, то есть когда содержимое не вмещается в границы фрейма. Если задать значение "yes", то у этого фрейма полосы прокрутки будут присутствовать всегда, а значение "no" наоборот запрещает отображать полосы прокрутки.--Если содержащиеся в контейнере страницы работают с какими-либо JavaScript-сценариями, который совершают операции в соседних фреймах, то может возникнуть необходимость различать фреймы по именам. Атрибут, содержащий имя фрейма так и называется - name:

Этих определений языка HTML вполне достаточно, чтобы создать простую страницу из нескольких страницы других сайтов. Для этого будет нужен любой текстовый редактор, например стандартный Блокнот. В нем создайте новый документ и напишите эти теги html-кода:




Потом сохраните этот код с расширением htm или html - например, test.html. Все готово, если открыть этот документ браузером, результат будет выглядеть так:

Существует еще одна разновидность фрейма - «плавающий». Он может находиться внутри обычной страницы, не поделенной на фреймы. У такого фрейма есть дополнительные атрибуты width и height, задающие его размеры. Выглядеть код этого тега может, например, так:

Если при оформлении сайтов веб-дизайнер руководствуется собственными представлениями о прекрасном, страница в итоге может оказаться не слишком удобной для просмотра. Для решения этой проблемы в каждом браузере есть возможность настройки отображения страниц самостоятельно.

Инструкция

Если вы используете Internet Explorer, щелчком правой клавиши по иконке браузера вызывайте выпадающее меню. Выберите команду «Свойства». В закладке «Общие» в разделе «Представления» нажмите «Цвета», чтобы настроить отображаемую цветовую палитру веб-страниц.

Снимите флаг из чекбокса «Использовать цвета Windows» и выберите собственные цветовые оттенки для фона, шрифта и ссылок на странице. Если вы хотите, чтобы цвет ссылки менялся в зависимости от ее состояния (обычная, активная и просмотренная), отметьте флажком пункт «Изменять цвет при наведении».

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

Для настройки языков, предпочтительных при отображении панели, нажмите «Языки». По умолчанию в списке будет язык, указанный при установке Windows. Чтобы добавить новый язык, нажмите соответствующую кнопку и выбирайте из списка в окне «Добавление языка».

Если на веб-странице не установлен собственный шрифт, будет отображаться тот, который вы назначили в настройках браузера. Щелкните «Шрифт» и выберите его тип и размер. Чтобы при просмотре веб-узлов использовались только ваши настройки, нажмите «Оформление» и отметьте флажками соответствующие пункты.

Для настройки отображения страниц браузера Opera в выпадающем меню выберите команды «Настройки» и «Общие настройки». На этой странице вы можете назначить тип и размер шрифта, цвет фона и ссылок. Если страница слишком велика и целиком не помещается на экране вашего монитора, в главном меню выбирайте «Страница» и «Подогнать по ширине».

Чтобы настроить отображение веб-узлов в Mozilla, в меню «Инструменты» используйте команду «Настройки» и перейдите во вкладку «Содержимое». Тип и цвет шрифта установите, используя кнопки «Цвет» и «Дополнительно». Размер выберите в списке. В разделе «Языки» нажмите «Выбрать», чтобы добавить язык в список предпочитаемых.

Видео по теме

WordPress, несмотря на свою доступность, является достаточно сложной CMS. Не всегда ясно, как можно настроить ту или иную страницу. Однако поняв основные принципы и функционал, вы сможете создать любой необходимый вариант.

CMS WordPress на сегодняшний день уже давно отошел от ярлыка “только для блогов” в сторону интернет-магазинов, новостных порталов, одностраничных сайтов и сайтов-визиток. “Одностраничники” теперь на каждом углу. И это удобно, так посетитель, зайдя на Ваш сайт, сразу увидит полную информацию о Вас, о Вашей компании и ее услугах. WordPress имеет возможности создания статической главной страницы и предоставляет для этого удобные инструменты.

Как в WordPress создать статическую главную страницу?

В системе WordPress, по умолчанию, главная страница сайта отображает последние опубликованные записи. Для вывода на главной статической страницы первым делом ее нужно создать. Для этого в админ-панели необходимо перейти Страницы -> Добавить новую , где перед Вами откроется окно создания новой страницы.

Тут нужно указать название страницы (например, Главная ) и добавить необходимый контент, после чего нажать кнопку Опубликовать .

Все статическая страница создана. Теперь ее нужно вывести на главной. Для этого в админ-панели необходимо перейти Настройки -> Чтение и обратить внимание на блок На главной странице отображать .

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

Все готово, и теперь можно переходить на главную страницу сайта.

Следует отметить, что в качестве статической главной страницы можно выбрать уже какую-нибудь существующую на сайте страницу.