15 trików WordPressa dla designera i blogera – cz. 2

W poprzedniej części zestawienia przygotowaliśmy dla Ciebie wtyczki i proste usprawnienia, dzięki którym praca z WordPressem będzie bardziej intuicyjna, szybsza i wygodniejsza.

W tej części zebraliśmy dla Ciebie bardziej zaawansowane porady, które czasem wymagają ingerencji w kod, ale oferują ciekawe możliwości. Zapraszamy do lektury!

7. Dodatkowe wsparcie w optymalizacji

Dostępne są liczne pluginy, które łączą możliwości niektórych z wtyczek i pozwalają Ci, na przykład, zadbać o bezpieczeństwo strony. Mogą sprawić, by była wydajniejsza, sugerować zmiany tak, by zwiększyć ruch na stronie albo zoptymalizować obrazki. 

Przykładem takiego pluginu jest ten stworzony przez sam zespół WordPressa – Jetpack. Pozwoli Ci między innymi na działania polepszające widoczność w wyszukiwarce i indeksowanie. Oprócz tego Jetpack monitoruje Twoją stronę co pięć minut, i powiadamia Cię w przypadku wystąpienia błędu. 

8. Spersonalizowane strony z błędem 

Tutaj wchodzimy już w bardziej zaawansowane triki wymagające znajomości CSS i HTML. Jeżeli chcesz przygotować spersonalizowaną stronę z błędem 403, 404 lub 500 – jest to bardzo proste.

Wystarczy, że stworzysz odpowiednie strony i wrzucisz pliki podstawowe instalacji WordPressa.

Następnie dodaj do pliku .htaccess ten kod, by strony działały:  

#spersonalizowane strony błędu 404, 403 i 500

ErrorDocument 404 /404-error.html
ErrorDocument 403 / 403-error.html
ErrorDocument 500 / 500-error.html

9. Wyczyść spam w komentarzach

Często okazuje się, że spam w komentarzach jest odporny na filtry i musisz ręcznie weryfikować lub odrzucać zbędne komentarze.

Możesz jednak się z tym uporać – zaloguj się do phpMyAdmin, wybierz bazę danych Twojej strony, wybierz SQL i wklej do okna komand ten kod:  

DELETE from wp_comments WHERE comment_approved = '0';

10. Dodaj wyróżnioną tabelkę 

Jeżeli chcesz, żeby w treści Twojego wpisu wyświetlał się podświetlony, wyróżniający się fragment tekstu w tabeli – do pliku functions Twojego motywu dopisz kod: 

function make_yellowbox($atts, $content = null) {
return '<p style="background: none repeat scroll 0 0 #ff9; clear: both; margin-bottom: 18px; overflow: hidden; border: 1px solid #e5e597; padding: 13px;">' . do_shortcode($content) . '</p>';
}
add_shortcode('yellowbox', 'make_yellowbox');

Następnie, gdy wpiszesz w treści:

[yellowbox]Twój wyróżniony tekst[/yellowbox]

Tekst będzie znajdował się w wyróżnionej, żółtej tabeli. 

11. Infinite scroll na Twojej stronie 

Infinite scroll to wygodna opcja pozwalająca na przeglądanie treści Twojej strony bez przechodzenia na kolejne strony. Tę opcję znajdziesz m.in. we wtyczce Jetpack.

Po zainstalowaniu go zezwól na opcję infinite scroll i dodaj do swojego pliku functions ten kod: 

add_theme_support( 'infinite-scroll', array(
'container' => 'content',
'footer' => 'page',
) );

12. Spersonalizuj stronę logowania 

To opcja, która może nie wpłynie drastycznie na ilość odwiedzin na Twojej stronie… Ale trochę Ci umili i urozmaici codzienną pracę.

Jeżeli dodasz kilka linijek kodu to będziesz mógł spersonalizować swoją stronę logowania do WordPressa. 

Wejdź w ..//wp-content/themes/nazwa-twojego-stylu i dodaj folder nazwany “login”.

Stwórz plik CSS w tym folderze i nazwij go custom-login-styles.css.

Następnie do pliku functions dodaj kod: 

function my_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/custom-login-styles.css" />';
}
add_action('login_head', 'my_custom_login');

13. Podkreśl autorskie komentarze

Żeby podkreślić komentarze znajdź i wybierz ten fragment kodu w pliku CSS: 

.bypostauthor { background: #eee; }

14. Dodaj działające przyciski do opublikowanych komentarzy  

Możesz edytować zamieszczone komentarze, ale możesz dodać również inne działające przyciski które pozwolą Ci lepiej moderować komentarze na bieżąco. By dodać opcję oznaczenia komentarza jako spam albo usunięcia pod wpisem, wpisz do pliku functions:

function delete_comment_link($id) {
if (current_user_can('edit_post')) {
    echo '| <a href="'.admin_url("comment.php?action=cdc&c=$id").'">del</a> ';
    echo '| <a href="'.admin_url("comment.php?action=cdc&dt=spam&c=$id").'">spam</a>';
  }
}

A następnie dodaj do pliku comments.php kod: 

delete_comment_link(get_comment_ID());

15. Testy A/B z użyciem Google Analytics

Jeżeli chcesz polepszyć swoje treści, wiesz, że nieodłączną tego częścią są testy A/B.

Możesz wykonać je z użyciem Google Analytics dodanego do Twojej strony.

Na swoim koncie Google Analytics kliknij tab behaviour, następnie experiments.

Wybierz i skonfiguruj swoje cele. Później wybierz ID oryginalnej strony i zamień 

$page_id na id oryginalnej strony w poniższym kodzie.

Potem, weź kod eksperymentu z Google Analytics i dodaj do kodu: 

<?php if (is_page($page_id)) :
?>
Add Content
Kod eksperymentu 
<?php endif; ?>

Na koniec zapisz kod w pliku nagłówka i wybierz >>start experiment w Google Analytics.

Jakie usprawnienia i wtyczki do WordPressa wykorzystujecie? Wolicie te gotowe, a może wolicie 'pogrzebać’ w kodzie?