• Главная
• Контакты
• Рубрика 1
• Рубрика 2

/images/shapka.png" alt="" title="" /> "main-menu", "menu" => "main-menu", "container" => "nav", "container_class" => "menu-{menu-slug}-container", "container_id" => "main-menu", "menu_class" => "", "menu_id" => "main-menu", "echo" => true, "fallback_cb" => "__return_empty_string", "before" => "", "after" => "", "link_before" => "", "link_after" => "", "items_wrap" => "", "depth" => 0, "walker" => ""); wp_nav_menu($args); ?>

Разбираем изменения:

• bloginfo("charset"); - устанавливает кодировку;
• wp_get_document_title(); - возвращает title документа;
• wp_head(); - это так называемый хук-действие, обязательная строка в теме;
• echo home_url(); — выводим ссылку на главную страницу;
• bloginfo("template_url"); - указывает путь к папке с темой;
• bloginfo("stylesheet_url"); - подключает файл стилей.

Нижний участок кода — это вывод меню, который вы будете настраивать из админки после подключения в functions.php , о котором написано ниже. Его нужно будет стилизовать в CSS.

Обратите внимание, все функции WordPress заключены в конструкцию PHP!

Формируем index.php

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

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

• the_title(); - выводит название поста;
• the_permalink(); - выводит ссылку на отображаемый пост;
• the_excerpt(); - выводит установленное количество символов поста со вставкой […] ;
• the_post_thumbnail("full"); - выводит миниатюру поста, а "full" задает полный размер;
• get_header(); - подключение файла header.php ;
• get_sidebar(); - подключение файла sidebar.php ;
• get_footer(); - подключение файла footer.php .

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

Вот как выглядит чистый цикл без нашего кода.

Все расписано, думаю с этим понятно.

Прописываем функции в functions.php

Открываем файл и первым делом пишем конструкцию PHP, а затем в нее добавляем следующие функции.

