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


❶ Как добавить страницу на сайт 🚩 добавление нового сайта 🚩 Веб-дизайн

Инструкция

Большинство страниц на сайтах имеют расширение *.html, *htm или *.php. Посмотрите, какое расширение имеют страницы вашего сайта – новую страницу надо будет сделать точно с таким же.

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

Для добавления страницы вам понадобится любой html-редактор. Например, Cute Html – это простой и очень удобный редактор с подсветкой синтаксиса. Запустите редактор, в открывшемся окне появится заготовка будущего кода. Выделите все строки и удалите, вам они не нужны.

Откройте через панель управления страницу вашего сайта, наиболее похожую на ту, которую вы хотите добавить. Скопируйте ее html-код. Затем вставьте его в окно редактора и сохраните с нужным вам названием. Например, если последняя страница вашего сайта имела адрес вида: http://мой_сайт.ru/12.html, то сохраните созданную страницу как 13.html.

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

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

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

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

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

Если страницы сайта имеют расширение *.php, то поступите так: в редакторе сохраняйте код как *.html. После того как страница будет создана, измените ее расширение на *.php и выложите на сайт.

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

Как сделать страницу домашней страницей - Учебники по WordPress для начинающих

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


Создайте свою домашнюю страницу

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

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

Чтобы назначить статическую домашнюю страницу, перейдите в Мои сайты → Настроить → Настройки домашней страницы :

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

Затем в раскрывающемся списке страниц сообщений выберите страницу «Сообщения», которую вы создали. (Здесь будут появляться ваши новые сообщения в блоге, если вы решите писать сообщения для своего сайта.)

Наконец, нажмите Опубликовать , чтобы изменения вступили в силу.

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


Сделайте свою домашнюю страницу красивой

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

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

Сделайте так, чтобы ваша домашняя страница работала на вас

Если вы хотите, чтобы ваша домашняя страница действительно служила вашим интересам, подумайте о том, чтобы включить:

  • Четкое настраиваемое меню, указывающее на ваш лучший контент, страницы и категории блога. Все об этом вы узнаете в статье «Публикация».
  • Захватывающий внешний вид, от заголовка до настраиваемых цветов и шрифтов. Вы узнаете, как применить их на практике, в разделе «Настройка».
  • Несколько полезных виджетов на боковой панели вашего блога, чтобы помочь людям сориентироваться или получить быстрое представление о том, о чем ваш сайт или блог. Вы можете узнать о настройке и максимальном использовании виджетов в Get Flashy.

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

.

Руководство для начинающих о том, как добавить ссылку в WordPress

Вы хотите добавить гиперссылку в WordPress? Недавно один из наших пользователей спросил нас, как добавить ссылку в WordPress.

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

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

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

Почему ссылки важны?

Ссылки - это кровеносное русло Интернета, что делает их действительно важными.

В основном, большинство веб-сайтов в Интернете связаны с помощью ссылок, поэтому впервые был введен термин «сеть» или «всемирная паутина».

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

Представьте, что вы посещаете веб-страницу без ссылки, на которую вы могли бы нажать. У вас не будет выбора, кроме как нажать кнопку "Назад" в браузере.

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

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

При этом давайте посмотрим, как легко добавлять ссылки в разные области вашего сайта WordPress.

Как добавлять ссылки в сообщения и страницы WordPress

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

Просто отредактируйте свой пост или страницу или создайте новую.

Затем выделите текст, к которому вы хотите прикрепить ссылку. Этот выделенный текст называется якорным текстом для ссылки. Теперь нажмите кнопку «Ссылка»:

Вы увидите поле, в котором вы можете ввести URL. URL-адрес - это веб-адрес. Например, в руководстве WPBeginner о том, как создать блог на WordPress, есть URL https: // www.wpbeginner.com/start-a-wordpress-blog .

Вы можете просто скопировать и вставить URL-адрес сообщения или страницы, на которую хотите создать ссылку, например:

Нажмите кнопку Применить (Enter), чтобы вставить ссылку в свое сообщение.

Если вы размещаете ссылку на контент на своем собственном сайте, возможно, будет быстрее его найти. Введите одно или два слова из заголовка контента, и WordPress найдет его:

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

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

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

