Tekst wygrał t owinąć hosting wordpress
Wysłany przez Bhagwad Park w dniu 20 maja 2014 | 4 Komentarze
Dobrym WordPress post jest o wiele więcej niż ściana tekstu. Zawiera ona kontekst, obrazy, cytaty, pullquotes i wiele innych mediów wizualnych podzielić zawartość do łatwo przyswajalnych kawałki, dzięki czemu łatwiej czytać i mniej zastraszające. Ważne jest, aby prawidłowo ustawić te obiekty chociaż i zapewnić, że pasują one bezproblemowo z resztą postu. Chodzi o to, aby mieć je uzupełnić artykuł, nie zwrócić uwagę czytelnika na swoim miejscu docelowym. Powinien czuć się naturalne, jak gdyby po prostu „należy”. W tym celu, musimy wiedzieć, jak prawidłowo zawijania tekstu wokół obiektu, czy jest to obraz lub iFrame. WordPress pozwala w łatwy sposób umieszczenia zdjęć dokładnie ale musimy zrobić trochę kodowania, aby uzyskać właściwą wygląd i innych obiektów.
Wyrównywanie Images
Ponieważ obrazy i zdjęcia są najbardziej rozpowszechnioną formą obiektów w poście, aby owinąć wokół tekstu obraz w WordPress jest absurdalnie proste. Upewnij się, że używasz najnowszej wersji WordPressa, aw edytorze wizualnym nad ikonami WYSIWYG znajdziesz przycisk „Dodaj media”, jak pokazano poniżej.
Kliknięcie pozwoli Ci załadować nowy obraz lub wybrać jedną z istniejącej biblioteki. Po wybraniu go, szczegóły obraz pojawi się na prawej stronie. Przewiń w dół i można zobaczyć sekcję o nazwie „attachment Display Settings”, jak pokazano poniżej.
Po prostu wybrać, czy chcesz, aby obraz pojawia się na lewej, prawej lub do środka. Jeśli nie wybrać coś, obraz zostanie umieszczony w HTML bez wyrównania. To łatwe!
Wyrównywanie Inne Przedmioty
Podczas zawijania tekstu wokół obrazów jest dość łatwe, a co jeśli masz element niestandardowy jak iFrame? Kilka małe narzędzia i wzory daje fragment kodu do umieszczenia w kodzie HTML WordPress post i bez odpowiedniego wyrównania, to będzie wyglądało to okropnie. Są dwie rzeczy, które musimy zadbać o:
Rozmieszczania obiektów
Że masz fragment iFrame obrębie
Widać dokładnie, jak to jest umieszczone na poniższym zrzucie ekranu:
Stawia to iFrame na lewym skrzydle i bezpośrednio po nim akapitu HTML popłynie wokół niego prawo.
Regulacja marginesów
Niestety to wciąż nie wygląda dobrze. Tak, obiekt pojawia się w lewo z zawijania tekstu wokół niego, ale tekst jest zbyt blisko krawędzi. Dobre zasady projektowania mówią nam, że powinniśmy stworzyć jakieś marże powyżej, poniżej i na prawo na lewej wyrównane obrazów i na lewo na prawo wyrównany nich.
Powiedzmy, że chcemy 10px margines na prawo i 22px marginesy na górze. Dodaj następujący kod natychmiast po otwarciu
Po umieszczeniu w iFrame wydaje się tak:
Można zachować podglądu artykuł aż dojdziesz marginesy tylko w prawo. Oto jak to będzie wyglądać na koniec:
Jak widać, obraz jest zarówno prawidłowo wyrównany do lewej, jak ładnie wyściełane z odstępem, aby pojawić się naturalnie część słupka, nie patrząc brzydki. Można używać tych technik do pracy z dowolnego obiektu osadzonego, nie tylko iframe. Czy to obrazy lub niestandardowego kodu, ważne jest, aby upewnić się, że pasują one płynnie w treści.
Wpisz poniżej swój adres, aby dowiedzieć się teraz:
o autorze
Bhagwad Park jest pisarzem techniczny z Indii, a obecnie mieszka na Florydzie. Bierze zainteresowanie w świecie IT, chmura, a także utrzymuje blog koncentruje się na prawach człowieka w krajach rozwijających się.