
Kilka miesięcy temu przedstawiliśmy na naszym blogu swoiste triki w WordPressie, czyli poradnik WordPress dla początkującego, gdzie pokazaliśmy kilka sztuczek, które ułatwiają pracę z WordPressem.
Od tego czasu popularny CMS zyskał kilka iteracji oraz aktualizacji, niektóre opcje zostały zastąpione lepszymi rozwiązaniami, a inne zostały usunięte.
Dlatego doszedłem do wniosku, że warto podrzucić kilka nowych sztuczek oraz trików w WordPressie, które aktualnie działają.
Przypominam, że należy zachować ostrożność podczas dodawania wybranych wtyczek oraz praktykowania niektórych porad. Dlatego też wpis podzielony jest na części. Pierwsza z nich przeznaczona jest dla początkujących, bez wiedzy technicznej. Z kolei druga dla zaawansowanych z umiejętnościami implementacji dodatkowego kodu do struktury motywu.
Triki w WordPressie dla początkujących
Tutaj postaram się przekazać kilka pożytecznych porad na temat użytkowania WordPressa oraz polecę parę naprawdę przydatnych wtyczek, które ułatwią Twoją pracę.
1. Płynne przewijanie edytora wraz ze stroną.
WordPress w wersji 4.0 dodaje subtelną zmianę UX w edytorze tekstu. Jeżeli przewijasz lub piszesz długi wpis, wysokość edytora będzie dopasowywać się do ekranu, eliminując boczny pasek do przewijania.
Wszystko po to, aby w szybki sposób dotrzeć do „własnych pól” czy „zajawki”, które znajdują się poniżej edytora. Bez tej opcji musielibyśmy przewijać do końca naszego wpisu, aby dotrzeć do dolnych funkcji.
Jeżeli nie masz takiej opcji w swoim WordPressie, sprawdź jego wersję lub otwórz podczas pisania wpisu górne opcje ekranu i zaznacz pole „włącz płynne przewijanie edytora wraz ze stroną oraz udostępnij tryb pisanie bez rozpraszania”.
Kompatybilność: WordPress 4.0+
2. Zdjęcia przed i po.
Czy kiedykolwiek widziałeś zdjęcia, które porównują np. pomieszczenie przed oraz po remoncie? Jest to świetna opcja do pokazywania różnic użytkownikom.
Jeżeli chcesz mieć taką funkcję w swoim WordPressie, możesz zainstalować wtyczkę TwentyTwenty. Nowy plugin wprowadza prosty shortcode [twentytwenty], dzięki któremu możesz dodać dwa obrazy do porównania.
Kompatybilność: WordPress 3.5.1+
3. Powrót do starej wersji wtyczki.
Podobnie jak w przypadku każdej innej aktualizacji jakiegokolwiek systemu, istnieje szansa, że podczas aktualizacji wtyczek coś pójdzie nie tak i zostaniemy z niedziałająca stroną internetową.
Jak temu zapobiec?
WordPress domyślnie nie pozwala nam na przywracanie wtyczek do poprzednich wersji, ale można zainstalować WP Rollback.
Teraz możemy przywrócić poprzednią wersję każdej zainstalowanej wtyczki.
Kompatybilność: WordPress 3.8+
4. Organizacja pozycji w panelu administratora.
Dzięki wtyczce Admin Menu Manager możemy w prosty sposób (tzw. drag-and-drop) przemeblować położenie wszystkich elementów w menu panelu administratora.
Kompatybilność: WordPress 4.0+
5. Wyszukiwanie głosowe.
Co to dużo mówić, wyszukiwarka w WordPressie jest uboga w funkcje.
Dodatkowo od czasu popularyzacji laptopów aż prosi się, aby każda wyszukiwarka miała możliwość wyszukiwania głosowego. Kolejny raz przychodzi nam z pomocą wtyczka.
Po zainstalowaniu pluginu Voice Search w wyszukiwarce zauważysz ikonkę mikrofonu.
Kompatybilność: WordPress 2.6+
6. Przycinanie zdjęć.
Czy można w szybki sposób przyciąć zdjęcie w WordPressie?
Oczywiście!
Wiele spośród pluginów do edycji zdjęć jest dopiero użytecznych w wersji premium, a mniej więcej połowa z nich i tak nie działa.
Jednakże nie potrzebujemy żadnych rozbudowanych wtyczek do przycinania i podstawowej edycji zdjęć, ponieważ taka opcja już jest wbudowana.
Przejdź do mediów i wybierz jakiekolwiek zdjęcie, a następnie kliknij „Edytuj obrazek”.
Uwaga! Dla mnie przycinanie zdjęć w WordPressie jest bardzo nieintuicyjne. Wobec tego od razu wytłumaczę, jak to robić. Żeby przyciąć zdjęcie, należy zaznaczyć dane pole, a następnie kliknąć pierwszy przycisk z listy (crop) i zaktualizować.
Kompatybilność: WordPress 3.1.3+
7. Podział wpisu na wiele stron.
Przyznam szczerze, że nie znałem tej możliwości WordPressa. Jeżeli chcesz podzielić wpis na kilka stron, wystarczy, że w edytorze wizualnym dodasz paginację.
Jak to zrobić?
Podczas pisania wpisu naciśnij ALT + SHIFT + P, wtedy pojawi się „page break”.
W ten sposób wpis podzielony jest na strony.
Jeżeli z jakiegoś powodu ta opcja Tobie nie działa, należy dodać w motywie do pliku single.php:
<?php wp_link_pages(); ?>
Po dodaniu kodu paginacja powinna działać. Dodatkowo należy pamiętać, że jeżeli motyw nie przewidział paginacji, to będzie trzeba ją ostylować.
Dlatego ten podpunkt zostawiam dla osób nieco bardziej zaznajomionych z WordPressem.
Kompatybilność: WordPress 4.1.0+
Triki w WordPressie dla zaawansowanych
Od tej części wpisu zaczynają się zaawansowane triki w WordPressie. Są to porady oraz wskazówki dla tych, którzy czują się na siłach w „grzebaniu” w kodzie źródłowym.
Wiele z poniższych sztuczek może spowodować, że Twoja strona internetowa przestanie działać, dlatego powinno być to przeprowadzone z jak największą uwagę i ostrożnością.
W tym momencie radzę zrobić kopię zapasową całej witryny.
8. Wyłączenie self-ping / self-trackback.
Ta sztuczka pozwoli Ci zapobiec pingowaniu, co często się zdarza podczas linkowania wewnętrznego wpisów czy podstron.
// WYLACZENIE SELF-PING ORAZ SELF-TRACKBACK
function no_self_ping( &$links ) {
$home = get_option( 'home' );
foreach ( $links as $l => $link )
if ( 0 === strpos( $link, $home ) )
unset($links[$l]);
}
add_action( 'pre_ping', 'no_self_ping' );
Innym sposobem może być wtyczka Disabler, która pozwoli Ci wyłączyć niektóre funkcje WordPressa, w tym self-ping.
Kompatybilność: WordPress 2.0+
9. Włączenie ukrytych ustawień.
Ten mały kawałek kodu pozwoli ujrzeć dodatkową opcję w menu z linkiem do wszystkich ustawień, które są w obrębie bazy danych WordPress.
Poniższy kod udostępni to pole tylko dla administratora:
// UKRYTE USTAWIENIA
function all_settings_link() {
add_options_page(__('All Settings'), __('All Settings'), 'administrator', 'options.php');
}
add_action('admin_menu', 'all_settings_link');
Kompatybilność: WordPress 3.1+
10. Wyłączenie informacji o aktualizacjach WordPressa.
WordPress domyślnie pokazuje powiadomienia o możliwości aktualizacji do najnowszej wersji dla wszystkich użytkowników zalogowanych, którzy są w panelu administratora.
Nie każdy użytkownik musi wiedzieć, jaka jest wersja Twojego WordPressa, dlatego dodaj ten kod:
// WIDOCZNE AKTUALIZACJE TYLKO DLA ADMINISTRATORA
global $user_login;
get_currentuserinfo();
if (!current_user_can('update_plugins')) {
add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
}
Kompatybilność: WordPress 3.0.1+
11. Automatyczne wyostrzanie edytowanych zdjęć.
Ostatnio nasz klient, który prowadzi podróżniczy blog, poprosił nas o dostarczenie mu funkcji, która pozwoli na automatyczne wyostrzenie każdego edytowanego zdjęcia w WordPressie.
Długo nie musieliśmy szukać:
// WYOSTRZENIE EDYTOWANYCH ZDJEC
function ajx_sharpen_resized_files( $resized_file ) {
$image = wp_load_image( $resized_file );
if ( !is_resource( $image ) )
return new WP_Error( 'error_loading_image', $image, $file );
$size = @getimagesize( $resized_file );
if ( !$size )
return new WP_Error('invalid_image', __('Could not read image size'), $file);
list($orig_w, $orig_h, $orig_type) = $size;
switch ( $orig_type ) {
case IMAGETYPE_JPEG:
$matrix = array(
array(-1, -1, -1),
array(-1, 16, -1),
array(-1, -1, -1),
);
$divisor = array_sum(array_map('array_sum', $matrix));
$offset = 0;
imageconvolution($image, $matrix, $divisor, $offset);
imagejpeg($image, $resized_file,apply_filters( 'jpeg_quality', 90, 'edit_image' ));
break;
case IMAGETYPE_PNG:
return $resized_file;
case IMAGETYPE_GIF:
return $resized_file;
}
return $resized_file;
}
add_filter('image_make_intermediate_size', 'ajx_sharpen_resized_files',900);
Kompatybilność: WordPress 2.5+
12. Usunięcie ważnych informacji z sekcji <head>.
WordPress dodaje wiele niepotrzebnych i krytycznych informacji w sekcji <head> np. o wersji WordPressa.
Jest to nie tylko niepotrzebne, ale i niebezpieczne, ponieważ haker, który zna dziury w danej wersji, może z łatwością włamać się do Twojej strony internetowej, a przecież nie chcemy mu tego ułatwiać.
// USUNIECIE NIEPOTRZEBNYCH INFORMACJI Z SEKCJI HEAD
function remove_header_info() {
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'start_post_rel_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'adjacent_posts_rel_link' ); // WordPress < 3.0
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head' ); // WordPress >= 3.0
}
add_action( 'init', 'remove_header_info' );
Kompatybilność: WordPress 2.0+
13. Inteligentne WP_Debug, czyli gratka dla deweloperów WordPressa.
Nie powinniśmy nigdy aktywować WP_Debug na „żywej” stronie, którą odwiedzają zwykli użytkownicy.
Dlaczego?
Ponieważ WP_Debug pokazuje krytyczne informacje o WordPressie, których nie chcemy nikomu pokazywać.
Jednakże można zrobić to w bezpieczny sposób, nawet na „żywej” stronie internetowej:
// BEZPIECZNY WP_DEBUG
if ( isset($_GET['debug']) && $_GET['debug'] == '1' ) {
// Włącz E_ALL
define('WP_DEBUG', true);
} elseif ( isset($_GET['debug']) && $_GET['debug'] == '2' ) {
define('WP_DEBUG', true);
// Wyświetlanie błędów
define('WP_DEBUG_DISPLAY', true);
} elseif ( isset($_GET['debug']) && $_GET['debug'] == '3' ) {
define('WP_DEBUG', true);
// stwórz debug.log w folderze wp-content
define('WP_DEBUG_LOG', true);
}
Używając powyższego kodu możesz włączyć WP_Debug, dodając na koniec do adresu URL ?debug=2, ?debug=1, ?debug=3.
Kompatybilność: WordPress 2.0+
14. Zmiana domyślnego edytora tekstu (wizualny / tekstowy).
Żeby ustawić typ domyślnego edytora tekstu dla każdego użytkownika, wystarczy zastosować ten kod:
// ZMIANA DOMYSLNEGO EDYTORA TEKSTU
function my_default_editor() {
$editor = 'tinymce'; // html lub tinymce
return $editor;
}
add_filter( 'wp_default_editor', 'my_default_editor' );
Html oznacza tryb tekstowy, a tinymce wizualny.
Kompatybilność: WordPress 2.5+
15. Auto logowanie do WordPressa.
WordPress pozwala na pozostanie zalogowanym przez 48 godzin lub 14 dni, jeżeli przy logowaniu zaznaczymy opcję „Zapamiętaj mnie”.
Jeżeli jednak jesteś pewien, że Twój komputer osobisty nie zostanie przekazany dla osób trzecich, można ten czas wydłużyć.
Dzięki temu fragmentowi kodu zostaniesz poproszony o login i hasło tylko raz w roku lub do ręcznego usunięcia ciasteczka:
// ZALOGOWANIE NA JEDEN ROK
function zalogowany_przez_1_rok( $expirein ) {
return 31556926; // rok w sekundach
}
add_filter( 'auth_cookie_expiration', 'zalogowany_przez_1_rok' );
Kompatybilność: WordPress 2.8+
16. QR kod z linkiem do artykułu.
Popraw mobilność swojej strony krótkim kodem, który umożliwi łatwą dostępność Twoich wpisów dla urządzeń mobilnych z aparatem.
Kod ten pozwala na wyświetlanie kodu QR z linkiem wskazującym do danego artykułu. Użytkownicy telefonów mogą go szybko zeskanować i otworzyć interesującą ich stronę.
<img src="http://api.qrserver.com/v1/create-qr-code/?size=500x500&data="<?php the_permalink() ?>" alt="QR Code do <?php the_title_attribute(); ?>
Modyfikator „size” można dopasować do swoich preferencji.
Kompatybilność: WordPress 2.3+
Triki w WordPressie oraz sztuczki – podsumowanie
Mam nadzieję, że pomogłem Ci odkryć niektóre triki w WordPressie, o których mogłeś nie wiedzieć.
Jeżeli znasz jeszcze inne triki w WordPressie, podziel się nimi z nami w sekcji komentarzy. Nieważne czy są podstawowe, czy zaawansowane – każdy skorzysta.
Nie mogłem nie podzielić się tym tematem! Dobre triki 🙂
Punkt 12. Ten kod do functions.php? Jakieś jeszcze kroki na usunięcie zbędnego kodu i przyspieszenie?
Tak, kod ten należy wstawić do functions.php. Powinien wystarczyć, jeśli chodzi o ogólne „posprzątanie” nagłówka. 🙂
Dzięki!