W tym wpisie znajduje się zestaw 5 wskazówek, które z pewnością przydadzą się zarówno autorom i edytorom tekstów w WordPress, jak również początkującym deweloperom motywów. Zebrane tutaj wskazówki nie są zbytnio skategoryzowane, znajdują się tutaj zarówno proste tipy do edytora wizualnego, jak również kilka bardziej zaawansowanych trików. Zapraszam!
Skróty klawiaturowe w edytorze wizualnym WordPressa – TinyMCE
Nie jest to nic odkrywczego i większość z nas zna doskonale takie podstawowe skróty klawiaturowe jak 'Wytnij’, 'Kopiuj’, 'Wklej’, które niewątpliwe przyspieszają pracę z edytorem. Czy zastanawialiście się kiedyś, czy istnieją jeszcze jakieś inne skróty klawiaturowe dla WordPressowego edytora wpisów? No może nie tak pomocne, czy popularne jak te które już wymieniłem, ale z całą pewnością uprzyjemniają redagowanie wpisów na blogu. 🙂
Ctr
+C
– kopiuje zaznaczony tekst do schowkaCtrl
+V
– wkleja tekst znajdujący się w schowkuCtrl
+X
– wycina zaznaczony tekst do schowka
zabawa
Każdy blogger korzysta z nagłówków, w końcu to podstawa podstaw. Zaznacz linijkę, która ma zostać nagłówkiem i użyj jednej z tych kombinacji:
Shift
+Alt
+1
– nagłówek typu h1- …
Shift
+Alt
+6
– nagłówek typu h6
Nagłówki można także tworzyć korzystać ze znaku #
– po prostu przejdź do nowej linii, użyj znaku hash tyle razy, jaki poziom powinien mieć nagłówek, dodaj treść nagłówka. Wciśniej Enter
aby zamienić wprowadzony tekst na nagłówek. Przykład:
#To jest nagłówek typu H1 ##To jest nagłówek typu H2 #####To jest nagłówek typu H5
No to jeszcze kilka podstaw edycji tekstu:
Ctrl
+B
– pogrubienie tekstuCtrl
+U
– podkreślenie tekstuCtrl
+I
– pochylenie tekstu
Więcej skrótów klawiaturowych, których można używać w edytorze TinyMCE można znaleźć klikając na ikonę znaku zapytania w górnym toolbarze edytora.
Osadzanie w postach mediów z popularnych serwisów jak YouTube, Vimeo itd…
Niewielu ludzi wie, ale w bardzo łatwy sposób, bez instalowania dodatkowych wtyczek, można wstawić do treści wpisu filmik. WordPress obsługuje kilka najpopularniejszych serwisów i sam zadba o ich prawidłowe wyświetlenie na stronie. Jak wstawić na blog filmik z YouTube, Vimeo, Flickr, Twitter, czy Viddler (pełna lista i szczegóły tutaj)? Co musimy wiedzieć, aby osiągnąć taki efekt:
Najprostszy sposób to wstawienie linka do filmiku w nowej linii, o tak:
[Treść wpisu] http://www.youtube.com/watch?v=otsMXq-1xQw [Dalsza część wpisu]
Jeżeli zamiast podglądu filmiku pokazuje się zwykły link, to znaczy że WordPress nie był w stanie automatycznie osadzić tego wideo w poście. Link powinien być wstawiony do postu jako tekst i w nowej linii, w przeciwnym wypadku należy skorzystać ze specjalnego shortcode . Plus jest taki, że nie trzeba wstawiać go w nowej linii, oraz można ustawić parametry width
, oraz height
dla miniaturki filmiku.
Film nie może być prywatny.
Używanie shortcodów w widgetach tekstowych
Czasem zachodzi potrzeba, albo chęć, wykorzystania shortcode w WordPress owym widgecie tekstowym.
Aby włączyć taką możliwość w motywie, do functions.php
dodajemy następującą linijkę:
add_filter('widget_text', 'do_shortcode');
Od teraz w widgecie tekstowym możemy korzystać z dobrodziejstw shortcodów, podobnie, jak ma to miejsce w edytorze wpisów TinyMCE.
Używanie shortcodów w plikach PHP szablonu
Aby użyć któregoś z wcześniej zdefiniowanych shortcodeów – poza edytorem TinyMCE WordPressa, wystarczy skorzystać z wbudowanej funkcji do_shortcode();. W argumencie funkcji podajemy shortcode, dokładnie tak jakbyśmy go wpisywali w edytorze wpisów:
echo do_shortcode('[ gallery]');
Jeżeli shortcode ma również tag zamykający, to możemy to zrobić w ten sposób:
echo do_shortcode('[ iscorrect]'.$text_to_be_wrapped_in_shortcode.'[ /iscorrect]');
Tworzenie kilku wersji headera, stopki, sidebara
Przy okazji jednego z moich wcześniejszych tutoriali wspominałem, że każdy szablon może posiadać kilka wersji pliku odpowiedzialnego za tą samą funkcję. Jeżeli zaglądałeś do dokumentacji WordPressa, to jest o tym wspominane przy okazji omawiania kilku podstawowych funkcji wykorzystywanych do tworzenia szablonów:
- get_header();
- get_sidebar();
- get_footer();
Przykładowe wykorzystanie
Powiedzmy, że budujemy w szablonie wiele różnych szablonów strony i potrzebujemy przynajmniej kilku różnych wersji stopki.
- Pierwsza wersja – elegancki, skromny, tylko nazwa strony, rok i copyrights
- Druga wersja – 2-3 kolumny z socialboxami, informacje o autorze strony
- Trzecia wersja – wielki, rozbudowany footer w którym będzie miejsce na 4 widgety, albo i więcej
Oczywiście nie będziemy ich tutaj teraz tworzyć, jest to tylko dla zobrazowania przykładu. Teraz do rzeczy:
Tworzymy 3 nowe pliki (albo tyle, ile wersji potrzebujemy), jak je wczytywać?
Nazwa pliku na serwerze | Jak wczytać plik do szablonu |
---|---|
footer.php |
<?php get_footer(); ?> |
footer-posts.php |
<?php get_footer('posts'); ?> |
footer-widgets.php |
<?php get_footer('widgets'); ?> |
A w samym pliku PHP umieszczamy tylko odpowiedni kod do wyświetlenia stopki.
Pomogłem? Dodaj coś od siebie! Skomentuj ten wpis: