Створення і публікація першої статті на Вордпресі

Вчимося створювати пости на двіжку WordPress

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

Перш ніж приступити до створення нашої першої публікації, потрібно підготувати якусь фотографію і запустити локальний сервер Denwer (якщо ти хочеш потренуватися створювати пости на своєму ПК а не в інтернеті, що дуже корисно і, на мій погляд, правильно).

Входимо в адмінку блогу

Якщо ти перейшов(-ла) на цю сторінку з попередньої статті, де йшлося про те, як налаштовувати WordPress, значить адмін-панель твого блогу залишилася відкритою. Якщо ні, пройди за посиланням вище щоб дізнатися як увійти в адмінку Вордпрес. Припустимо, що вхід в адмін-панель успішно виконано, чудово, рухаємося далі.

Як додати новий запис?

Шукаємо кнопки додавання запису

Існує три способи переходу до додавання нового запису:

  1. Перехід до додавання нового запису зі сторінок блогу

    Якщо вхід на сайт виконано, у верхній частині вікна браузера буде меню з пунктами управління. Це меню присутнє на будь-якій сторінці блогу до тих пір, доки триває сесія, тобто поки вхід в адмінку активний.

    Отже, перейти до додавання нового запису можна через верхнє меню з будь-якої сторінки сайту. Досить підвести курсор до пункту меню «Додати» і клікнути по посиланню «Запис», див. скріншот вище.

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

    Варіанти переходів до додавання нового запису в адмінці сайту

Додаємо тестовий пост в блог

Знайомимося з інтерфейсом редактора

Після кліку по посиланню, ми потрапляємо в редактор статей. Спершу нам здається, що сторінка порожня, і є лише одна форма для додавання заголовку. Проте, це не так, і ми в цьому переконаємося після того, коли наведемо курсор мишки трохи нижче цього поля. Отже, пишемо текст заголовку для тестової статті, опускаємо курсор нижче і натискаємо на іконку додавання фотографії, див. скріншот нижче.

Пишемо заголовок статті

Публікуємо запис

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

Публікація першого запису

Після натискання на кнопку «Опублікувати», ми, грішним ділом, подумали, що все, полетів наш пост на сторінку блогу на загальний огляд. Але не так сталося, як гадалося... Турботливий WordPress просто так не опублікує запис без попередньої перевірки налаштувань поста.

Перевірка налаштувань публікації

WordPress попросить нас все ретельно перевірити, зважити всі за і проти, подумати, чи варто публікувати все це... Але нам наразі плювати на всякі настройки. Нам на даному етапі важливо побачити як воно працює. Тому ще разочок тиснемо синю кнопочку «Опублікувати», див. скріншот нижче.

Перевірка запису перед публікацією

Куди піти, куди податись...

І ось, після чергового кліку по кнопці «Опублікувати», з'являться три посилання, за якими можна пройти, щоб перевірити результат наших трудів, див. скріншот нижче.

Перевірити результат публікації

У тебе, можливо, виникне логічне запитання: "Навіщо потрібно саме три посилання, одного хіба недостатньо?". І ось цим питанням ти мене заганяєш в кут. Вибач, але я не знаю відповіді на це питання. Мабуть, не доріс ще мій розум до того, щоб усвідомити всю доцільність розміщення дубльованих посилань на один і той же документ.

Я можу лише припустити, навіщо розробники двіжка це зробили. Можливо, для тих випадків, коли блогер постить свої замітки, перебуваючи в гумовому човні на спуску по звивистій і дуже швидкій гірській річці. Щоб опублікувати пост в блозі, потрібно натиснути на кнопку публікації, але в таких екстремальних умовах це зробити вкрай важко.

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

Якщо лірику залишити в спокої, тоді скажу так: яке посилання тобі більше до вподоби, на те і тисни. Адже нам треба подивитися що там опублікувалось. Чи не так? А про ту абракадабру, котра вилізла в полі «Запис адреса», я розповім трохи згодом, наразі на це уваги не звертай.

Перевіряємо результат роботи

Відкриваємо сторінку поста

Перейшовши по одному з трьох посилань, відкриється сторінка з щойно опублікованим записом. Зверни увагу на адресний рядок (картинка нижче). Там присутня кирилиця, і це погано в плані SEO оптимізації сайту. Це вона, в скріншоті вище (виділено синім кольором), має такий нечитабельний вигляд. Але не варто хвилюватися. Зараз ми ці кракозябри швиденько перетворимо в читабельний текст.

Сторінка з опублікованими постом

Перетворюємо кракозябри постійного посилання з кирилиці на латиницю

Чому потрібно це робити

Тому, що кирилиця не люба пошуковим роботам. Текст урла на кирилиці, при зустрічі з роботом, щоразу чує від бота пошукової системи одне і те ж: "Не любий ти мені більше, не ходи за мною". Тобто, кирилиця з роботами не дружить, і на це є свої причини, про які я розповім іншим разом, щоб ти не покинув(-ла) цю сторінку через поки що незрозумілі слова та вирази. Все розповім, але трохи згодом, коли ти до цього будеш готовий(-ва). А зараз приступимо до перетворення кирилиці на милу роботам латиницю, в якій вони душі не чаять.

Як це зробити

Перетворення кирилиці на латиницю не вимагає багато часу. Пару кліків і все готово. Зараз покажу і розкажу як це робиться. І знову ж таки, WordPress пропонує нам два варіанти редагування кракозябр. Навіщо це потрібно? Питання відкрите. Але я покажу ці 2 варіанти, щоб розкрити тему повністю.

Варіант номер раз

На зображенні нижче, схематично зображено порядок дій для зміни постійного посилання з кирилиці на латиницю. Отже, спочатку тиснемо на текст заголовку, щоб з'явилася форма редагування посилання (1). Тиснемо кнопку «Змінити» (2). Клікаємо по кракозябрах, виділяючи їх синім кольором (3). Замість кракозябр пишемо назву статті транслітом, тобто латиниця написана зрозумілими словами через дефіс (4). Після цього тиснемо кнопку «Зберегти» (5). Ну і вишенька на тортик — «Оновити» (6). Все, адресу поста змінено.

Перетворення постійного посилання з кирилиці на латиницю

Перевірити зміни можна перейшовши по вже знайомому нам посиланню "Переглянути запис».

Переглянути запис

Варіант зміни посилання номер два

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

Заміна постійного посилання на латиницюВиділяємо кракозябри кирилиці для зміни URLЗавершення заміни URL-адреси постійного посилання

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

URL-адресу постійного посилання успішно змінено

Правильна публікація статті

Використовуємо попередній перегляд

"Чувак, ну ти блін даєш! Ти що не міг відразу з цього почати?! "Можливо, приблизно такими словами ти висловиш своє обурення дійшовши до цього абзацу. Але ж я неспроста почав саме з неправильних тілорухів при публікації статей. Таким чином я показав тобі, як робити не слід. А ось тепер ми будемо робити все правильно і швидко. Адже навіщо робити непотрібні рухи тіла, якщо їх можна уникнути.

Використовуємо попередній перегляд перед публікацією статті

Стаття написана, фотографії додані, саме час перейти до попереднього перегляду нашого творіння. Для цього натискаємо кнопку «Передперегляд» (скрін вище), після чого нас перекидає на сторінку статті (скрін нижче).

Попередній перегляд перед публікацією поста

Наразі ця стаття доступна лише нам з тобою. Тобто, ні роботи пошукових систем, ні люди цього не бачать. І це чудово! Адже ти можеш скільки завгодно не поспішаючи редагувати свій пост, оптимізувати тексти, додавати картинки, посилання, відосики та інший корисний людям контент. Після цього, ми знову повертаємось в редактор, щоб внести якісь зміни або перевірити налаштування. Тиснемо кнопку «Змінити» (скрін вище).

Заміна URL постійного посилання з кириличними буквами на латинські

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

Процес заміни постійного посилання з кириличними буквами на латинські

Лише тепер, після ретельної перевірки налаштувань публікації і вмісту статті, можна сміливо публікувати цей пост. Переходимо на сторінку статті, милуємося хвилинку своїм творінням, і виходимо з адмінки. Там, на сьогоднішній день, нам більше робити нічого. У майбутніх статтях ми сюди ще не раз повернемося, бо цікавих тем буде багато.

Вихід з адмін-панелі WordPress

Натискаємо на посилання «Вийти»

Після натискання на посилання «Вийти», двіжок нас викидає на форму входу. Щоб наступного разу не шукати точки доступу до адмінки, можеш зберегти адресу, за якою здійснюється вхід в адмін-панель (на скріншоті нижче виділено синім кольором). Встав цей виділений фрагмент урла в адресний рядок, і збережи його в закладках браузера, попередньо перейшовши за цією адресою.

Вихід з адмінки Вордпресу

На сьогодні все. Стаття вийшла трохи довга, зате інформативна. Якщо для тебе все ж залишилися незрозумілі моменти, всі питання по темі чекаю в коментарях. Бувай!

Щоб зрозуміти наскільки ти в темі, пройди тест 👇
  • 100 секунд на проходження тестуRealCase

    Тест
  • 5 питань по тематиці сайту
  • 4 варіанти відповідей на кожен
Готовий(-а) перевірити рівень своїх знань?

  •  Тест пройдено 2 рази.
  • Останнє проходження: 29.05.2019 18:54

   
  
 
 
📚Не проґав!
💬Коментарі (Ще немає... твій буде першим)  
    • Ліміт 2000 символів
    • залишилось: