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