Utwórz „O mnie” Widget paska bocznego z edytorem postów [samouczek WordPress]

Duże blogi doskonale wykorzystują strony „O mnie”. 99% użytkowników ma tam krótki, intrygujący „O mnie” na pasku bocznym swojego bloga. W tym poście pokażę ci, jak utworzyć tę sekcję. To tak proste, jak pisanie nowego posta. W rzeczywistości użyjemy nowego edytora postów w WordPressie, aby to stworzyć.

Edytor postów jest jednym z najbardziej wszechstronnych narzędzi w WordPressie i mało kto o tym wie. Pokażę wam, że jest to sprytny mały hack w projektowaniu, trik tak pomijany, że nie został nawet uwzględniony na liście 40 hacków WordPress w witrynie Hongkiat.com.

Ta sztuczka jest również świetna do nauki podstawowego HTML i CSS, jeśli dopiero zaczynasz.

Utwórz swoją wiadomość

Wszystko, czego potrzebujesz do tego samouczka, to strona „O mnie”, zdjęcie ciebie i trochę tekstu. Strona „O mnie” powinna skupiać się na osiągnięciach w blogowaniu, angażować czytelnika w niektóre pytania i zawierać zdjęcia z blogów. Czy masz już tę stronę? Idealny.

Teraz przeniesiemy to wszystko do Nowy edytor postów WordPress. Otwórz go i prześlij swój obraz. Zrobimy dużo tego z Zakładka HTML. Po przesłaniu obrazu WordPress automatycznie generuje kod HTML. Przejdź do karty HTML i utwórz spację (naciśnij Enter) nad obrazem. Następnie napisz tutaj mały haczyk, coś w stylu „Kto jest za tą witryną?” lub nawet po prostu „O mnie”. Bądź kreatywny.

Dodaj krótki, 3-4 opisowy opis, który ma intrygować czytelnika. Na końcu tego bloku tekstowego napisz zdanie „Dowiedz się więcej tutaj” i link do swojej rzeczywistej strony Informacje.

Styluj swoją wiadomość

Teraz idź Karta wizualna. Wyśrodkuj tekst. Kiedy wrócisz do HTML, zauważysz, że WordPress napisał dla ciebie jakiś kod w formie „stylu p”. To jest piękno tworzenia widgetów w nowym edytorze postów; Autowrite kody WordPress dla Ciebie! Następnie dodajesz trochę podstawowego CSS!

Utwórz coś takiego:

TWOJA WIADOMOŚĆ

Pamiętaj, aby zamknąć styl p za pomocą

I dodaj dowolny inny CSS, o którym myślisz lub potrzebujesz. Nie znasz CSS? Tylko wyszukiwarka Google „Kod CSS dla ____” iw pustym miejscu umieszcza to, co próbujesz zrobić. Następnie skopiuj i wklej styl p. Umieść go wokół wiadomości bloku tekstowego pod obrazem. Styluj go, jak chcesz, i zamknij go. Jeśli zapomnisz zamknąć styl p, to nic wielkiego. Stylizacja będzie dotyczyć więcej tekstu, który chcesz, ale wszyscy popełniają ten błąd przynajmniej raz.

Użyj kodów kursywą i pogrubić twój tekst i pamiętaj, aby je zamknąć.

Skończyliśmy tworzenie, na razie i nadszedł czas, aby rozpocząć zabawę.

Umieść swoją pracę na pasku bocznym

Na karcie HTML skopiuj i wklej wszystko, co utworzyłeś. Idź do Wygląd, karta Widżety, i przeciągnij a pusty widżet tekstowy na pasku bocznym. Wklej swój kod. Następnie kliknij Zapisz i kliknij na stronie głównej swojego bloga. Jak to wygląda?

Prawie na pewno będziesz chciał dokonać tutaj pewnych modyfikacji. Obraz może być poza rozmiarem lub czcionki mogą nie wyświetlać się tak, jak sobie wyobrażałeś, ale nie martw się, możesz edytować to wszystko bezpośrednio w widgecie Tekst, lub jeszcze lepiej, w nowym edytorze postów, gdzie możesz wyświetlić podgląd zmian łatwiejsze.

Funkcjonalne funkcje stylizacji i inne dodatki

CSS to naprawdę fajna gra. Oto kilka sposobów, aby ta sekcja „O mnie” naprawdę pop.

Użyj egzotycznych kolorów.

Użyj kropkowanej lub kolorowej ramki.

Umieść formularz „Opt in” tuż pod tekstem. Używam do tego Awebera.

Dodaj linki do miejsc, w których została opublikowana praca.

Rzuć żartem lub bądź tajemniczy.

Film instruktażowy

Możesz również obejrzeć samouczek wideo dla tego posta, jak poniżej lub na YouTube.

Co dalej?

Teraz, gdy masz już podstawową sekcję O mnie i stronę O mnie, przejdź do innych blogów, aby zobaczyć, jakie strategie i projekty działają dla nich. Zrób kilka notatek. Następnie wykonaj więcej badań nad własnymi czytelnikami.

Dostosuj swoją O mnie dokładnie do tego, czego chcą Twoi czytelnicy, a w końcu zaczniesz widzieć więcej czytelników, komentatorów i lojalnych subskrybentów. Postaw się na pasku bocznym i na koniec warto.

Nota redaktora: Ten wpis jest napisany przez Greg Narayan dla Hongkiat.com. Greg jest 25-letnim facetem z Nowego Jorku, który odpowiada na około 150 pytań na blogu przed śniadaniem.