Wordpress сделать главную страницу статической. Статические Wordpress страницы, создание и вывод в блог. Когда стоит избегать создания статических страниц

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

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

Это не статический раздел – а «живой», постоянно меняющийся кусок сайта, который и “главной” нельзя назвать. Многие блогеры мирятся с такой нелепостью стандартных настроек, и оставляют их нетронутыми. Но что делать, если у вас не блог, а интернет-магазин смартфонов или корпоративный сайт риэлторской компании? В таком случае вам обязательно нужна не динамичная страница, а четкий раздел сайта, который меняется только из вашего позволения.

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

Для начала вы должны четко разделять понятия записей и страниц. Первые – это posts, вторые – это pages. Когда вы создаете новый пост он автоматически отображается на main-page (на главной). Таким образом, если ничего не менять, то пользователь, который зайдет на ваш ресурс (на центральную его страницу), увидит последние записи. Если ваши статьи имеет какую-то связку, и читать последние записи без прочтения первых не имеет смысла, то новый посетитель быстро покинет ваш портал. Вам необходимо сделать максимально понятную площадку, чтобы пользователь за доли секунд сообразил что вы хотите ему донести. А без статической страницы этого не сделать.

Чтобы создать центральный page сайта, вам необходимо отправиться в административную панель Wordrepss. Авторизируйтесь в ней, войдя в аккаунт вебмастера. Теперь у вас есть право менять разделы сайта. Для этого найдите пункт «Страницы» (он находится в левой части «админки»). Далее отыщите кнопку «Добавить новую». Важно задать правильное название для главной сайта. Обычно, ее называют Home. Лучше и вам ее так назвать. Хотя можно написать и по-русски – «Главная».

Главная страница WordPress: как сделать статической и как наполнить

Раздел «Контент» пока что не трогайте. Уже можно нажимать пункт «Опубликовать». Теперь страница Home появилась в списке других страниц ресурса. В отличие от других разделов портала, основной не должен содержать комментарии. Это не пойдет на пользу индексации ресурса, и вашу площадку быстро заспамят низкосортными ссылками. Потому сразу отключите комментирование. Сделать это можно в разделе «Редактировать страницу» – уберите галочку возле пункта «Разрешить комментарии». А также в настройках экрана уберите пункт «Комментарии», чтобы они вообще не отображались.

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

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

Но на этом наши задачи не закончились. Теперь у вас есть главная страница. Она статическая. Ее не заспамят боты, и записи на ней не появляются в виде ленты. Об этом мы похлопотали. Но как теперь заполнить этот центральный раздел сайта? Пользуясь стандартными возможностями WordPress, вы не сумеете сделать привлекательный раздел сайта. Все, что у вас получится – это добавить пост с разными шрифтами, заголовками и парой-тройкой картинок. Но чтобы задержать посетителя на ресурсе, этого недостаточно – требования к сайтам подросли.

Плагины для создания эффектных главных страниц

Теперь, чтобы заинтересовать юзера, необходимо не просто оставлять текст о разделе, а использовать все приемы создания landing page. Ниже приведены 4 плагина, которые позволяют сделать из раздела Home настоящее подобие одностраничника для продаж.

Impact Page Builder Plugin

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

Плагин Impact Page Builder Plugin предоставляется на платной основе. Обучение в нем на английском, так что новичкам инструмент может показаться сложным. Но даже если вы не сможете разобраться, разработчики гарантируют возврат денег, в случае отсутствия продаж. С другой стороны, если инструмент дать в руки профессионалу, он с легкостью сможет при помощи него сделать дизайн любой сложности.

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

SpeedPPC WordPress DKI Plugin работает с динамическими и статическими php-страницами. Модуль позволяет интегрировать в сайт целые списки ключевых запросов, взятых с «Планировщика ключевых слов».

OptimizePress 2.0

Раньше модуль OptimizePress был обыкновенной темой для Worpdress. Теперь разработчики сделали из него быстрый и эффективный инструмент для генерации landing page на главной сайта. После установки вы сможете буквально за 3 минуты сделать свой лендинг в разделе Home. Невзирая на большую популярность дополнения среди иностранных вебмастеров, в Рунете он не пользуется таким спросом. Стоимость плагина – около 100 долларов. Покупайте его только в том случае, если у вас серьезные намерения, и вы хотите создать мощную главную страницу. В комплекте с OptimizePress 2.0 вы получите множество уже готовых шаблонов со встроенными блогами, и возможность не только сделать главную, но и обустроить другие разделы ресурса.

Launchpad – еще один хороший плагин, который подходит для интернет-магазинов. Как известно, чтобы увеличить продажи, нужно добавить фактор срочности. Launchpad позволяет сделать таймер прямо на главной странице, который будет автоматически перезапускаться, если вы забудете о нем. Модуль работает с любой версией движка WordPress, и легко настраивается. Кроме таймера, вы сможете при помощи дополнения Launchpad настроить внешний вид раздела Home.

Вывод

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

Чтобы отредактировать шаблон главной страницы, также можно самостоятельно изменить нужные параметры в коде. За порядок вывода элементов отвечает файл 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. Не всегда ясно, как можно настроить ту или иную страницу. Однако поняв основные принципы и функционал, вы сможете создать любой необходимый вариант.

С каждым годом WordPress всё сильнее уходит от ярлыка «блоговый движок» в пользу сайтов-визиток, интернет-магазинов и одностраничных сайтов. Изменяются и запросы пользователей.

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

В материале этой инструкции поговорим о создании статической главной страницы. В конце будет ещё и видео! Поехали! 😉

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

Если у вас не получается изменить главную страницу по моим рекомендациям, тогда вам стоит изучить документацию к вашей теме, возможно есть нюансы в её настройке. 🙂

Совет: очень часто при создании страницы имеется возможность выбрать шаблон в интерфейсе создания страницы. Там будет написано или «Home page», или нечто другое, но в таком духе, в общем. Обратите внимание, возможно это именно ваш случай.

Введение

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

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

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

Создание страниц

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

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

Итого, после этих операций у вас будут две страницы: «Главная» и «Блог», можете выбрать сами. Я предпочитаю использовать «glavnaya» и «blog», просто и понятно.

Установка главной страницы

Теперь дело за малым: необходимо пометить нашу только что созданную страницу как главную. Для этого заходим в раздел «Настройки» - «Чтение» и смотрим на интересующий нас блок настроек:

Переключаем опцию на значение «Статическую страницу» и нам открывается возможность выбрать из списка страниц недавно созданные новые страницы. Давайте сделаем вот так:

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

Используйте существующую страницу

На самом деле, можно не создавать специально главную страницу, а использовать для этого одну из существующих, например, «О компании» или «Услуги». Это оптимальный вариант для сайта-визитки.

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

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

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

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

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

Теперь когда мы перейдем на свой блог движка WordPress и обновим его, то у нас будет отображаться статическая стартовая страница «О сайте «. Если мы нажмем на страницу «Блог «, то у нас уже будут выводится все анонсы записей блога.

или рассмотрим отличия 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. Снимаем галочку в окошке плагина и обновляем страницу:

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