Добавление ссылки в старый редактор WordPress

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

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

Затем вы можете скопировать и вставить URL-адрес, на который хотите создать ссылку, или выполнить поиск по нему, как в редакторе блоков.

Вставка вашего URL прямо в текст привязки

Другой, еще более быстрый способ добавить ссылку как в редакторе блоков, так и в классическом редакторе - просто вставить URL-адрес в текст привязки.

Сначала скопируйте URL-адрес, на который хотите создать ссылку. Затем выделите выбранный вами якорный текст в своем сообщении.

Затем вы можете щелкнуть правой кнопкой мыши и выбрать «Вставить» или просто нажать Ctrl + V (Windows) или Command + V (Mac), чтобы вставить URL.

WordPress автоматически определит, что вы вставляете URL-адрес, а не текст, и превратит текст привязки в ссылку.

Ознакомьтесь с нашими советами по освоению редактора контента WordPress, чтобы узнать больше об эффективном использовании редактора блоков.

Как добавить ссылки в текстовые виджеты WordPress

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

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

Однако, если вы хотите добавить произвольный текст со ссылками на боковой панели, вы можете использовать текстовый виджет.

Перейдите на страницу Внешний вид »Виджеты и перетащите виджет« Текст »на свою боковую панель или другую область виджетов.

Затем вы можете ввести свой текст и добавить ссылку так же, как при добавлении ее в сообщение или страницу.

Не забудьте нажать кнопку «Сохранить» под виджетом после внесения изменений.

Как добавлять ссылки в меню навигации WordPress

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

Перейти к Внешний вид »Меню страница. Если у вас еще нет настроенного меню, вы можете создать его, введя название меню.

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

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

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

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

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

Как добавить заголовок и Nofollow в ссылки WordPress

Часто бывает полезно дать вашим ссылкам заголовок.Это текст, который появляется, когда кто-то наводит курсор мыши на ссылку, например:

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

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

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

WordPress также по умолчанию не поддерживает nofollow.

Метод 1. Используйте плагин AIOSEO в Gutenberg

Плагин

All in One SEO (AIOSEO) для WordPress автоматически добавляет к вашим ссылкам атрибуты title, nofollow, sponsored и UGC.

Метод 2. Используйте HTML-код в Gutenberg

Если вы используете редактор Gutenberg и не хотите использовать AIOSEO, вам необходимо вручную отредактировать HTML, чтобы добавить к вашим ссылкам атрибуты title и nofollow.

Сначала добавьте ссылку в блок абзаца обычным способом. Затем нажмите на три вертикальные точки и выберите «Редактировать как HTML», как показано здесь:

Теперь вы увидите HTML-код вашего блока.

Вы можете добавить к ссылке заголовок и / или атрибут nofollow, например:

Подробнее о нашей компании можно узнать на странице О нас .


В заголовке вы можете изменить «О нас» на все, что захотите. С атрибутом nofollow это всегда должно быть rel = "nofollow" . Не забывайте о двойных кавычках вокруг названия и nofollow, без них ваша ссылка не будет работать.

Метод 3. Использование подключаемого модуля с классическим редактором

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

Этот плагин добавит опции заголовка, nofollow и спонсируемого флажка во всплывающее окно для вставки ссылки.

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

Вы увидите дополнительные параметры:

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

Как добавить кнопки ссылок в WordPress

Вы хотите добавить кнопку к своим записям или страницам WordPress? Есть много способов сделать это.Самый простой - использовать встроенный блок кнопок WordPress.

Создайте новый пост или страницу или отредактируйте существующий. Затем щелкните значок (+), чтобы создать новый блок. Выберите «Button» из опций «Layout Elements» или просто найдите блок Button.

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

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

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

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

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

Просто установите и активируйте плагин Forget About Shortcode Buttons. Затем создайте новый пост или отредактируйте существующий.

На панели инструментов справа вы увидите значок «Вставить кнопку»:

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

Для получения дополнительной информации и подробностей ознакомьтесь с нашим руководством о том, как добавлять кнопки в WordPress без использования шорткодов.

Как встроить связанный контент в WordPress

Вы можете легко встроить определенные типы контента в WordPress, просто вставив его URL-адрес в свое сообщение. Иногда это называют созданием «карточки содержания» в вашем сообщении.

Просто вставьте весь URL-адрес в отдельный блок абзаца. Весь твит, включая изображения, лайки, отметку времени и т. Д., Будет встроен следующим образом:

Процесс такой же для видео на YouTube. Просто найдите на YouTube видео, которое хотите использовать, и скопируйте URL-адрес в верхней части окна браузера:

Затем вставьте ссылку в свой пост или страницу.Он автоматически вставит видео:

Этот метод отлично подходит не только для постов в Twitter и видео на YouTube, но и для многих других типов контента. Дополнительную информацию можно найти в статье поддержки WordPress «Встраивание».

Как добавить партнерские ссылки в WordPress

Хотите увеличить доход своего сайта за счет партнерских ссылок? Партнерский маркетинг обеспечивает стабильный доход многим блогам и веб-сайтам.

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

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

Лучший способ добавлять партнерские ссылки и управлять ими - использовать плагин управления партнерскими программами. Мы рекомендуем использовать Pretty Links или Thirsty Affiliates.

Оба этих плагина работают, создавая ссылки перенаправления, такие как www.yoursite.com/refer/partnersitename , которые отправляют людей по вашей специальной партнерской ссылке.

Плагины добавят новую опцию в ваше меню WordPress, куда вы можете добавить свои партнерские ссылки. Вот как это выглядит с ThirstyAffiliates. Вы просто копируете и вставляете свою специальную партнерскую ссылку в поле «Целевой URL».

Вы можете установить определенные параметры для своей ссылки с правой стороны, решив, следует ли исключать подписку на нее, открывать ее в новом окне / вкладке и т. Д.

Когда вы закончите, нажмите «Сохранить ссылку».

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

Затем введите начало того названия, которое вы назвали для этой партнерской ссылки. В нашем примере это «Наш аффилированный партнер».

Затем вы можете щелкнуть имя и нажать «Применить», чтобы добавить партнерскую ссылку в свое сообщение.

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

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

Чтобы узнать о других удобных плагинах для партнерской программы, ознакомьтесь с нашей публикацией о лучших инструментах и ​​плагинах для партнерского маркетинга для WordPress.

Как вручную добавить ссылку в HTML

Иногда вам может понадобиться добавить ссылку на свой сайт, используя HTML-код. Это может произойти, если вам нужно использовать настраиваемый блок HTML или виджет.

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

Создать ссылку в HTML несложно. Чтобы попробовать это, добавьте настраиваемый блок HTML в сообщение или страницу. Вы можете найти этот блок в разделе «Форматирование» или найти его с помощью строки поиска.

Затем вы увидите поле, в котором можно писать HTML. Скопируйте этот код в поле:

  Текст  

Должно получиться так:

Вы можете щелкнуть вкладку «Предварительный просмотр», чтобы увидеть, как ваш код будет выглядеть в вашем сообщении или на странице:

Теперь вернитесь к тегу «HTML». Измените URL-адрес на URL-адрес, на который вы хотите перейти. Измените слово «Текст» на любое слово или слова, которые вы хотите использовать в своей ссылке.

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

  Текст  

Если вы хотите, чтобы ваша ссылка открывалась в новой вкладке, просто добавьте target = "_ blank" в HTML-код, например:

  Текст  

Если вы хотите, чтобы ваша ссылка не подпадала под действие nofollow, добавьте rel = "nofollow" , например:

  Текст  

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

  Текст  

Вот как вы создаете ссылку в HTML, если вам когда-нибудь понадобится.

Как легко добавлять якорные ссылки в WordPress

Якорная ссылка - это тип ссылки на странице, которая приводит вас в определенное место на той же странице.Он позволяет пользователям перейти к наиболее интересному разделу.

Взгляните на анимированный снимок экрана ниже:

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

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

Как легко добавлять ссылки социальных сетей в WordPress

Хотите добавить на свой сайт ссылки или кнопки социальных сетей?

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

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

У нас есть пошаговое руководство по добавлению кнопок социальных сетей в WordPress.

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

.

Создайте одностраничник в WordPress менее чем за час

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

Преимущества

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

Отличное решение для небольших сайтов

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

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

Управляемый изображением

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

Лучший мобильный опыт

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

Когда не использовать одностраничный сайт

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

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

Создание одностраничного веб-сайта на WordPress

Если вы думаете, что одностраничный веб-сайт для вас, читайте дальше. После этого вы сможете создать свой собственный одностраничный веб-сайт.

Раскрытие информации : FirstSiteGuide поддерживается нашими читателями. Когда вы совершаете покупки по ссылкам на нашем сайте, мы можем получать комиссию. Мы тестируем и пробуем все продукты, которые рекомендуем.

Настройка WordPress

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

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

Как настроить XAMPP для Windows и установить WordPress

Прежде чем пачкать руки, вы должны знать, что такое XAMMP в первую очередь. XAMPP расшифровывается как Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) и Perl (P). Это бесплатное распространение программного обеспечения, которое помогает вам запускать собственные частные серверы. Он содержит серверное приложение, базу данных и язык сценариев, необходимые для успешной установки WordPress. Обычно серверы, запущенные XAMPP, используются для целей тестирования, чтобы вы могли свободно практиковать свои навыки веб-дизайна, не платя за хостинг или позволяя всем видеть игровую площадку вашего сайта.

Как установить XAMPP для Windows

А теперь давайте остановимся на теории и позвольте мне показать вам, как все это настроить. Хотя кросс-платформенная часть названия означает, что программное обеспечение также работает на компьютерах Linux и Mac, сегодня мы сосредоточимся на Windows:

  1. Перейти на сайт Apache Friends
  2. Загрузите последнюю версию, нажав кнопку, и сохраните ее на свой компьютер.
  3. Запустите установщик при загрузке
  4. На приветственном экране нажмите Далее

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

  1. Выберите папку, в которую вы хотите установить XAMPP.Это может быть любая папка, которую вы хотите, и вы также можете оставить папку по умолчанию. Просто запомните его местонахождение
  2. На следующем экране снимите флажок « Узнать больше о Bitnami для XAMPP », потому что вы установите WordPress вручную
  3. Нажмите Далее

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

  1. Оставьте отметку « Вы хотите запустить панель управления » отмеченной
  2. Нажмите Далее

Надеюсь, все прошло без проблем. Если это так, вы должны увидеть, что панель управления открыта без красного текста, показывающего ошибки. Вы также должны увидеть, что Apache и MySQL отмечены зеленым, что означает, что они запущены и работают. Чтобы проверить, нормально ли работает ваш сервер, зайдите в браузер и посетите этот URL: http: // localhost.

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

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

Как установить WordPress с помощью XAMPP

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

  1. Открыть панель управления XAMPP
  2. Нажмите кнопку Admin в разделе MySQL. Откроется новое окно с phpMyAdmin
  3. .
  4. Выберите Базы данных вкладку в верхнем левом меню
  5. Введите имя для своей базы данных, например, WordPress
  6. Нажмите Создать кнопку

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

  1. Скачать последнюю версию WordPress
  2. Перейдите в папку XAMPP (папка, в которую вы установили XAMPP из предыдущих шагов)
  3. Откройте папку и перейдите в папку htdocs
  4. Распаковать архив WordPress туда

У вас должна получиться новая папка WordPress в папке htdocs. Вы можете переименовать эту папку во что угодно. Это также будет частью адреса вашей локальной установки. Для целей этого руководства назовем его WordPress , который откроет ваш сайт с http: // localhost / wordpress. Неважно, какое имя вы используете, так что можете изменить его по своему вкусу.

  1. Откройте эту папку и найдите файл wp-config-sample.php
  2. Переименуйте его в wp-config.php
  3. Откройте файл и найдите часть с информацией о настройках MySQL (посмотрите на скриншот)
  4. Замените «database_name_here» на имя вашей базы данных, которым в моем случае является «WordPress»
  5. Замените «username_here» на «root» и оставьте «password_here» пустым
  6. Сохраните файл и закройте его

Наконец, вы готовы завершить процесс установки.Откройте браузер и перейдите по адресу http: // localhost / wordpress (или измените имя, если вы использовали другое имя для папки WordPress при извлечении). WordPress теперь запросит у вас язык, который вам нужно выбрать. После этого нажмите кнопку Продолжить . Затем введите данные имени пользователя и пароля и нажмите Установить WordPress.

Вот оно! Теперь вы можете, наконец, войти на свой тестовый сайт и начать работу над своим первым одностраничным сайтом.Первым шагом будет выбор темы.

Выбор темы

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


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

Плагины

Наиболее важными для создания одностраничных веб-сайтов являются плагины, которые вы используете.Мы собираемся установить конструктор страниц под названием SiteOrigin и расширение виджетов для этого плагина. Оба они полностью бесплатны и размещены в репозитории плагинов WordPress. Перейдите в Плагины -> Добавить новый на панели инструментов вашего сайта WordPress и введите конструктора страниц по происхождению сайта. Плагин появится вверху списка, установите и активируйте его. Вы можете установить подключаемый модуль пакета виджетов на том же экране, введите siteorigin widgets bundle в поисковике подключаемых модулей.Убедитесь, что оба плагина активированы.

Начиная с версии 2.3 этого конструктора страниц, они добавили функцию прокрутки веб-сайта на одну страницу. Это то, что нам нужно, чтобы веб-сайт прокручивался всякий раз, когда кто-то нажимает на пункт меню с идентификатором строки в виде атрибута href (ссылка). Позже мы объясним, как это работает.

Начать строительство!

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


SiteOrigin Page Builder имеет множество предустановок, поэтому нам не нужно создавать весь дизайн с нуля. Вы увидите несколько кнопок над редактором страниц, одна из них - кнопка «Макеты», нажмите ее.


Теперь вы увидите экран со всеми видами макетов; это предустановки, которые вы можете использовать. Вы также можете импортировать и экспортировать макеты, но мы не предполагаем, что они у вас есть.Для этого примера мы выберем дизайн «Фитнес-зал». Конечно, вы можете выбрать любой дизайн, который хотите, или начать с нуля. Щелкните выбранный дизайн и нажмите кнопку «Вставить» в правом нижнем углу. Если у вас уже был контент на странице, вы можете вставить его до или после контента или полностью заменить. Для нас это не имеет значения, поскольку у нас пустая страница.


Продолжайте, сохраните страницу и посетите ее. Если все пойдет хорошо, мы сможем добавить свои идентификаторы. Переключитесь в режим «Живой редактор», щелкнув ссылку на панели администратора WordPress вверху только что созданной страницы.


Когда вы наводите курсор на элементы на своем сайте, вы можете точно увидеть, какой виджет представляет какой элемент. Перейдите в первую строку после героя SiteOrigin вверху, щелкните значок инструмента и отредактируйте строку. На этом экране перейдите в «Атрибуты» и добавьте свой идентификатор строки. Мы дадим нашему идентификатору «деятельность».


Дайте каждой строке свой уникальный идентификатор. Когда вы закончите, сохраните страницу.

Настройка меню

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


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

Очень важно, чтобы вы не забыли указать хеш в URL-адресе пункта меню, это формат атрибута HTML ID.Однако не добавляйте хеш в раздел Attributes -> Row ID в настройщике, конструктор страниц SiteOrigin уже знает, что это идентификатор.

Мой результат

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

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

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

.

Build a Business Website Tutorial - Support

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

  1. Выберите тему.
  2. Добавьте контент на свой сайт.
  3. Отформатируйте сайт так, чтобы он работал в малом бизнесе.

Выбор темы
Добавление первой страницы
Редактирование страниц
Создание контакта
Создание других страниц
Настройка домашней страницы
Создание меню
Продажа продуктов на WordPress.com
Добавление виджетов
Добавление вашего бренда
Публикация в социальных сетях

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

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

Приступим!


Выбор темы

Первый шаг - выбрать тему для вашего сайта. WordPress.com имеет более 200 тем, и есть много вариантов для бизнес-сайта. Некоторые темы требуют большей настройки, чем другие.

Мы предлагаем взглянуть на Рекомендуемые темы , которые вы видите при переходе к витрине тем.Эти темы были созданы с учетом редактора блоков и довольно гибкие.

Рекомендуемые темы можно найти на Мой сайт (ы) → Дизайн → Настройка

Другие более простые темы, на которые вы можете взглянуть:

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


↑ Содержание ↑

Добавление первой страницы

Ваш сайт состоит из сообщений и страниц блога.

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

У вас может быть столько или меньше страниц, сколько вам нужно, хотя большинство веб-сайтов для малого бизнеса имеют 4–10 страниц.

Чтобы начать, щелкните Мои сайты → Сайт → Страницы . Затем нажмите кнопку Добавить новую страницу .

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

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

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

  • Параграф : это базовый блок, который добавляет простой текст на вашу страницу или сообщение.Больше информации.
  • Заголовок : Эти блоки удобны для добавления заголовков в ваш пост или на страницу, чтобы разбить ваш контент. Больше информации.
  • Изображение : позволяет добавлять изображения внутри блока. Больше информации.
  • Медиа и текст : этот блок позволяет размещать изображение и текст рядом. Больше информации.
  • Столбцы : этот блок позволяет размещать другие блоки рядом в строках и столбцах. Больше информации.

Блокировок намного больше! Полный список блоков и их вспомогательные документы можно найти в этом документе поддержки.

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

Вы также можете добавить блоки, набрав / и затем выполнив поиск нужного блока, например:

Избранные изображения

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

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

Чтобы установить Featured Image, воспользуйтесь разделом Featured Image в правой части редактора. Нажмите на раздел «Интересное изображение», и вы увидите кнопку, позволяющую загрузить интересное изображение.

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


↑ Содержание ↑

Редактирование страниц

Если у вас уже есть добавленные страницы или некоторые из них были созданы демо-версией темы, вы можете перейти в Мои сайты → Сайт → Страницы. Это покажет вам все страницы вашего сайта. Нажмите на страницу "О себе", которую вы только что опубликовали, или на любую другую страницу, которую хотите, чтобы отредактировать ее.

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


↑ Содержание ↑

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

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

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

Если на вашем сайте еще нет страницы контактов, добавьте ее, как это было с первой страницей. Щелкните Мои сайты → Сайт → Страницы , затем с правой стороны щелкните Добавить новую страницу .Установите заголовок страницы на Контакт.

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

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

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


↑ Содержание ↑

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

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

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

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


↑ Содержание ↑

Настройка домашней страницы

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

Чтобы установить домашнюю страницу:

  1. Зайдите в Мои сайты → Дизайн → Настройка → Настройки домашней страницы .
  2. Выберите Статическая страница
  3. В раскрывающихся меню выберите страницу, которую вы хотите использовать в качестве домашней страницы .
  4. При желании вы также можете настроить еще одну из своих страниц для отображения списка любых сообщений в блогах, которые вы написали, на странице Сообщения страницы .
  5. Щелкните Опубликовать , чтобы сохранить изменения.

Дополнительные сведения о настройке статической домашней страницы см. В этом документе поддержки.


↑ Содержание ↑

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

Для создания меню:

  1. Щелкните Мой сайт → Дизайн → Настройка → Меню.
  2. Выберите меню, которое хотите отредактировать, или создайте новое. Когда вы создаете сайт, основное меню будет создано автоматически.
  3. Щелкните Добавить элементы. В выдвигающемся меню вы увидите список страниц, категорий, сообщений и т. Д., Которые вы можете добавить в свое меню. Нажмите на них, чтобы добавить в меню.
  4. Вы можете щелкать и перетаскивать элементы меню, чтобы переупорядочить их, или перетаскивать их с отступом друг под другом для создания раскрывающихся списков.
  5. Убедитесь, что «Основное меню» отмечено в разделе Расположение меню .
Щелкните изображение, чтобы увидеть его в увеличенном виде

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

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


↑ Содержание ↑

Продажа продуктов через WordPress.com

Есть несколько способов продавать товары на вашем сайте:

