«Самый надежный компас на жизненном пути – цель»

Цель - Создание сайта

Добавление картинок. Создание рубрик. Написание статей

Скачать чек лист № 10       Перейти по ссылке Кнопка скачать

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

Все мы знаем, что такое порядок, и что такое бардак. Эти два понятия, неразлучны. Как просто и удобно, когда всё лежит на своих полочках. Но когда, это всё свалено в угол, в одну кучу...

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

Там где не систематизировано, понять и разобраться в чем то, ох как не просто. А итог, - в любом деле, в любой компании и в нашем малом бизнесе в том числе - развал, крах и банкротство.

Но нам повезло. У нас Умный руководитель - движок WordPress.Что такое рубрика на сайте

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

В чем заключается эта систематизация?

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

Например написали статью про футбол. - Это спортивная направленность. Написали статью про ремонт пылесоса. Это направленность Дом и быт. Написали статью как заработать в интернете без вложений - Это направленность интернет заработка.

Написали статью про хоккей - Да все верно данную статью соотносим к спортивной направленности

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

Из нашего примера получается Есть Рубрика "Спорт", Есть Рубрика "Дом и быт". Есть Рубрика "Интернет заработок"

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

А как быть если вы написали статью к примеру  "Железные дороги России".

К какой Рубрике из нами выше созданных прикрепить.

И на этот вопрос движок имеет ответ. В системе вшита одна Рубрика, которую удалить не возможно и имеет название

"Рубрика без рубрики"

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

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

Вот как то название звучит не очень. Мы переименуем "Рубрика без рубрики" и обзовем одним словом "Новости"

Смысл тот же самый. Все что не принадлежит тематике сайта будем считать просто как  "Новости". В том числе и вашу статью  "Железные дороги России".

Ну что же теории достаточно. Надеюсь какая то ясность есть. Приступаем к практически  физической части нашего этапа.

Размещение картинок и фотографий на страницах сайта.

Как размещать картинки и фотографии на сайте?

Посмотрите и вспомните Основы сайтостроения  Нажмите Изображения в html

Особенно в основах обратите внимание на Атрибуты — ALT и TITLE . Ниже В расширенных настройках (карандаш) во время экспериментов вы увидите два поля ALT и TITLE. Заполнять обязательно.

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

Нажмите "Основы и понятие Семантическое ядро сайта" 

Конечно, что бы, что то размещать нужно это иметь у себя на компьютере.

Принцип простой. Используем медио менеджер движка WordPress.

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

Давайте практически разместим свою фотографию на странице сайта "Об авторе".

Заходим в панель управления. Нажимаем на клавишу "Страницы" в открывшемся поле находим нужную нам страницу "Об авторе"  и при наведении на неё мышки появляется диалог "Что будем делать" Нажимаем на "Изменить" и мы попадаем в редактор этой страницы.

Нажмите на рис.

Оформление страницы рисунком

Сразу обращаем внимание в каком режиме находится редактор Нам нужен "Визуально"

 Далее наша задача добавить фотографию.

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

Для этого, в нужное нам место, подводим курсор мышки, щелкаем на левую кнопку и в этом месте  курсор активируется.

На рис. слева такое место определили в начале текста

Нажимаем на клавишу "Добавить медиафайл"

Нажмите на рис.

Подбор рисунка для страницы

Попадаем в библиотеку медиафайлов

Конечно пока в этой библиотеке пусто

Нажимаем "Выберите файлы"

(Есть возможность как в ОС Windows перетащить со своего компьютера в окошко библиотеки медиафайлов)

Нажмите на рис.

Файловый менеджер компьютера

Открывается файловый менеджер  со всеми данными нашего компьютера

Находим папку с фото и нажимаем

"Открыть"

Фото загружается

Нажмите на рис.

Вставка медиафайла на страницу сайта

В настройках

Отображаемого файла в разделе "Ссылка" рекомендую выбрать "Медиафайл"

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

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

Итак фотография активна 

Внизу справа этой библиотеки Нажимаем на кнопку "Вставить в страницу"

Нажмите на рис.

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

Фотография вставлена

Включаете Знаменитый Метод "Научного тыка"

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

Слева направо

1). По левому краю 2). по центру 3). По правому краю 4). Без выравнивания.

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

Не бойтесь эксперементировать.

Пока вы не нажмете с правой стороны на кнопку "Обновить" все ваши эксперименты, что бы вы не делали, перевернете на 90 градусов, уменьшите до предела, но перезагрузив страницу у вас будет первоначальное исходное положение рисунка (фотографии) на странице.

Вывод Обязательно когда найдете нужное вам размещение и всё вас устроит - Нажимаете на "Обновить"

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

Итак Вы разобрались, как вставить рисунок (фотографию) на страницу. Потренировались и поэксперементировали с настройками. Выбрали место размещения которое вас устроило и сохранили нажав на "Обновить"

Перейдите на сайт и полюбуйтесь на свою работу.

Замечательно! Идем дальше.

 Дошла очередь поработать с Рубриками

В Панели управления курсор мышки наводим  на клавишу "Записи"  выпадает дополнительное меню. Или при нажатии на клавишу "Записи" дополнительное меню стационарно разворачивается ниже клавиши "Записи". В любом варианте нам нужен раздел "Рубрики" на него и нажимаем.

Нажмите на рис.

Создание рубрики "Новости" на WordPressОткрывается панель и нас встречает только одна Рубрика. Имя этой рубрики - "Без рубрики"

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

Мы знаем, что с ней делать. Нажимаем на "Изменить"

Нажмите на рис

Рубрика "Новости"

В появившемся поле изменяем название.

Пункт 1). Пишем "Новости"

Сохраняем наше изменение пункт 2).  Нажимаем на кнопку "Обновить". Всё. Возвращаемся обратно на панель "Рубрики"

3). пункт "Назад к сайту Рубрики"

Теперь видим что имеется одна рубрика с названием "Новости"

Нажмите на рис.

Популярные рубрики сайтаИ создаем под себя. По своей тематической направленности сайта. Создайте для начала не менее трех рубрик. Много не рекомендуется. Оптимальный вариант 6-8 Рубрик. Впрочем не возбраняется и больше. И поймите главное, что название Рубрики в любой момент можно изменить. Впрочем и удалить тоже. А если в удаляемой Рубрике уже были прикреплены  какие нибудь записи, они НЕ удаляются, а автоматически прописываются по Рубрике "Новости" потом при желании можно перецепить к другой. Почему сейчас надо создать не менее трех?. Потому что у нас идет процесс создания сайта и последующие этапы требуют хотя бы элементарного наполнения сайта.

Итак создаем Рубрики. Процесс очень простой.

В поле вписываем Название Рубрики. и даем команду на добавление Новой Рубрики с таким названием. Нажимаем на кнопку "Добавить новую рубрику"

Такой процесс повторяется для последующих  создаваемых Рубрик.

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

Переходим к созданию Записей.

(Под Записью понимается, любой контент сайта - статьи, презентации, фотогалереи, тренинги, обучающие страницы итд).

Одна Запись на главной странице уже есть. Это Привет,мир! Добро пожаловать в WordPress.

Звучит красиво, но она  не нужна. У каждого из нас Свой проект. Настала пора удаления этой записи.

Нажмите на рис.

WordPress Запись "Привет мир"

В панели управления находим клавишу "Записи" в подменю нажимаем на "Все записи"

На рабочем столе ставим галочку на удаляемой записи "Привет,мир!" и нажимаем "Удалить"

Запись полностью не удаляется а переносится в корзину.

Появляется вкладка "Корзина" (принцип такой же как и со страницами сайта) Нажимаем на эту вкладку "Корзина"

Нажмите на рис.

Удаление записей WordPress

На удаляемой записи ставим галочку.

Выбираем действие "Удалить навсегда"

 У нас всё чисто. Можно приступать к созданию своих Записей.

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

Нажимаем "Добавить новую"

Нажмите на рис.

Создание записей WordPress

Попадаем в визуальный редактор.

1). Заносим (вписываем) Заголовок записи

2). Формируем саму запись(статью) с рисунками, таблицами, схемами итд.

3). Определяемся с тематическим направлением данной статьи и ставим галочку у соответствующей Рубрики. Если галочку не поставить по умолчанию статья будет приписана и опубликована как "Новости"

4). По окончании создания Записи. нажимаем на кнопку "Опубликовать"

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

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

И ещё одна особенность. Каждая новая ваша Запись (статья), независимо к какой Рубрике она принадлежит, отображаться на главной странице будет первой, отодвигая назад предыдущую вашу статью.

Возможен вариант закрепления на первом месте какой либо записи (на ваше усмотрение).

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

Итак создаем три записи и смотрим на Главной странице сайта

Нажмите на рис.

Записи на главной странице сайта

Записи есть,  Сайт приобретает уже насыщенный вид а вот Рубрики не отображаются.

Исправим эту проблему с помощью "Виджета. Мы с вами ранее установили в сайдбары виджет "Календарь" и виджет "Поиск".

Вспоминаем.

В панели управления клавиша "Внешний вид" и в подменю нажимаем на "Виджеты"

Попадаем на страницу - конструктор дизайна нашего сайта

нажмите на рис.

Виджет WordPress "Рубрики/метки"

Принимаем решение в каком сайдбаре будем устанавливать виджет. Решили в правом.

Тогда открываем "Дополнительную боковую панель" Кнопка открытия находится на самой записи справа (маленькое неудобство видно не четко)

С левой стороны находим виджет "Рубрики/Метки"

Левой кнопкой мыши захватываем в клещи этот виджет и перетаскиваем в открытый бар.

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

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

Положили. Ниже нажимаем на кнопку "Сохранить" Через несколько секунд перед нами открываются все настройки этого виджета

Нажмите на рис.

Настройка виджета WordPress "Рубрики/метки"Но нам нужно только сменить Название Заголовка

Вместо Categories

Вносим (вписываем)

Рубрики

Заходим на наш сайт

 Все Отлично! Нажимаем на необходимую рубрику и на Главной странице отображаются только Записи этой Рубрики

Я, рад за Вас и от души Поздравляю!

А теперь подредактируйте свои первые Записи и Идем Дальше.

"Установка счетчика LiveInternet.ru"

переходим по ссылке 

Кнопка перехода