Марафон — как добавить картинку в пост и страницу на сайт

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

Сегодня разберем два вопроса — как сделать страницу контактов в вордпресс и как добавить картинку в пост.

Если считать от даты старта марафона, то до его окончания — то есть получения первых доходов — осталось 41 день.  У самого не всё получается сразу. Я понял — что прокололся с тематикой, все-таки выбирать стоит  более узкую тему. Возможно я смогу постепенно свести начатый сайт к более узкой теме, пока важно набирать трафик по НЧ в целом.

Итак, приступим...

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

Добавить страницу в wordpress также легко как и запись (пост) — слева в колонке панели управления (консоли) находим закладку страницы — жмем «добавить новую»

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

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

Как сделать  в вордпресс страницу контактов с обратной связью

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

Рассмотрим простой вариант. Сначала нам нужен плагин Contact Form 7 с официального сайта WordPress. Устанавливаем его как и другие, процесс подробно, с картинками,  был описан в 4-м шаге нашего марафона (посмотреть). То есть идем по схеме Панель управления (консоль) — плагины — добавить новый — в поиски вводим «Contact Form 7»  - устанавливаем и активируем.

ecnfyjdrf ajhvs j,hfnyjq cdzpb djhlghtcc

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

2015-01-16 07-01-19 Скриншот экрана

Откроется страница на которой уже предустанолена одна базовая форма  -"Контактная форма 1" — просто берем код — на скрине  он выделен и копируем его. Далее вставляем на новую страницу и радуемся.

контактная форма для вордпресс

Как создать страницу — смотрим выше, а в поле для контента вставляем скопированный код в текстовом (html) редакторе и всё. ))

вставка формы обратной связи

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

плагин обратной связи

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

CMS WordPress ориентирована на удобство пользователей. Если не пользоваться журнальными премиум-шаблонами с кучей всяких настроек — то проблем не возникает. Да и осваивать вордпресс лучше от простого к сложному.

Итак, у вас есть уникальная картинка, которую вы желаете добавить в пост. вверху над окном ввода текста есть кнопка «добавить медиафайл» — через не можно добавлять не только картинки но и аудиофайлы,  pdf — файлы, таблицы excel и проч. Нас интересуют картинки. Итак, кликаем на  кнопку добавить медиафайл - открывается дополнительно окно выбора

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

2015-01-16 07-42-51 Скриншот экрана

Можно загружать одновременно несколько картинок.  Важно: картинки должны иметь название на латинице. Иногда хостинг может конфликтовать и картинки с кириллическими именами могут не отображаться.

2015-01-16 07-46-29 Скриншот экрана

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

2015-01-16 07-47-53 Скриншот экрана (2)

Здесь вы можете:

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

Так выглядит картинка в подписью

Так выглядит картинка в подписью

Прокрутив немного ниже  -появятся настройки отображения файла

  • Выравнивание : слева — справа — в центре
  • Ссылка : варианты — без ссылки (нет), медиафайл, страница вложения (картинка будет открываться на новой странице) и произвольный url — ссылка на другую страницу вашего или чужого сайта. Покликайте по картинкам ниже чтобы понять разные варианты

 Пример: Нет (без ссылки)

173071781352a05437845339.98725070

 Пример: произвольный урл

url1

 

 Пример: страница вложения

13502.big

 Пример: медиафайл

Внешние_медиафайлы_Разное

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

2015-01-16 08-14-33 Скриншот экрана

 

Надеюсь, я ответил на заявленные вопросы. Не забываем подписаться на новые статьи (если вы этого еще не сделали), добавлять сайт в закладки ctrl+D, комментировать и лайкать кнопочки социальных сетей.

Введите ваш email:

 

В закладки: постоянная ссылка.

Комментарии:

13 Comments

  1. Valek (22 комментария)

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

  2. razdiratel (17 комментариев)

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

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

  4. Olga_sam(1 комментарий)

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

  5. Seo-Love (4 комментария)

    Никогда не использовал вордпресс, надо бы заняться им пристально

    • Роман Орлов

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

  6. Seo-Love (4 комментария)

    Роман, очень таки хорошие статьи. Читаю практически через день, для себя многое узнал. Благодарю, Михаил!

  7. Роман, у вас в примере медиафайл картинка открывается в всплывающем окне — как сделать также, у меня просто открывается новая вкладка с одной картинкой.

    • Роман Орлов

      у меня для этого стоит плагин litebox 2, попробуйте его установить — там всё просто настраивается.

  8. Приветствую Роман! Полезные статьи пишешь, для новичков тем более очень полезно! Только вот не знаю, почему народ почти комментарии не пишет... Видимо всех кризис грузит 🙂 А так респект!

    • Народ пишет комментарии, когда хочет что-то узнать или с чем-то не согласиться, а здесь все понятно и так. Кстати, моя ошибка в том, что никогда в ALt не писал ключевые слова.

      • Роман Орлов

        Можно установить специальный плагин вордпресс и автоматически прописывать в alt заголовок поста

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *