Triki w WordPressie – 16 sztuczek, które ułatwią Twoją pracę

Triki w WordPressie

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”.

Płynne przewijanie w WordPressie

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.

Porównywanie zdjęć - triki w WordPressie

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.

Drag and drop - wtyczka do reorganizacji menu w panelu admina

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.

Wtyczka - głosowe wyszukiwanie w WordPressie

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”.

Edytowanie zdjęć w WordPressie

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”.

Paginacja wpisu w WordPressie

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+

Źródło.

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.

Spodobał Ci się ten tekst?

Jeśli sądzisz, że moglibyśmy Tobie pomóc, odezwij się do nas. Wypełnij bardzo prosty formularz szybkiej wyceny. Gwarantujemy szybką odpowiedź.

  1. Janusz Kamiński

    Nie mogłem nie podzielić się tym tematem! Dobre triki 🙂

    Odpowiedz
  2. Damian Mączyński (Cymes)

    Punkt 12. Ten kod do functions.php? Jakieś jeszcze kroki na usunięcie zbędnego kodu i przyspieszenie?

    Odpowiedz
    • MobileTry logo
      MobileTry

      Tak, kod ten należy wstawić do functions.php. Powinien wystarczyć, jeśli chodzi o ogólne „posprzątanie” nagłówka. 🙂

    • Damian Mączyński (Cymes)

      Dzięki!

Oświadczam, że akceptuję postanowienia zawarte w polityce prywatności. *

Jakub Ozorowski

Co-founder agencji interaktywnej MobileTry z Olsztyna, świadczącej kompleksowe usługi przede wszystkim małym firmom. Specjalizacją agencji jest tworzenie stron internetowych i sklepów internetowych. Ponadto MobileTry prowadzi kampanie reklamowe w internecie oraz oferuje usługi z zakresu pozycjonowania.

Mało czytania? Nie ma problemu!

Sprawdź inne teksty powiązane z tym artykułem

Michał Ziółkowski

5 lat temu

Rozwój strony internetowej – zestaw 11 obszernych poradników

Jak powinien przebiegać właściwy rozwój strony internetowej? Co wziąc pod uwagę, planując rozwój strony internetowej? Odpowiedzi znajdziesz w tym tekście.

Bartłomiej Kiljan

5 lat temu

Dlaczego warto wybrać WordPress? – 6 powodów

Sprawdź, dlaczego warto wybrać WordPress. Oto kilka powodów ku temu, aby oprzeć stronę firmową, bloga oraz sklep właśnie o ten bardzo popularny CMS.

Bartłomiej Kiljan

5 lat temu
Dlaczego warto wybrać WordPress? – 6 powodów

Michał Ziółkowski

5 lat temu

Długofalowa strategia rozwoju bloga – co warto wziąć pod uwagę?

Na czym polega długofalowa strategia rozwoju bloga? Z jakich kroków powinna się składać? O czym pamiętać? Odpowiadamy na wiele ważnych dla blogerów pytań!

Michał Ziółkowski

5 lat temu

Udogodnienia dla czytelników bloga – 8 sprawdzonych propozycji

Jakie udogodnienia dla czytelników bloga można wprowadzić, aby strona internetowa była bardziej przyjazna odwiedzającym? Poznaj wskazówki na ten temat.

Jakub Ozorowski

5 lat temu

Widoczność mikroprzedsiębiorstwa w internecie – jak ją zwiększyć?

Jak - oczywiście w ten pozytywny sposób - wpłynąć na widoczność mikroprzedsiębiorstwa w internecie? Poznaj nasze sprawdzone wskazówki na ten temat.

Jakub Ozorowski

5 lat temu

Indywidualny czy gotowy motyw WordPress? – poznaj za i przeciw

Wiele osób staje przed decyzją: indywidualny czy gotowy motyw WordPress? Która z tych dwóch opcji jest lepsza? Czym się kierować? Odpowiadamy!