Чтобы узнать больше о различных вариантах продажи продуктов, ознакомьтесь с этим вспомогательным документом.


↑ Содержание ↑

Добавление виджетов

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

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

  • Виджет контактной информации - Отображение вашей контактной информации, включая встроенную карту Google. Больше информации.
  • Текстовый виджет - простой виджет, который позволяет добавлять любой текст, который вы хотите. Отлично подходит для предоставления общей информации, анонса о нас и многого другого! Больше информации.
  • Виджет поиска - Создает панель поиска, которую люди могут использовать для поиска сообщений, страниц и другого контента на вашем сайте.Больше информации.
  • Виджет "Лучшие сообщения и страницы" - Показывает список ваших самых популярных сообщений и страниц на вашем сайте. Больше информации.

И многое другое!

В этих примерах мы используем виджеты в двух разных областях: нижний колонтитул и боковая панель (на отдельных страницах):

Область виджетов нижнего колонтитула Область виджетов боковой панели

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

Для добавления виджетов на свой сайт:

  1. Перейдите на Мой сайт → Дизайн Настройка → Виджеты .
  2. Выберите область виджетов, например нижний колонтитул или боковую панель.
  3. Щелкните Добавить виджет , затем выберите виджет, который хотите добавить на свой сайт.
  4. Щелкните Опубликовать , чтобы сохранить изменения.
Нажмите на изображение, чтобы увидеть его в увеличенном виде

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

Вот видео с инструкциями по добавлению виджета:

Более подробные инструкции по использованию виджетов см. В этом документе поддержки.


↑ Содержание ↑

Добавление вашего бренда

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

Добавление домена

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

  1. Перейдите в Мои сайты → Управление → Домены → Добавить.
  2. Введите доменное имя, которое вы хотите использовать, в поле поиска. Вы можете зарегистрировать новый домен, выбрав один из доступных вариантов. Если у вас уже есть домен у другого провайдера, сопоставьте домен или передайте его нам.
  3. Выполните оставшиеся шаги, чтобы завершить процесс установки.Для сопоставления и переноса уже имеющихся доменов требуются дополнительные действия. Вы можете прочитать их здесь.

Дополнительную помощь по добавлению личного домена см. В нашей документации по поддержке доменов.

Пользовательский логотип

Многие темы позволяют добавлять собственный логотип в заголовок вашего веб-сайта. Это можно добавить через Мои сайты → Дизайн Настроить → Идентификация сайта . В разделе «Идентификация сайта» вы можете скрыть заголовок и слоган сайта. Вы также можете выбрать, как отображать WordPress.com кредит в нижнем колонтитуле.

Более подробную информацию о добавлении собственного логотипа можно найти здесь.

Пользовательские цвета

У вашего бренда могут быть индивидуальные цвета, которые вы хотели бы использовать на своем веб-сайте. С планом Premium или выше у вас есть доступ к настраиваемым цветам темы. Это можно найти в Мои сайты → Дизайн → Настройка → Цвета и фон. Количество цветов, доступных для настройки, зависит от выбранной вами темы.

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

Дополнительную информацию о пользовательских цветах и ​​фонах см. В нашей документации по поддержке пользовательских цветов.

Кроме того, в разделе «Цвета и фон» есть предварительно выбранные цветовые палитры, которые применяют готовую палитру цветов к вашему веб-сайту.


↑ Содержание ↑

Публикация в социальных сетях

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

Кнопки доступа

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

На вкладке "Кнопки доступа" вы увидите раздел "Параметры". Вы можете включить или выключить кнопки совместного доступа для страниц, сняв флажок «Страницы» или «Сообщения» в разделе «Показывать кнопки общего доступа включены». Затем нажмите кнопку «Сохранить изменения».

Подключения

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

Подробнее о том, как это настроить, можно узнать здесь.


↑ Содержание ↑

Заключение

Вот и все! Вы успешно создали и настроили свой бизнес-сайт. Поздравляю!

В будущем, если вы захотите расширить или расширить свой сайт, вы также можете сделать это с помощью WordPress.com. Попробуйте поискать на нашем сайте поддержки support.wordpress.com то, что вы хотели бы сделать!

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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