Створити Про мене Відділ бічної панелі з редактором повідомлень [Підручник з WordPress]
Великі блоги чудово використовують сторінки "Про мене". Щоб отримати користувачів там, 99% часу вони включають короткий, інтригуючий "Про мене розділ" у своїй бічній панелі. У цьому пості я покажу вам, як створити цей розділ. Це так само просто, як написати нову посаду. Фактично, ми будемо використовувати новий редактор повідомлень у WordPress для створення цього.
Редактор повідомлень є одним з найбільш універсальних інструментів у WordPress, і навряд чи хто-небудь це знає. Те, що я збираюся показати вам, - це розумний маленький дизайнерський хак, трюк, який так не помічається, що він навіть не був висвітлений у списку з 40 WordPress Hacks..
Цей трюк також чудово підходить для вивчення деяких основних HTML і CSS, якщо ви тільки починаєте роботу.
Створіть своє повідомлення
Все, що потрібно для цього підручника, це ваша сторінка "Про мене", фотографію себе і текст. Ваша сторінка "Про мене" повинна зосередитися на ваших досягненнях у блогах, залучити читача до деяких питань і включити фотографії вашого блогу. Ця сторінка вже створена? Ідеальний.
Зараз, ми збираємось взяти все це над до Новий редактор повідомлень WordPress. Відкрийте його та завантажте зображення. Ми будемо робити багато чого з цього Вкладка HTML. Коли ви завантажуєте зображення, WordPress автоматично генерує HTML код. Перейдіть на вкладку HTML і створіть пробіл (натисніть Enter) над зображенням. Потім напишіть тут маленьке повідомлення про гачок, щось на зразок "Хто за цим сайтом?" або навіть просто "Про мене". Будь креативним.
Додайте короткий, 3-4 опис речення, що має на меті інтригувати читача. Наприкінці цього текстового блоку напишіть речення типу "Дізнайтеся більше тут" і перейдіть за посиланням на Вашу фактичну сторінку.
Стиль вашого повідомлення
Тепер підемо Віртуальна вкладка. Центруйте текст. Коли ви повернетеся до HTML, ви помітите, що WordPress написав для вас код, у формі "p стилю". Це краса створення віджетів у новому редакторі повідомлень; Автоматичні коди WordPress для вас! Потім ви просто додаєте деякі базові CSS!
Створити щось на зразок цього:
ТВОЄ ПОВІДОМЛЕННЯ
Переконайтеся, що ви закрили стиль p за допомогою a
І додайте будь-який інший CSS, про який ви можете подумати або потребувати. Не знаєте CSS? Просто Google Search "CSS код для ____" і в порожньому покласти те, що ви намагаєтеся зробити. Потім скопіюйте та вставте стиль p. Розташуйте його навколо текстового блоку під зображенням. Напишіть його, як би ви хотіли, і закрийте його. Якщо ви забудете закрити стиль p, це не велика справа. Стиль застосовуватиметься до більшої кількості тексту, який ви хочете, але кожен зробить цю помилку хоча б один раз.
Використовуйте коди курсивом і щоб відмітити текст, і не забувайте закривати його.
Наразі ми створили, і настав час для початку.
Розмістіть роботу на бічній панелі
На вкладці HTML скопіюйте та вставте все створене. Перейдіть до Вигляд, вкладка Віджети, і перетягніть a віджет тексту на бічну панель. Вставте код. Потім натисніть кнопку Зберегти та натисніть на домашню сторінку вашого блогу. Як це виглядає?
Ви майже напевно захочете зробити деякі зміни тут. Зображення може бути поза розміром, або шрифти можуть не відображатися так, як ви собі уявляли, але не хвилюватися, ви можете редагувати все це безпосередньо у віджеті "Текст", або ще краще, у новому редакторі повідомлень, де можна переглянути попередні зміни легше.
Забавні особливості укладання та інші додатки
CSS дійсно весела гра. Ось кілька способів зробити цей розділ About Me дійсно популярним.
- Використовуйте екзотичні кольори.
- Використовуйте крапку з крапками або кольором.
- Поставте форму "Вибрати" прямо під текстом. Я використовую Aweber для цього.
- Додайте посилання на місця, де була показана ваша робота.
- Киньте в жарт, або будьте таємничі.
Підручник з відео
Ви також можете переглянути відео-підручник для цієї публікації, як показано нижче, або на YouTube.
Що далі?
Тепер, коли у вас є основний розділ "Про мене" та "Про мене", перегляньте інші блоги, щоб дізнатися, які стратегії та проекти працюють для них. Візьміть кілька записок. Потім зробіть ще кілька досліджень на ваших власних читачах.
Налаштуйте About Me саме тому, чого хочуть ваші читачі, і з часом ви побачите більше читачів, коментаторів і лояльних абонентів. Поставте себе на бічну панель, і в кінцевому підсумку воно того варте.
Примітка редактора: Цей пост написано Грег Нараян для Hongkiat.com. Грег - 25-річний хлопець з Нью-Йорка, який перед сніданком відповідає про 150 запитань у блогах.
