Как смотреть YouTube в отдельном PopUp-окне | Приложения | Блог
За компьютером и ноутбуком мы проводим очень много времени. Наверняка многие хотели бы совмещать полезные дела и развлечения. Например, работать и смотреть любимые каналы YouTube. В современных браузерах эта возможность доступна всем пользователям благодаря полезному PopUp-окну.
PopUp-окно — это специальное всплывающее окно, которое работает параллельно с текущими вкладками, минимально перекрывая их сверху. Благодаря PopUp-окну вы сможете делать несколько действий одновременно. Приложения не будут мешать друг другу, не придется делить экран на две части или использовать дополнительный монитор, если он вам нужен был только для этого.
Браузер Opera
1. Заходим в Меню — Настройки
2. Находим пункт «Дополнительно»
3. Активируем «Включить всплывающие окна с видео»
Браузер Google Chrome
Тут настройки отличаются. Нужно открыть YouTube в этом браузере и нажать правой клавишей мышки в окне ролика. Появится меню, нужно выбрать пункт «Картинка в картинке».
Окно с роликом автоматически станет дополнительным.
То есть по умолчанию PopUp-окно в этом браузере не появляется, нужно каждый раз вызывать его принудительно. Удобно это или нет, решайте сами. Самая удобная и продвинутая по настройкам функция PopUp-окна представлена в Яндекс-браузере.
Яндекс-браузер
1. Заходим в Меню — Настройки.
2. Находим «Инструменты».
3. Нажимаем нужные галочки в разделе «Просмотр видео поверх других вкладок и программ».
Если данная функция включена, то во время просмотра YouTube вы увидите вот такой значок в окне ролика.
Если ее нажать, то данный ролик станет дополнительным окном в вашем браузере. Если перейти к другой вкладке в Яндекс-браузере, то ролик автоматически станет дополнительным.
Данное PopUp-окно будет всегда поверх всех других окон и программ на вашем рабочем столе. Оно не теряет никакие функции просмотра YouTube, вы можете перематывать ролик, останавливать, увеличивать/уменьшать громкость. Размер окна можно регулировать, делать его во весь экран или привязывать к любому углу экрана.
С таким PopUp-окном открываются широкие возможности и существенно экономится время для рутинных, но необходимых для выполнения задач. Также освобождается и пространство рабочего стола для других задач.
Выбирайте сами задачи, которые будете делать параллельно, будь то серфинг на сайтах и в соцсетях.
Редактирование фотографий или другие задачи.
Использовать PopUp-окно или по-старинке делать экран — решать вам. Но, объективно, если вы проводите за компьютером много времени, такой способ просмотра позволит тратить время и пространство более эффективно.
с помощью клавиатуры и настроек Windows. Как развернуть игру на весь экран? Инструкция
В этой статье:
Почему нужно это знать?
В первую очередь это нужно вам самим. Эти знания расширят кругозор и помогут работать на компьютере быстрее и продуктивнее. Ведь многие комбинации клавиш ведут к функциям, которые глубоко запрятаны в недрах «Панели управления». Искать их и щелкать мышкой гораздо дольше, чем зажать пару клавиш. Кстати, клавиша полноэкранного режима в Windows тоже есть. И о ней мы будем говорить, поскольку сей вопрос очень интересует многих пользователей. Не пройдет и месяца, как вы почувствуете, что управлять ПК или ноутбуком при помощи горячих клавиш намного удобнее, чем мышью. Именно для этого и нужно знать их комбинации.
Как перевести игру в полноэкранный режим?
Для этого существует два способа. Первый – через настройки игры, а второй – специальной комбинацией клавиш на клавиатуре.
Второй способ является самым простым и самым быстрым. Все, что нужно сделать для активации полноэкранного режима игры это нажать кнопку “ALT” на клавиатуре и, не отпуская ее, нажать кнопку “Enter”. Делается это прямо в игре.
Кнопки “ALT” + “Enter” на клавиатуре
Повторное нажатие комбинации “ALT” + “Enter” снова активирует оконный режим.
Что касается первого способа, то к нему стоит прибегать, только в случае невозможности воспользоваться вторым способом. Это может произойти из-за нерабочей кнопки “ALT” или из-за других причин.
Для начала нужно зайти в игровые настройки и найти там опцию, отвечающую за запуск игры в оконном режиме и отключить ее. Обычно она находится в разделе “Экран” или “Графика”.
Активация полноэкранного режима в настройках игры
Применение «горячих клавиш»
Рассмотрим наиболее простой способ, как разворачивается игра на весь экран. Для этого достаточно нажать две клавиши: «Alt» + «Enter».
Способ эффективен не только для устаревших игр, но и для современных, к примеру, WoT.
При необходимости подобным сочетанием клавиш можно воспользоваться для возврата обратно оконного режима.
Изменение параметров запуска
В некоторых случаях, особенно когда вы играете на чужом ПК, игра запускается в оконном режиме из-за выставленного параметра «-window» в свойствах ярлыка.Записан он может быть в строчке «Объект» свойств ярлыка игры.
Если данную надпись убрать, то будет восстановлен стандартный вариант запуска на весь монитор.
Возникнуть проблема может при несовместимости операционки с установленной игрой. В этом случае выбирается в свойствах приложения или ярлыка вкладка «Совместимость» и подбирается необходимая операционка.
Довольно часто список предлагаемых операционных систем заканчивается на Виндовс Виста, а для владельца современной ОС, например, Виндовс 10, данный вариант не поможет.
Настройка видеокарты
Некоторые ситуации по запуску игр на полный экран решаются путем замены устаревших драйверов видеокарты. Их нужно или обновить, или полностью переустановить.
Меню с настройками видеокарты у каждого отдельного производителя имеют свой вид.
Например, для видеокарт, произведенных компанией Nvidia, пользователю необходимо перейти в раздел Пуск/Панель управления.
Там следует выбрать «Панель управления Nvidia» и осуществить регулировку масштабирования. При его запуске игра должна быть расширена до размеров экрана.
Для видеокарт от компании ATI, нужно запустить приложение Catalyst Control Center. Если используется интегрированные карты Intel Graphics, которые часто устанавливаются на ноутбуках, то потребуется исполнить целый ряд действий, что описано отдельно.
Настройки игры
Некоторые игры на современных операционках позволяют делать установку полноэкранного режима в настройках графики. Данную возможность можно обнаружить после запуска игры, которая по неизвестной причине в окне не запускается.
Инструкция для решения проблемы:
- Заходим в настройки.
- Находим пункт, который отвечает за запуск в полноэкранном или оконном режиме.
- Включаем режим или ставим галочку.
В некоторых случаях после настройки игры требуется перезапуск. На это не влияет ни версия операционки, ни разрешение экрана.
Смена разрешения
Если все вышеперечисленные способы не решили вопрос, как запускается игра на полный экран, то можно попробовать поменять разрешение. Есть вероятность, что игра слишком устарела, чтобы запускаться на весь экран.
Случается, что картинка имеет нечеткий вид. Устраняется проблема единственным способом – изменением разрешения экрана. После этого перестанет запускаться иной софт, более современный и рассчитанный на нормальные параметры.
Поэтому после завершения игрового процесса нужно возвратить для монитора его обычное разрешение.
Если для игры требуется значение расширения 640х480, а его монитор не поддерживает, то существует еще один способ. Необходимо открыть свойства ярлыка в разделе совместимости.
Данная функция после выхода из игры позволяет автоматически вернуться к нормальному разрешению.
Решение вопроса на ноутбуке
При возникновении проблемы, как окно игры делается на весь экран, не на ПК, а на ноутбуке Виндовс, она может заключаться в неверно выставленных значениях встроенной Intel Graphics видеокарты.
Для решения вопроса следуем инструкции:
- Устанавливаем ПО от производителя данной видеокарты.
- Открываем меню с графическими характеристиками, которые появляются после нажатия правой кнопкой мыши в рабочем столе по пустой области.
- Находим меню «Дисплей», открываем основные настройки. Они могут отсутствовать, если на используемом ноутбуке уже установлено максимальное разрешение.
Путем уменьшения разрешения получаем возможность для изменения параметров экрана. Затем потребуется установить параметры масштабирования, которые отвечают за отображение на весь экран, сохраняем изменения.
После закрытия панели Intel, появится возможность запускать все необходимые игры, которые теперь будут растягиваться по всей площади дисплея.
После игры стоит отключить масштабирование, а использовать функцию только для одной конкретной программы.
Полноэкранный режим в Photoshop
Этот программный продукт, предназначенный для профессиональной обработки фотографий, имеет множество интересных «фишек». В том числе полноэкранный режим. Клавиши в «Виндовс 8» (да и в любой другой ОС) — Shift плюс F. Это развернет программу в полный экран с меню-баром, на котором будут расположены необходимые инструменты. Однако возможности сего программного продукта в таком режиме очень ограничены. Для того, чтобы выйти из полноэкранного режима, достаточно будет нажать на кнопку Esc. Вообще, о комбинациях клавиш в «Фотошопе» можно было бы написать отдельную статью. Но это сейчас в наши планы не входит.
При работе в «Фотошопе» без горячих клавиш никуда. Это прекрасно знают все профессионалы, работающие в этой области. Сочетания клавиш заметно повышают производительность работы. Действительно, проще нажать на сочетание Ctrl-Alt-Z для того, чтобы откатить сделанные изменения, чем искать инструмент «Назад». Другие комбинации также эффективны. Хотя те, кто специально изучал приемы работы в «Фотошопе», и без того прекрасно знают о чудесных свойствах горячих клавиш.
Клавиши полноэкранного режима в различных приложениях
Для каждой программы есть свои горячие клавиши. В том числе сочетание клавиш входа в полноэкранный режим. Нужно ли говорить о том, что некоторые программы не поддерживают этот самый режим. К примеру, такие утилиты, как Microsoft Office. Им просто не нужен этот режим. В плеере Daum PotPlayer клавиша полноэкранного режима — Enter. В браузере Mozilla Firefox — кнопки Alt плюс F12. Но далеко не все приложения имеют схожие параметры. Поэтому следует изучить документацию для той или иной программы. Именно они покажут, как сделать полноэкранный режим клавишами.
Стоит отметить, что в некоторых программах вы можете сами назначить нужную комбинацию на то или иное действие. К таким утилитам относятся аудио- и видеоплееры, графические редакторы, файловые менеджеры, специализированные программы для обработки звука и видео и некоторые другие продукты. Это весьма удобно. Поэтому разработчики и предоставили пользователям такую возможность. За что честь им и хвала.
Полноэкранный режим в браузере Google Chrome
Этот интернет-браузер считается одним из лучших в плане скорости и производительности. Его используют миллионы людей. Поэтому нет ничего удивительного в огромном количестве запросов на тему, как сделать полноэкранный режим клавишами в «Хроме». Людей можно понять. Постоянно лезть в настройки браузера для того, чтобы просто переключить вид, — сплошное мучение. Итак, для того, чтобы развернуть «Хром» на весь экран, достаточно нажать на кнопку F11. Тогда браузер предстанет перед вами во всей красе. Для того, чтобы выйти из полноэкранного режима, нужно снова нажать на ту же клавишу. Тогда окно браузера примет свой обычный вид.
Вообще, у «Хрома» есть огромное количество горячих клавиш. Просто далеко не все о них знают. К примеру, на предыдущую страницу можно перейти при помощи кнопки Backspace. Для включения того или иного дополнения нужно нажать клавишу Alt и какую-нибудь цифру. Какое-либо дополнение и запустится. Главное — потом запомнить, на какой цифре что находится. И так далее. Горячие клавиши полностью раскрывают потенциал этот интернет-браузера. Так что изучить их точно стоит.
С помощью горячих клавиш
При ответе на вопрос, как включить полноэкранный режим в браузере Google Chrome, многие эксперты рекомендуют горячие клавиши. Для этого жмите кнопку F11 на клавиатуре. Иногда к этой кнопке нужно нажать и Fn (функциональную клавишу). Уже после первого нажатия веб-проводник должен открыться на весь экран.
Через графу Масштаб
Еще один способ включить полноэкранный режим Google Chrome — использовать опцию масштабирования в настройках. Для этого сделайте такие шаги:
- Войдите в веб-проводник Гугл Хром, если вы не успели его запустить.
- Мышкой наведите на символ меню и жмите по нему. Он расположен справа вверху веб-проводника. В зависимости от версии Google Chrome изображение может отличаться.
- В выпадающем перечне жмите на кнопку Масштаб. Справа необходимо нажать на кнопку с двумя дужками.
В дальнейшем можно в любой момент выйти из полноэкранного режима в Хроме, и вернуться к нормальной работе.
Точная настройка
Существует еще один метод, как в Google Chrome активировать полезную опцию. Для этого сделайте те же шаги, что рассмотрены выше. В разделе Масштаб будет стоять цифра с процентами. Их изменение позволяет увеличить или уменьшить размер изображения. Можно сделать еще быстрее. Зажмите кнопку Ctrl на клавиатуре, а после этого вращайте колесо мышки вверх или вниз для уменьшения или увеличения масштаба соответственно. Отметим, что такой метод позволяет менять масштаб, но перехода в Full Screen не происходит.
Как выйти из полноэкранного режима
Чаще всего в Сети попадаются вопросы, как выйти из полноэкранного режима в Хроме. Самый простой путь вернуть обычное изображение — нажать на F11 на клавиатуре. Иногда необходимо присоединить к ней дополнительную клавишу Fn. Второй вариант — войти в меню и нажать на символ с двумя скобками в разделе Масштаб (об этом упоминалось выше). Чтобы отключить полноэкранный режим Google Chrome, можно использовать любой из предложенных методов.
Возможные проблемы и пути их решения
Как правило, сбоев в работе функции не возникает. Но есть ряд моментов, на которые жалуются пользователи. Некоторые утверждают, что не удается выключить полноэкранный режим в Хроме. В ситуации с Виндовс необходимо убедиться в подключении клавиатуры и выключить опцию через нажатие кнопки F11 (иногда вместе с Fn). Похожая ситуация может возникнуть и в Убунту. Пользователь нажимает на горячие клавиши, но ничего не происходит. Для этого требуется открыть новое окно с помощью Ctrl+N, а после этого выключить ненужную функцию через меню.
Бывают ситуации, когда Хром постоянно запрашивает отображение в полноэкранном режиме для любого сайта. Такой запрос поступает при входе в любой ресурс, что сильно раздражает пользователей. Чтобы отключить появление запроса по поводу Full Screen, сделайте следующие шаги:
- Перейдите по ссылке chrome://settings/contentExceptions#fullscreen.
- Войдите в Настройки, а там Личные данные.
- Перейдите в Настройки контента, а после этого Во весь экран.
- Жмите на Управление исключениями.
В окне Исключения для полноэкранного режима Гугл Хром имеется список сайтов, которым уже разрешено отображаться в полный экран. Чтобы внести в перечень все ресурсы, необходимо отредактировать любую строку из перечня путем нажатия левой кнопки на адрес. К примеру, вместо [*.]www.youtube.com можно установить *://*/*. После внесения таких правок веб-проводник больше не будет запрашивать процесс перехода в Full Screen. Если ничего не помогает, можно обновить или полностью переустановить браузер.
Разворачиваем окно в MAC OS
На операционной системе от компании Apple алгоритм действий будет примерно тем же. Необходимо одновременно нажать клавиши Command+Power. В зависимости от ситуации комбинация будет либо сворачивать активное приложение в оконный режим, либо разворачивать его в полноэкранную версию отображения.
С помощью описанных выше «горячих клавиш» можно существенно упростить развёртывания окна на весь экран, а также повысить эффективность и скорость выполняемых действий. К слову, подобных сочетаний существует достаточно много, так что всегда есть куда развиваться.
Выводы и видео по теме
Если вы будете знать правила открытия игр в полноэкранном режиме, то можно заметно упростить игровой процесс. Зачастую, для всех данных методов требуется немного действий. Некоторые методы после совершения настроек позволят все игры открывать на весь экран.
ВИДЕО: Как растянуть игру на весь экран (ATI Radeon)
ВИДЕО: Настройка Windows 10 под Игры
Источники:
- https://FB.ru/article/333189/klavisha-polnoekrannogo-rejima-osnovnyie-goryachie-klavishi
- https://helpadmins.ru/kak-v-igre-sdelat-polnoyekrannyy-rezhim/
- https://monitorov.net/obshhee-po-teme/igra-na-ves-ekran
- https://WindowsTips.ru/polnoekrannyj-rezhim-v-chrome
- https://it-doc.info/razvernut-okno-na-ves-ekran-sochetanie-klavish/
- https://pomogaemkompu.temaretik.com/1536767644213185325/6-prostyh-sposobov-kak-sdelat-igru-na-ves-ekran-v-windows/
Оконные рамы из дерева своими руками
Изготовить деревянные рамы своими руками весьма сложно, ведь профиль нужно подготовить, строго соблюдая все размеры. Элементы оконной системы должны плотно прилегать друг к другу, только тогда изделие будет герметичным.
Отливы также сложны в изготовлении. Правильно сделать их могут люди, которые имеют опыт работы с деревом. Лучше всего вырезать элементы на специальных станках, тогда окна прослужат долго. Однако станки есть не у всех, поэтому в домашних условиях лучше остановиться на самом простом проекте. Конечно, самодельное изделие не будет герметичным, но для остекления дачи, балкона и летней кухни оно подойдет.
Этап подготовительных работ
Окно из дереваКак сделать окна своими руками, затратив минимум сил? Процесс изготовления состоит из следующих этапов:
- Выбор подходящего профиля. Приобретение строительных материалов.
- Изготовление коробки и рамы.
- Установка оконных блоков. Остекление.
На подготовительном этапе нужно будет выбрать стекло. Это может быть обычное листовое, которое хорошо подходит для дачных окон. Кроме того, в деревянные рамы можно установить готовые стеклопакеты.
Каждый из выбранных вариантов имеет свои достоинства. Например, в первом случае есть возможность самостоятельно выбрать и купить дешевый материал. А вот использование стеклопакетов в деревянных рамах отличается тем, что такие окна значительно сократят потери тепла.
Изготавливая стеклопакеты, производители закачивают в пространство между листами стекла инертный газ. Такие окна можно использовать для остекления дачи и загородного дома.
Оконные рамы можно сделать из лиственницы. Дуб тоже пользуются популярностью, но обрабатывать его значительно сложнее. Хорошим вариантом станет изготовление конструкций из ангарской сосны. Даже начинающие строители могут работать с клееным брусом, изделия из этого материала прослужат не менее 50 лет.
Следует заранее приобрести чертежи. Самым простым вариантом, который подойдет начинающим строителям, можно назвать изготовление окон с двойной рамой и одинарным остеклением. Для столярных работ потребуются следующие инструменты:
- молоток;
- пила;
- стамеска.
Работа будет выполнена быстрее, если в наличии будут электрорубанок и фреза.
Про различные инструменты для обработки дерева своими руками, вы можете прочитать в нашей статье.Как сделать окно, да так чтобы оно прослужило долго? Многое зависит от качества материала. Для работы подходит только сухая древесина. Ее следует внимательно осмотреть на строительной базе. Важно, чтобы не было сучков, тогда рама не треснет. Хорошим вариантом станет клееный материал. Для самостоятельного изготовления окна потребуется чертеж, стекло, уголки из металла и столярный клей.
Клееный брус хорош тем, что он практически не поддается деформации. Рама, выполненная из этого материала, не изменит форму даже при высокой влажности. Оконную раму можно сделать из досок 50х150 мм и брусков 50×50 мм. Также все деревянные конструкции обрабатывают антисептиком. Это предотвращает гниение.
Заводской оконный профиль имеет сложное строение, повторить его новичкам очень сложно. Поэтому проще всего использовать самый простой проект. Например, для создания оконного профиля может быть использована фанера. Необходимо скрепить 4 полосы в виде прямоугольника. Для изготовления профиля собирают несколько прямоугольников. Так можно сделать глухую раму или окно с 3 или 2 стеклами.
Для изготовления рамы с 1 стеклом потребуется 8 полос из фанеры, они образуют 2 прямоугольника. Полосы 2 слоя делают меньшей ширины. Для соединения деталей используют саморезы по дереву. Все части конструкции промазывают столярным клеем, тогда рама прослужит много лет.
Как сделать коробку из досок
Оконная коробкаКоличество материала, который вам потребуется, зависит от размера окон. Сначала нужно сделать коробку, на нее будет установлена рама. Коробка защищает ее от деформации при усадке здания. Все элементы изготавливаются из сухой доски, она должна быть без трещин. Ее обрабатывают наждачной бумагой, это позволяет убрать мелкие заусенцы. Потом наносят разметку и вырезают части конструкции.
В процессе выполнения работ важно обращать внимание на внешний периметр изделия. Он должен быть примерно на 3 см меньше размеров оконного проема в стене. Далее следует посмотреть на внутренний периметр, он должен быть примерно на 3 мм больше размера рамы.
Все элементы коробки соединяют по принципу паз-шип. Сделать его можно фрезой или ножовкой. Для работы вам потребуются стамеска и киянка. Шип делают на той части, которую планируют установить в вертикальном положении. Паз вырезают на элементе, который будет установлен в оконном проеме в горизонтальном виде.
Далее нужно взять наждачную бумагу и тщательно зачистить все элементы. Коробку собирают на полу или другой ровной поверхности. Шип и паз смазывают столярным клеем, это повышает прочность монтажа. Необходимо следить за тем, чтобы все части окна были соединены под углом 90°. Для этого используется металлический уголок.
Для того чтобы придать конструкции большую жесткость, в коробке по диагонали просверливают 2 отверстия. Это нужно сделать в тех местах, где происходит крепление по типу шип-паз. При помощи киянки в них вставляют штифты из дерева (так фиксируется прямой угол). Все штифты предварительно смазывают столярным клеем. Он должен высохнуть, поэтому коробку нужно оставить на некоторое время. На следующем этапе осуществляется изготовление оконной рамы.
Сборка оконной рамы
BBC — My Web My Way
В дополнение к описанным выше способам увеличения размера указателя мыши и упрощения его использования существует ряд параметров, специально разработанных для упрощения нахождения указателя мыши на экране.
Шаг 1. Откройте окно «Свойства мыши»
Щелкните правой кнопкой мыши в любом месте рабочего стола и выберите « Personalize », чтобы открыть окно «Персонализация». На левой панели нажмите « Изменить указатели мыши », чтобы открыть окно «Свойства мыши», показанное на рис. 2.Если вы не можете этого сделать, воспользуйтесь следующим альтернативным методом. В противном случае переходите к шагу 2.
Откройте окно Ease of Access Center, нажав клавишу Windows + U или нажав кнопку « Start », затем « Control Panel », затем « Ease of Access », затем «». Центр легкости доступа ». Под заголовком «Изучить все настройки» нажмите « Сделайте мышь более простой в использовании » (как показано на рис. 1) или нажмите Tab , пока она не будет выделена, а затем нажмите , введите .
Рис 1
В окне «Упростить использование мыши» прокрутите вниз до заголовка «См. Также» и нажмите « Настройки мыши » или нажмите Tab , пока он не будет выделен, а затем нажмите Введите . Откроется окно «Свойства мыши», показанное на рис. 2.
Рис 2
Шаг 2. Измените настройки видимости указателя мыши
Если он еще не выбран, щелкните вкладку « Pointer Options » или нажимайте Tab , пока не будет выделена какая-либо из вкладок, а затем с помощью клавиш со стрелками выберите вкладку « Pointer Options ».
Параметры под заголовком «Видимость» предоставляют три способа сделать указатель мыши более заметным на экране.
Чтобы указатель мыши был лучше виден при его перемещении, вы можете добавить к нему «следы». Установите флажок рядом с « Display pointer trails », щелкнув по нему, или нажмите Alt + D , чтобы поставить галочку и включить эту функцию.
Если вы обнаружите, что указатель мыши отвлекает при вводе текста, вы можете заставить его временно исчезнуть.Чтобы включить эту функцию, установите флажок « Скрывать указатель при вводе » или нажмите Alt + H , чтобы установить его.
Если флажок рядом с « Показывать расположение указателя при нажатии клавиши Ctrl » установлен, то при нажатии клавиши Ctrl появится большой кружок, упрощающий поиск указателя мыши на экране. Чтобы включить эту функцию, щелкните поле или нажмите Alt + S , чтобы поставить галочку.
Нажмите кнопку « OK » или нажмите Tab , пока она не будет выделена, а затем нажмите Введите , чтобы сохранить изменения.
Примечание : Если это не работает, это может быть связано с тем, что настройки вашего компьютера не могут быть изменены из-за локальной ИТ-политики — обратитесь в местную ИТ-поддержку для получения дополнительной помощи.
Как сделать компьютер быстрее: как исправить медленный компьютер
- Меню
- хранить
- Служба поддержки
- Компания
- Блог
- Лаборатории
CleanMyMac X
ClearVPN
Новый
CleanMyPC
CleanMyDrive 2
Setapp
Близнецы 2
Фото Близнецов
Unarchiver
Как создать веб-сайт на WordPress: пошаговое руководство для начинающих
Верите вы или нет, но знание того, как создать веб-сайт с нуля, является одним из наиболее важных навыков, которым вы должны овладеть как владелец малого бизнеса. этот день и возраст.
Пожалуйста, потерпите меня! Вот почему:
- Если вы знаете, как создать свой собственный веб-сайт, вы сэкономите массу денег на веб-разработчиках и дизайнерах.
- Это также позволит вам следить за тенденциями рынка и размещать новые вещи на своем веб-сайте без помощи программиста.
- Вы будете эффективно опережать своих конкурентов, потому что, хотя их проекты замедляются из-за необходимости консультироваться с разработчиками, вы сможете создавать большинство вещей самостоятельно (в пределах разумного, конечно).
С учетом сказанного, самая важная часть головоломки заключается в том, что вы можете научиться создавать веб-сайт на WordPress, а затем создать что-то потрясающее для своего бизнеса или проекта самостоятельно .
И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен. Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.
Вот как сделать сайт самостоятельно, шаг за шагом:
Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:
- Найдите доменное имя для своего сайта.
- Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
- Установите WordPress через интерфейс Bluehost.
- Выберите бесплатную тему WordPress из онбординга Bluehost.
- Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
- Начните создавать свои страницы и сообщения в блогах.
Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) — это разблокирует 2 доллара.95 против цены со скидкой 3,95 доллара для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.
Как создать сайт — с высоты птичьего полета
Хорошо, вот план того, что мы собираемся делать на следующих этапах. Важно отметить, что все это можно сделать своими руками (если это так) и что мы минимизируем затраты везде, где это возможно.
Короче говоря, в конце этого руководства вы получите функциональный красивый веб-сайт, который не приведет вас в долги.Вот через что мы пройдем:
Хорошо, этот последний шаг в основном зависит от вас, и мы не будем уделять много внимания элементу прибыли в этом руководстве. Но у нас есть для этого другие ресурсы. Проверь их!
Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта
По правде говоря, существует множество платформ веб-сайтов, которые вы можете использовать при создании нового сайта. Обычно их называют системами управления контентом (CMS).
Идея CMS состоит в том, чтобы предоставить вам несколько простых в использовании инструментов, чтобы вы могли редактировать содержание своего сайта без каких-либо знаний в области программирования.По большей части — с точки зрения пользователя — эти CMS очень похожи на знакомые интерфейсы в Facebook или Google Docs. Вы в основном создаете новые страницы или документы, а затем публикуете их в Интернете.
Но хватит технических подробностей! Как я уже сказал, существует множество CMS — фактически, более 100, как указано в Википедии.
К счастью, выбрать лучший очень просто. На вершине горы только один король — WordPress.
WordPress используется более чем на 34% всех веб-сайтов (согласно данным).Опять же, это всех сайтов!
(Графики визуализатора.)
Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.
Вот основные сведения о WordPress:
- это открытый код
- бесплатно
- это идеальное решение для создания веб-сайтов своими руками
- он очень универсален — может работать с любым типом веб-сайтов.
- это быстро, оптимизировано и безопасно
- SEO-совместим — упрощает продвижение
Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.«Вы можете найти его, если зайдете на WordPress.org.
Существует также другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, если зайдете на сайт WordPress.com. Мы описываем различия между ними здесь.
А пока давайте просто вспомним, что нам нужен WordPress.org , поскольку это более универсальная и более дешевая версия платформы. Все это станет ясно на следующих этапах.
🎯 Действие примечания.На данный момент вам не нужно выполнять никаких действий. Шаг 1 — это просто ознакомление с инструментом, который вы собираетесь использовать для создания своего сайта на следующих этапах.
Шаг 2. Выберите имя для своего сайта, купите домен и хостинг
Когда вы учитесь создавать веб-сайт, выбор имени, вероятно, является самым увлекательным аспектом всего процесса.
В конце концов, у вас здесь полная свобода. Вы можете выбрать буквально любое название для своего сайта.
Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.
Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.
Это действительно хорошая идея — построить имя вашего веб-сайта (и, следовательно, ваше доменное имя) либо вокруг имени вашей организации (наиболее очевидный подход), либо вокруг фразы, связанной с вашей нишей, но с некоторыми добавленными словами для лучшая торговая марка.
Короче говоря, хорошее доменное имя должно быть:
- фирменный стиль — уникальное звучание, не похожее ни на что другое на рынке
- легко запомнить
- короткие — их тоже легче запомнить
- легко набирать и сложно перепутать — вы же не хотите, чтобы люди задавались вопросом, как пишется название вашего сайта
- , включая ключевые слова, относящиеся к нише — например, если вы что-то делаете с пиццей, было бы здорово иметь слово «пицца» где-нибудь в названии сайта; То же самое работает и в отраслях, не связанных с пиццей.🍕
Вот быстрый инструмент, который вы можете использовать, чтобы узнать, доступно ли интересующее вас доменное имя:
Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.
Начните с ввода ключевого слова, которое хорошо определяет ваш сайт.
Domain Wheel вернется с некоторыми предложениями. Вы можете сузить круг поиска и найти свое идеальное доменное имя.
Следующий шаг, когда вы знаете, какое доменное имя вы хотите, — это зарегистрировать его, а также купить пакет хостинга за один раз.Давайте позаботимся об этом дальше:
а) Покупка доменного имени и хостинг
💡 Примечание. Хотя такие вещи, как покупка пакета хостинга, поначалу могут показаться пугающими, на самом деле беспокоиться не о чем. Процесс, который мы представляем здесь, упрощен и не требует от вас сложной технической работы.
🧙 Примечание для новичков: что вообще такое хостинг?
Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится в ожидании посещения посетителей.
Вопреки распространенному мнению, веб-сайты находятся не «только в Интернете» или «в Google». Вместо этого они размещаются на веб-серверах — настройках веб-хостинга — а затем получают оттуда , обслуживаемые всем посетителям.
Чтобы ваш веб-сайт оставался в сети, вам необходимо арендовать место на сервере у хостинговой компании.
На практике все намного проще, чем кажется, что вы увидите через минуту.
Существуют десятки, если не сотни различных компаний, которые могут зарегистрировать для вас новое доменное имя. Кроме того, есть масса компаний, которые могут продать вам пакет хостинга…
Но давайте не будем усложнять себе задачу и вместо этого получим все от одной компании — и за один раз.
Мы собираемся использовать Bluehost. Вот почему:
- Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и позаботится о том, чтобы ваш сайт работал без сбоев.
- — это одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
- дешево (от 2,95 $ в месяц)
- прост в использовании и удобен для новичков
- вы получаете доменное имя бесплатно
Вот что будет теперь:
- Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего веб-сайта.
- Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
- Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
- Мы выйдем со 100% работающим веб-сайтом WordPress!
Приступим — вот как создать сайт:
Сначала нажмите здесь, чтобы перейти в Bluehost. Оказавшись на странице, нажмите кнопку «Выбрать план».
В большинстве случаев, если вы запускаете новый сайт, будет достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,95 доллара в месяц.
На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:
Далее укажите свои личные данные:
Прежде чем продолжить, хорошо бы проверить и подтвердить параметры настройки хостинга, которые вы выбрали.Его можно найти в разделе , информация о пакете :
Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.
На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.
б) Указание Bluehost установить для вас WordPress
Поскольку теперь вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственный элемент, который отсутствует, — это WordPress.
Хотя технически можно установить WordPress вручную, зачем вам это делать, если вы можете заставить других делать это за вас, причем бесплатно! Вот как:
Как только вы завершили процесс регистрации в Bluehost, вы должны были получить электронное письмо от команды Bluehost с некоторыми подробностями о том, как войти в свой профиль клиента и начать работу над своим сайтом.
После того, как вы войдете в систему, Bluehost покажет вам простой в использовании мастер, который проведет вас через процесс установки WordPress на вашем хостинге.
Кроме того, вы также можете установить WordPress, зайдя в раздел Мои сайты и нажав кнопку Create Site :
Все, что нужно Bluehost для установки WordPress, — это имя вашего нового сайта и имя пользователя / пароль, которые вы хотите использовать при управлении WordPress.После завершения работы мастера ваш сайт будет установлен и готов к работе!
Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress
Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/
Вот что вы увидите:
Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («снимок экрана установки WordPress» выше).
После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:
- (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора перечислены как быстрые ссылки — обычно это ваши ярлыки для создания веб-сайта.
- (2) Текущее состояние вашего сайта и что с ним происходит.
- (3) Сообщений — перейдите сюда, чтобы создавать сообщения в блоге.
- (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
- (5) Страницы — перейдите сюда, чтобы создать подстраницы.
- (6) Комментарии — здесь вы можете модерировать комментарии.
- (7) Внешний вид — измените здесь дизайн вашего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
- (8) Плагины — здесь можно установить новые плагины.
- (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора веб-сайта.
- (10) Настройки — основные настройки.
На этом этапе полезно позаботиться о некоторых основных настройках WordPress для начала работы, которые улучшат ваш опыт в будущем.
а) Установить постоянные ссылки
Постоянные ссылки определяют, как индивидуальные адреса веб-страниц — или URL-адреса — структурированы на вашем сайте.
Наиболее оптимизированная структура — это наличие заголовка страницы в URL-адресе. Например, ваша страница «О нас» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.
Чтобы установить постоянные ссылки, перейдите в «Настройки » → «Постоянные ссылки » на главной боковой панели на панели инструментов WP.
Оказавшись там, выберите этот параметр:
б) Сделайте ваш сайт общедоступным
Я думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться, что это так, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не рекомендовать поисковым системам…» стоит , не отмечено флажком .
c) Задайте заголовок и слоган сайта
Перейдите в Settings → General и установите поля Site Title и Tagline на желаемое.
Название и слоган вашего сайта могут появляться в разных местах на сайте. Некоторые темы WordPress отображают их на главной странице и в описании SEO, которое Google использует при размещении вашего сайта на страницах результатов.
Слоган необязателен — вы можете оставить его пустым, если у вас нет слогана для сайта.
г) Разрешить или запретить комментарии
Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.
С одной стороны, позволяя читателям оставлять свои мнения и вопросы под вашими статьями / страницами, может быть очень полезно для создания сообщества вокруг веб-сайта. Но, с другой стороны, вы также будете заниматься спамом и следить за тем, чтобы не было троллинга.
Разрешите вы или отключите комментарии, это можно сделать в Настройки → Обсуждение .
д) Отключить пингбеки и трекбэки
Я не знаю, почему этот параметр все еще присутствует в WordPress. В основном это пережиток тех времен, когда пингбэки и трекбэки были обычным делом.
Тем не менее, если вы хотите узнать, как создать веб-сайт в наши дни, вы можете просто отключить их, сняв флажок со следующей настройки в Настройки → Обсуждение .
е) Установите часовой пояс
Правильная установка часового пояса сделает публикацию новых страниц и сообщений более предсказуемой.
Как правило, вы хотите установить часовой пояс либо там, где вы находитесь, либо где находится ваша целевая аудитория. Что имеет больше смысла.
Вы можете установить часовой пояс в Настройки → Общие .
Убрав основные настройки, мы можем перейти к интересным вещам:
Шаг 4. Выберите тему / дизайн для своего веб-сайта
Самое замечательное в WordPress то, что он работает со сменными дизайнами — темами .
Это означает, что вы можете изменить внешний вид вашего сайта WordPress одним щелчком мыши.
Например, так выглядит веб-сайт WordPress по умолчанию сразу после установки:
Всего за пару кликов и с помощью популярной бесплатной темы под названием Hestia, например, мы можем сделать так, чтобы она выглядела так:
Вот как:
а) Выберите тему, которая вам нравится
Как я уже упоминал, темы WordPress — это готовые дизайнерские пакеты, которые определяют внешний вид вашего сайта.Вы можете быстро установить их, а затем при необходимости изменить в будущем.
Важным моментом здесь является то, что темы не изменяют содержимое вашего сайта, а только изменяют его представление.
Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.
Но это только верхушка айсберга. В Интернете на сторонних сайтах гораздо больше бесплатных тем, а также есть целый другой мир платных тем, которые распространяются независимыми магазинами тем (например, ThemeIsle или aThemes) и даже торговыми площадками (например, ThemeForest).
Несмотря на то, что существует множество платных тем, для большинства пользователей бесплатные темы — отличный вариант для начала. Самое удивительное в некоторых из лучших бесплатных тем — это то, сколько впечатляющих функций они предлагают, не требуя ничего взамен.
Итак, как выбрать тему, которая подходит именно вам? Вот несколько советов, если вы хотите сделать это более подробно. Как правило, вам не нужно тратить на это слишком много времени, вместо этого вам нужно выбрать простой маршрут.
Мы можем это сделать, потому что тема, которую вы выберете сегодня, не обязательно будет вашим окончательным решением. Вы всегда можете вернуться к нему позже и изменить его за считанные минуты.
Таким образом, мы сделаем беспроигрышную ставку и воспользуемся одной из самых популярных бесплатных тем на рынке сегодня, чтобы продемонстрировать, как работают темы WordPress. Эта тема — вышеупомянутая Гестия.
🎨 Примечание. Хотя мы будем использовать Hestia в качестве примера в следующем разделе, это не единственная бесплатная тема, которую вы можете использовать.Вот наша коллекция тематических обзоров для разных целей, от бизнес-сайтов до блогов, путешествий, продуктов питания, личных сайтов и т. Д. Вы можете использовать любую из этих тем. Порядок такой же.
б) Установите свою тему
Если выбранная тема доступна в официальном каталоге на WordPress.org, единственное, что вам нужно для ее установки, — это название темы. Ага. Это оно.
Вот как выполняется установка темы:
Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”
Оттуда введите имя темы, которую вы хотите установить, например:
Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под нужной темой:
Через секунду тема будет установлена. Чтобы полностью включить его на вашем сайте, нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».
Hestia — одна из тех тем, которые предлагают отличную адаптацию для новых пользователей.Чтобы увидеть, что тема приготовила для вас, нажмите кнопку в приглашении.
Вы увидите свою главную панель Hestia, на которой вы можете узнать о теме и расширить ее готовые функции с помощью некоторых дополнительных функций. Давай сделаем это сейчас.
Сначала нажмите ссылку «Рекомендуемые действия», чтобы узнать, что доступно.
Из предложенных здесь вариантов остановимся пока только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».
💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.
Orbit Fox — прекрасное дополнение к Hestia, поскольку оно предлагает несколько интересных функций для улучшения внешнего вида вашего сайта. Например, вы получаете несколько полезных новых модулей для домашней страницы, каталог шаблонов, который будет полезен при создании ваших подстраниц (например, «о себе» или «контакт»), и пользовательские значки меню.
На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на сайт YOURDOMAIN.com .
Однако то, что вы там видите, далеко от потенциала темы. Прямо сейчас мы позаботимся о том, чтобы адаптировать дизайн, меню и другие элементы, чтобы сайт выглядел именно так, как вы этого хотите. Вот как:
в) Настроить тему
Хотя внешний вид вашей темы уже может быть довольно приятным, вам все же следует сделать некоторые базовые настройки, чтобы она соответствовала вашим потребностям.
Для начала перейдите в Внешний вид → Настроить . Вы увидите основной интерфейс настройщика WordPress.
Оттуда вы можете настроить множество вещей. Начнем с главной страницы, поскольку она наиболее репрезентативна.
Настройка домашней страницы.
Сделайте следующее:
- На боковой панели перейдите в «Настройки домашней страницы».
- Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
- Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
- Введите имя страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».
Это заменит список последних статей вашего сайта по умолчанию на полностью настраиваемую главную страницу. По умолчанию вы увидите несколько интересных элементов на новой домашней странице.
См. Здесь:
Для начала изменим основной заголовок на странице. Рекомендуется указать либо название вашей компании, либо что-нибудь еще, что служит заголовком для всего сайта.
Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.
Когда вы это сделаете, слева появится панель настройки.
Через него можно:
- Измените фоновое изображение — сделайте его чем-то связанным с вашим бизнесом
- изменить название
- измените текст под заголовком — вы можете полностью удалить его, если хотите
- изменить текст кнопки — обычно ведет к вашим продуктам или наиболее важным страницам (подробнее об этом через минуту)
Под ним вы можете настроить любой из других доступных блоков домашней страницы.По умолчанию вы получаете все это (см. Этот список, перейдя в «Разделы главной страницы» на боковой панели настройщика):
- Раздел Features — отличное место для объяснения того, что ваша компания может предложить или какова цель веб-сайта — эта «цель», вероятно, является самой важной вещью, которую следует иметь в виду, когда вы узнаете, как сделать Веб-сайт.
- Раздел О — отличное место, чтобы рассказать о своей истории.
- Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.
- Лента — еще одно место, где вы можете упомянуть свой основной призыв к действию.
- Testimonials Раздел отлично подходит, когда вы хотите продемонстрировать, что ваши предыдущие клиенты сказали о вашем бизнесе.
- В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами связаться.
Также доступно несколько дополнительных разделов.Лучше всего просмотреть их и выбрать те, которые имеют смысл использовать для вашего бизнеса и в вашей конкретной ситуации.
Когда вы закончите настройку главной страницы, не забудьте нажать на главную кнопку «Опубликовать», которая находится вверху.
Корректировка типографики.
Следующее, что нужно сделать, — это позаботиться о типографике вашего сайта — шрифтах, используемых по всему сайту.
Вы можете сделать это, перейдя в «Настройки внешнего вида» → «Типографика » на боковой панели настройщика WordPress.Там вы сможете выбрать шрифт и сразу же увидеть его на своем сайте.
Цвета.
По умолчанию ваша новая тема будет использовать пару основных цветов, которые определяют цветовую схему по умолчанию. Вы можете изменить этот параметр в настройщике WordPress. Просто нажмите цветов на главной боковой панели.
Акцентный цвет обычно используется для кнопок, ссылок и всего остального, что должно выделяться на фоне остального дизайна сайта.
…
После того, как вы сделаете это, ваш веб-сайт начнет казаться, что он действительно ваш . Вы сделаете все необходимые настройки и настройки, чтобы он соответствовал вашему бренду.
💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:
- выберите макет вашего веб-сайта по умолчанию — хотите ли вы, чтобы боковая панель была слева, справа или нигде,
- , как вы хотите, чтобы список блога отображался,
- , хотите ли вы использовать основное фоновое изображение для всего сайта,
- форма кнопок и многое другое.
Шаг 5. Получите плагины для расширения возможностей вашего сайта
Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱
Другими словами, они расширяют стандартную функциональность вашего сайта, добавляя некоторые столь необходимые функции. По сути, пока вы разбираетесь в том, как создать сайт самостоятельно, плагины — это то, как вы можете получить некоторые замечательные функции, не зная кода.
Вот плагины, которые вам следует рассмотреть — лучше всего то, что все они бесплатны:
- Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
- Google Analytics для WordPress — интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
- Wordfence Security — повышает безопасность вашего сайта WordPress.
- UpdraftPlus — делает автоматические резервные копии вашего сайта.
- Optimole — оптимизирует ваши изображения.
- WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами — это намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
- Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.
Установка плагинов проста. Если мы имеем дело с бесплатным плагином, то все, что вам нужно, — это его название.
Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».
Шаг 6. Создайте базовые страницы
Есть некоторые страницы, которые должны быть у всех веб-сайтов, независимо от их назначения или цели.
Но сначала, как вообще создать страницу :
Для этого просто перейдите на панель управления WordPress, а затем выберите Pages → Добавить новый . Вы увидите этот экран:
- (1) Место для заголовка страницы.
- (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
- (3) Вы можете добавить изображения, нажав эту кнопку.
- (4) Переключение между редакторами Text и Visual . Используйте первое, только если вы хотя бы смутно знакомы с кодом HTML.
- (5) Раздел Publish . Здесь находится основная кнопка Publish .
- (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «Трекбэки и пингбэки» можно не устанавливать.
- (7) Featured image . Большинство тем WordPress используют это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.
Когда вы закончите редактировать содержимое страницы, нажмите «Опубликовать».
Теперь, когда мы разобрались с практическими рекомендациями, вот страницы, которые вам следует рассмотреть:
- Примерно — я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
- Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую форму через вышеупомянутый плагин WPForms).
- Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
- Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
- Магазин — незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.
Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.
Шаг 7. Рассмотрите возможность создания блога
Блог (а также маркетинг через контент — он же «контент-маркетинг» в целом) — один из наиболее эффективных способов продвижения не только вашего веб-сайта, но и любых продуктов, которые вы, возможно, захотите продавать через этот веб-сайт.
И это говорю не только я; есть необработанные данные, доказывающие, что блоги — превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.
Ведение блога — простая концепция. Вы регулярно публикуете статьи, относящиеся к теме вашего сайта.
С технической точки зрения, WordPress с самого начала имеет встроенные инструменты для ведения блогов. Фактически, WordPress начинался как платформа для ведения блогов.
Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в сообщений → Добавить новый (из панели управления WordPress).
Сам процесс создания сообщения в блоге работает почти так же, как создание новой страницы. Панель редактирования выглядит почти так же (снимок экрана ниже), и параметры в основном такие же.
Одно из немногих отличий заключается в том, что вы также можете назначать свои сообщения категориям и тегам.
Вот как выглядит добавление нового сообщения в блог:
Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”
Чтобы ваши сообщения были легкодоступными, вы должны назначить одну из своих страниц в качестве основного списка для этих сообщений.
- Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
- Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «страницы сообщений», например:
На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние сообщения в блоге.
Конечно, самая сложная часть создания блога — это регулярно писать сообщения в блог и делать их привлекательными для чтения. Подробнее о том, как создать потрясающий блог на WordPress!
Шаг 8. Настройте навигацию по сайту
Поскольку все ваши ключевые страницы в сети (и, возможно, ваш блог также запущен), сейчас хороший момент, чтобы настроить навигацию вашего сайта и упростить его просмотр для посетителей.
Здесь мы сосредоточимся на двух элементах:
а) Меню
Меню — это основной инструмент, с помощью которого посетители перемещаются по вашему сайту, поэтому они имеют решающее значение при понимании того, как создать сайт.
В зависимости от вашей темы у вас будет несколько вариантов на выбор в отношении настроек меню. Вот что обычно можно сделать (на примере Гестии):
Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.
Вы увидите панель по умолчанию:
Слева находятся все страницы, которые вы можете добавить в меню. Справа видна сама структура меню и все его настройки.
Давайте начнем с выбора пары ключевых страниц и добавления их в меню.Хорошая идея — выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.
Самое замечательное во всей этой панели то, что вы можете перетаскивать элементы меню, чтобы изменить их порядок.
Когда вы закончите, выберите меню внизу. Обычно при выборе места с пометкой «Основное меню» меню отображается в верхнем разделе веб-сайта. Вероятно, это то, что вам нужно для главного меню. Нажмите «Сохранить меню», чтобы сохранить настройки.
💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».
Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.
б) Виджеты
Виджеты — это устаревшая функция WordPress. Проще говоря, виджет — это небольшой блок контента, который может отображаться в различных местах веб-сайта.
Обычно такие блоки размещаются на боковой панели или в нижнем колонтитуле сайта.
Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в Внешний вид → Виджеты на панели инструментов WordPress. Вы получите этот экран:
Тема Hestia предлагает ряд областей виджетов, помимо боковой панели или нижнего колонтитула, но давайте пока не будем сосредоточиваться на этих дополнительных местах размещения.
Чтобы добавить любой виджет в область виджетов, просто возьмите его с левой стороны и перетащите в выбранную область виджетов справа.
Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:
…
После того, как вы закончите со своими виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!
Видеоверсия этого руководства
Вот видео-пошаговое руководство по созданию веб-сайта на WordPress.Вы можете рассматривать это как резюме того, что было сказано выше.
Заключение
Вот и все! Вы только что узнали, как создать сайт! 🍾🎊
Самое замечательное в представленном здесь процессе состоит в том, что вы можете сделать все самостоятельно и не должны никого нанимать. Создание веб-сайта с использованием WordPress в качестве платформы — наиболее экономичное из доступных решений.
Если вы хотите узнать больше о том, что делать со своим веб-сайтом после его запуска — e.г. как продвигать свой веб-сайт или как его монетизировать — прочтите любые другие наши руководства в блоге.
Если у вас есть какие-либо вопросы о том, как создать веб-сайт с нуля, задавайте их в комментариях ниже!