__("main-menu"))); /** * Подключение сайдбара **/ register_sidebar(array("name" => __("Sidebar", "mytheme"), "id" => "sidebar", "description" => "Правая колонка сайта.", "before_widget" => "

", "before_title" => "",)); /** * Функции вывода анонса поста (цитаты) на главной **/ function new_excerpt_length($length) { return 100;//количество выводимых символов анонса (по умолчанию 55) } add_filter("excerpt_length", "new_excerpt_length"); /** * Функции заменяет «[…]» на «...» в конце цитаты **/ function new_excerpt_more($more) { return "..."; } add_filter("excerpt_more", "new_excerpt_more"); ?>

Заполняем файлы sidebar.php и footer.php

В файл sidebar.php прописываем:

• is_active_sidebar(); - проверяет, установлен хотя бы один виджет в нашей панели "sidebar" ;
• dynamic_sidebar(); - выводит активную панель виджетов.

В файл footer.php вставляем нужный вам код, например, параграф с копирайтом, а в конце перед закрывающим тегом вставляем wp_footer(); . Как и wp_head(); это обязательный хук-действие темы.

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

Формируем page.php и single.php

Копируем код из индексного файла и вставляем в page.php , убираем лишнее и в блоке с классом.post-text изменяем вывод анонса на вывод всего контента страницы функцией the_content();.

В single.php получается тот же код, что и в шаблоне страниц, добавляем только подключение комментариев comments_template(); из файла comments.php .

При желании можете добавить:

• the_time("j.m.Y"); - выводит дату публикации поста (число, месяц, год);
• the_author(); - выводит автора статьи;
• the_category(); - выводит рубрику, в которую входит данный пост.

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

Заполняем оставшиеся шаблоны 404.php, category.php и search.php

В 404.php копируем содержимое page.php , удаляем лишнее, прописываем уведомление о том, что страницы не существует, можно подкрепить текст какой-нибудь картинкой.

В category.php просто копируем содержимое файла index.php и добавляем вывод заголовка категорий single_cat_title("Рубрика: ") .

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

Код формы поиска размещаем в файле searchform.php . Берем стандартную форму и редактируем, в input добавляем параметр «s » для name и id , используем метод «GET » для отправки запроса на главную страницу home_url("/") и очищаем УРЛ функцией esc_url(); .

">

Поиск

Важно. После всех проделанных действий, нужно будет лезть в код и стилизовать все новые элементы, которые выдаст вам WordPress! Для этих целей я использую расширение «Firebug» для Mozilla Firefox, это расширение облегчает и ускоряет решение таких задач.

Добавлено коментариев - 9

• Илья 01.03.2018 21:49

  Ответить

Ежедневно люди совершают множество покупок онлайн или находят контактные данные нужной компании в поисковиках, поэтому даже небольшим компаниям, необходим сайт, чтобы являться конкурентноспособными. Но чтобы самому сделать сайт с нуля на WordPress (если вы не профессиональный разработчик), нужно потратить огромное количество времени и перелопатить кучу материала, чтобы наваять хоть что-то похожее на сайт. И со 2-3 попытки у вас действительно получится. Но для начинающих есть куда более простой способ - создание сайта в онлайн-конструкторах.

uKit – пожалуй, самый простой конструктор сайтов в нише. С его помощью можно буквально за 2-3 часа собрать достойный сайт-визитку для компании, личное онлайн-портфолио или даже небольшую витрину товаров.

Простота использования uKit никоим образом не уменьшает его функциональности. “Из коробки” доступны адаптивные шаблоны из более, чем 40 различных бизнес-тематик, полезные бизнес-виджеты и возможность тонкой настройки сайта под десктоп или мобайл. Нет необходимости дополнительной установки плагинов и скриптов.

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

Установка WordPress

Мы определились с названием сайта, поэтому самое время перейти к установке WordPress.

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

Второй способ — это установка в ручную.

Заходим на сайт WordPress.org и скачиваем последнюю актуальную версию программы.

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

Теперь нам нужно, эти файлы залить на свой хостинг. Для этого лучше воспользоваться FTP-клиентом, например программой FileZilla (она бесплатная). И с её помощью загружаем файлы в папку public_html или в корневой каталог домена, на любом другом хостинге.

После успешной загрузки файлов, требуется создать базу данных. В панели управления, заходим в раздел Базы MySQL и жмём «Создать базу». В открывшемся окне, создаём имя базу и пароль. Их нужно запомнить, они потребуются Вам на следующем шаге.

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

Чтобы соединить место хранение наших будующих публикаций со скелетом сайта, необходимо в файле wp-config.php указать имя базы данных, имя пользователя и пароль. Имя пользователя совпадает с названием базы данных. Ссмотрите рисунок ниже.

И теперь последний шаг, установка WordPress. В адресной строке браузера напишите адрес своего сайта, и вас автомтически перебросить на страницу установки my-site.ru/wp-admin/install.php, где потребуется указать оставшиейся настройки, такие, как название сайта, логин и пароль администратора, а так же e-mail администратора.

Поздравляем! Установка WordPress завершена! Можно двигаться дальше.

Выбор темы для WordPress

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

Бесплатные темы

В административной панели, в разделе «Внешний вид» выбираем вкладку «Темы» и затем жмём «Добавить новую тему».

Далее заходим в «Фильтр характеристик» и ставим галочку напротив поля «Адаптивный дизайн». После этого нам будут показаны темы WordPress с уже готовым адаптивным дизайном, что позволит не делать отдельно мобильную версию сайта и сэкономит вам кучу времени и сил.

Тоже самое можно сделать на сайте WordPress.org зайдя в раздел «Темы». Только в этом случае, нужно будет сначала скачать тему к себе на компьютер, распокавать, а затем вопспользоваться функцией «Загрузить тему» в том же разделе панели управления и после установки нажать активировать.

Премиум шаблоны

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

Например, можно купить тему на сайте themeforest.net. Практически все премиум шаблоны WordPress имеют адаптивную вёсртку, но есть ещё ряд характеристик, которым должна соответствовать тема, чтобы с ней было удобно работать:

1) Перевод на русский язык
2) Visual Composer или Page Builder (встроенный конструктор)

Выберите подходящую для себя тему и переходим к настройке.

Настройка WordPress

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

Заходим в раздел «Настройки» и выбираем вкладку «Общие». Затем, как показно на рисунке вносим данные.

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

Настройки написания

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

Настройки чтения

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

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

Настройки обсуждения

Раздел «Настройки обсуждения» позволяет выбрать то, каким образом будут публиковаться комментарии на вашем сайте, куда будут приходить уведомления о новых комментариях, какие комменты будут помечаться, как спам, а какие уходить на модерацию, можно ли отвечать на комментарии других пользователей (древовидные комментарии) и прочее. При количестве трафика более 300 уникомов в сутки, на ваш сайт станут систематически заходить боты и оставлять спамные комментарии. Чтобы защититься от них используйте плагин Akismet, он бесплатный и автоматически определяет комментарии ботов.

В принципе можно оставить настройки по умолчанию.

Медиафайлы

Постоянные ссылки

Здесь нужно выбрать, каким образом будет формироваться URL ваших страниц и записей. Будет ли это условный язык или ссылка будет содержать дату и название или только название, будет формироваться автоматически или задаваться в ручную.

Ниже можно задать префиксы для рубрик и меток.

При создании сайта на WordPress, огромное значение имеет выбранная тема или шаблон. Темы обладают разным набор настроек и функционала. Заходим «Внешний вид» — «Настройки обсуждения».

Рассмотрим настройку темы на примере дефаултной темы Twenty Fifteen.

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

Если хотите, то можете установить фоновое изображение для верхней части сайта, для этого добавьте в данном пункте настроек картинку не менее 954 пикселей в высоты и 1300 в длину.

Либо можете оставить фон белым и ничего не добавлять.

Фоновое изображение

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

Меню

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

Здесь же можно создать дополнительное меню или меню из ссылок на социальные сети.

Виджеты

Виджеты — это дополнительные модули WordPress, которые отображаются в боковой колонке (sidebar) или в подвале сайта (footer). Это могут быть самые свежие или популярные статьи на сайте, последние комментарии, поиск по сайту и прочее.

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

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

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

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

Теперь у меня есть свой сайт?

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

Мы обязательно продолжим публикации на тему создания сайтов и WordPress, следя за которыми вы сможете довести свой сайт до совершенства!

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

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

Новость 2. Я сменил хостинг провайдера. Да простит меня Макхост , но согласитесь 70 рублей в год – это лучше, чем 2629 рублей в год. Теперь я буду платить за услуги хостинга в 37 раз меньше. Мой новый хостинг называется Justhost, с его услугами и тарифами вы можете ознакомиться здесь .

А теперь непосредственно к главной теме статьи – создание блога на wordpress с нуля . Раскрыть этот вопрос я решил на одной единственной странице. Было в планах разделение на целых пять отдельных статей, но решил всё-таки всё запилить в одну. Эта идея у меня вылилась в страницу под названием . Она теперь будет располагаться в верхнем меню блога и будет являться помощью в созданию блога любому человеку.

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

Было бы не хорошо на этом завершить статью под названием Создание блога с нуля. Поэтому вкратце я здесь представлю основные этапы создания блога. А более подробно читайте на .

Создание блога на wordpress с нуля

1. Всё начинается с идеи

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

2. И имя ему …

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

3. Проба пера

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

4. Пробный пуск и сдача в эксплуатацию

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

5. Поработаем дизайнером

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

Именно такое расположение этапов я считаю правильным при создании блога на wordpress с нуля.

Создать блог самостоятельно совсем не сложно, пробуйте, всем удачи и пока…

От автора: приветствую вас, друзья, в очередной статье, посвященной работе с WordPress. Из этой статьи вы узнаете, как создать сайт на WordPress с нуля. И это не просто слова, под фразой «с нуля» я действительно имею в виду ровно то, что и сказал. Итак, давайте приступим.

Как создать сайт на платформе WordPress

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

Итак, представьте себе, что вы совсем еще новичок в сфере сайтостроения и никогда в жизни не слышали или имеете смутное представление о таких словах, как хостинг, ftp, html и так далее. При этом, когда вы общаетесь со знакомым вебмастером на тему создания сайта, он то и дело сыплет вот такими вот малопонятными словечками. Казалось бы впору загрустить и отказаться от идеи создать сайт самому… Но отчаиваться рано, выход есть. Можно создать сайт на базе WordPress. При этом вам не нужны знания верстки и тем более программирования, не нужно даже платить за домен и хостинг, поскольку можно создать сайт на платформе WordPress. Давайте узнаем, как это сделать.

Как создать сайт через WordPress

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

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

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

Что же конкретно мы увидим на новой странице? А увидим мы варианты названий нашего будущего сайта.

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

В строку поиска вводим желаемое название сайта, например, я введу wfm. Поскольку платформа позволяет создавать сайт бесплатно, вполне понятно, что желающих воспользоваться услугой — немало, поэтому приготовьтесь к тому, что желаемый адрес может быть уже занят или просто недоступен. В моем случае WordPress предложил такой вариант домена: wfm2015.wordpress.com

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

На новой странице создаем учетную запись, заполняя поля формы.

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

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

Давайте опубликуем первую запись в нашем блоге, нажав кнопку Начать запись. Мы перейдем в редактор, в котором и можем писать текст статьи.

После публикации можем перейти на наш сайт — wfm2015.wordpress.com — и посмотреть написанную статью. Все получилось

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

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

Как видите, все достаточно просто. Буквально пара минут — и вы счастливый обладатель сайта на платформе WordPress, при этом не вложили в создание этого сайта ни копейки. Можете приступать к написанию статей для сайта и давать ссылку на свой личный сайт на WordPress своим друзьям.

Ну а я на этом с вами прощаюсь. Успехов!