Klasyczny edytor treści

Od wersji WordPress 5.0 domyślnym edytorem jest Gutenberg. Edytor ten posiada wiele ciekawych opcji, jednak nie każdemu one odpowiadają. Dużo osób wolało, by tradycyjny edytor. Był on dość prosty, ale często wystarczający. Po jego wyłączeniu w nowszych wersjach aby do niego wrócić trzeba go zainstalować go jako wtyczkę.

Rozszerzenie:

Edytor klasyczny -> https://pl.wordpress.org/plugins/classic-editor/

Po jego aktywacji zyskujemy możliwość w ustawieniach (Ustawienia pisania) zmiany edytora na klasyczny. Robimy to przez zaznaczenie opcji:

Default editor for all users

• Classic editor,
• Block editor (to inaczej Gutenberg)

Inne popularne edytory

Klasyczny edytor to oczywiście nie jedyny edytor, którym można zastąpić Gutenberga do popularniejszych należą:

• Elementor,
• SiteOrigin

Oba edytory edytujemy jako wtyczki. W dużym stopniu te edytory przypominają Gutenberga, pod względem opcji. Używa się ich jednak zdecydowanie inaczej.

Artykuł Jak włączyć tradycyjny edytor w WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Pliki te pod wieloma względami są bardzo interesujące. Specjalnie nie mają dużego ciężaru dzięki czemu nie spowalniają naszej witryny. Dodatkowo są bardzo dobrej jakości – nie występuje efekt tzw. „pikselozy”.

SVG i WordPress

Niestety domyślnie w CMS WordPress nie możemy z nich korzystać. Ustawienia bezpieczeństwa nie pozwalają na wgranie tego typu plików. Trochę to dziwne szczególnie, że SVG jest plikiem specjalnie stworzonym na potrzeby stron www.

Na wszczęcie istnieje kilka sposobów na rozwiązanie tego problemu.

I nie chodzi mi o ręczne wgranie wgranie na serwer pliku bo to się nie uda. WordPress nie wykryje pojawienia się nowego pliku.

O tym czym są pliki SVG pisałam już na innym moim blogu:

http://www.aurainweb.pl/2018/03/czym-otworzyc-pliki-svg/

Dlaczego WordPress nie pozwala dodawać plików SVG do biblioteki mediów?

Pliki SVG swoją strukturą najbardziej przypominają stronę internetową napisaną w języku XML.

A tym samym posiadają one te same słabe punkty co inne pliki napisane w tym języku np. ktoś może je wykorzystać do nieautoryzowanego dostępu do danych użytkownika, wykonać ataki brute force lub cross-site scripting.

Potencjalne zagrożenie może być dodane do pliku podczas jego tworzenia.. Dlatego tak istotne jest korzystanie z plików SVG pochodzących z zaufanego, źródła.

Wtyczki, które za chwilę omówię częściowo oczyszczają kod pliku z potencjalnie szkodliwego kodu. Nie dają jednak 100% gwarancji.

Nie wpadajmy jednak w panikę z własnego doświadczenia wiem, że każdy rodzaj pliku stanowi potencjalne zagrożenie.

Dodawanie z pomocą wtyczki SVG Support

Wtyczka SVG Support czyli odłownie wsparcie do SVG można pobrać jako zwykłe rozszerzenie do WordPress. O tym jak instalować wtyczki napisałam w innym wpisie.

Po aktywacji ustawienia wtyczki będą dostępne w: Ustawienia – > SVG Suport

Przy domyślnych ustawieniach każdy użytkownik może od tego momentu wgrywać do WordPress pliki SVG. Jeżeli jednak chcemy ograniczyć tę możliwość jedynie do grupy administratorów. W ustawieniach wtyczki zaznaczamy opcję Restrict to Administrators?.

Wtyczka posiada też inne ciekawe opcje, które warto przetestować (w tym opcje umożliwiające obróbkę grafiki).

Dodawanie plików z Safe SVG

W przeciwieństwie do poprzednika Safe SVG nie ma, żadnych opcji do konfigurowania. Po prostu instalujemy wtyczkę i możemy z niej korzystać.

Podsumowanie

Jak widać dodawanie plików nie jest w cale takie trudne. Trzeba mieć jednak na uwadze, że nie wszędzie mogą te wtyczki działać. W dalszym ciągu jest małe zamieszanie z powodu wydania nowej wersji WordPress w efekcie u niektórych osób część wtyczek może nie działać poprawnie.

źródła:
https://www.wpbeginner.com/wp-tutorials/how-to-add-svg-in-wordpress/

Artykuł Jak dodać pliki SVG do WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Czas czytania treści na stronie, blogu

Z informacją o tym, że przewidywany czas czytania artykułu może zająć mi np. 3 minuty spotykam się na blogach już od dłuższego czas. Sama jednak to rozwiązanie stosuję od niedawna.

Prawdę mówiąc zaczęłam je stosować głównie testowo. Część moich blogów zawiera, krótkie kursy – a tym samym kody i skrypty (np. HTML, CSS) tak naprawdę nie da się przewidzieć ile czasu zajmie komuś ich przeczytanie.

Jeden będzie czytał je szybciej a drugi wolniej. Możliwe jest jedynie orientacyjne określenie czasu czytania.

Ręczne liczenie czasu czytania

Długość czasu czytania wpisu możemy obliczyć samodzielnie z pomocą np. stopera (również tego w komórce). Kiedy już znajdziemy włączamy stoper i czytamy zawartość naszego wpisu.

Otrzymany wynik możemy następnie dodać jako orientacyjny czas czytania.

Z pewnością zajmie nam to trochę czasu.

Określenie czasu czytania z pomocą Reading Time WP

Oczywiście nie zawsze musimy samodzielnie określać czas czytania. Istnieje kilka wtyczek, które mogą to zrobić za nas (to czy robią to poprawnie to już zupełnie inna para kaloszy). Ja zdecydowałam się na użycie wtyczki Reading Time WP

Wtyczkę instalujemy tak jak wszystkie inne. Proces instalacji wtyczek opisałam w innym wpisie tu macie do niego link.

Po instalacji wtyczki należy ją aktywować. Pojawi się w tedy w Ustawieniach nowa zakładka Reading Time WP, w której możemy edytować jej ustawiania.

Wtyczka jest domyślnie dodawane przez wtyczkę opisy są w języku angielskim. Dlatego po instalacji o ile nie prowadzimy anglojęzycznej witryny musimy wejść w jej ustawienia.

Przetłumaczenie na inny język nie powinno być specjalnie trudne. Wystarczy wpisać w odpowiednie pola adekwatny tekst np. czas czytania, minut.

W moim przypadku nigdzie nie musiałam dodawać, żadnych dodatkowych kodów – tekst generowany przez wtyczkę dodał się automatycznie. Musiałam jednak wprowadzić kilka zmian w CSS. Domyśle ustawiony tekst zlewał się z tekstem wpisu.

W razie gdyby w waszym motywie nie włączyła się wtyczka automatycznie u dołu strony z ustawieniami znajdziecie krótkie kody, które można dodać do wpisu.

Artykuł Liczenie czasu czytania wpisu w WordPress (Reading Time WP) pochodzi z serwisu Kurs WordPress od podstaw.

To dość nie komfortowa sytuacja, ale przynajmniej raz o ile nie więcej przytrafia się użytkownikowi WordPress. Co więc w takiej sytuacji należy zrobić.

Po pierwsze nie wpadać w panikę!

Jak wyłączyć wtyczkę z pomocą serwera FTP?

W takiej sytuacji użyteczny okaże się dostęp do serwera FTP.

1. Logujemy się więc na serwer z pomocą programu obsługującego klienta FTP (np. FileZilla, Total Commander). Tych programów jest całkiem sporo – nazwy podałam tylko przykładowe.
2. Następnie odnajdujemy na hostingu miejsce w którym zainstalowany został WordPress. Wchodzimy do katalogu /wp-content/ a następnie odnajdujemy w nim /plugins/.
3. W większości wypadków wystarczy usunąć z folderu /plugins/ katalog z powodującą problemy wtyczką – z reguły jest to ostatnio zainstalowana lub aktualizowana. Jeśli jednak nie jesteśmy pewni, która wtyczka powoduje problemy możemy:
   • pobrać wtyczki na lokalny komputer (tak by posiadać ich zapasowe wersje) – z serwera zaś usunąć je wszystkie
   • zmienić nazwę katalogu z wtyczkami np.  plugins na plugins-old – potem tworzymy nowy katalog plugins
4. Po usunięciu wszystkich wtyczek z serwera strona na pewno zacznie działać, ale będzie bez rozszerzeń. Dlatego jeśli zdecydowaliśmy się na ich wszystkie usunięcie – teraz będziemy musieli je wgrywać po kolei. Na szczęście tylko w sporadycznych przypadkach trzeba będzie po raz kolejny konfigurować wtyczki i będą się one automatycznie włączać.

Po wgraniu wtyczki sprawdzamy czy strona nadal działa.

W podobny sposób możemy poradzić sobie z uszkodzonym motywem.

Jak wyłączyć wtyczki poprzez bazę danych?

Inną metodą ratowania naszej strony lub bloga opartego o WordPress jest wyłączenie wszystkich wtyczek w bazie danych.

Dla większości jest to bardziej hardcorowa wersja – wymaga bowiem przynajmniej podstawowej obsługi baz danych.

1. Na początek musimy się zalogować do naszej bazy danych. (dane do bazy znaleźć można w pliku konfiguracyjnym wp-config.php na serwerze FTP)
2. O ile nie znamy jej lokalizacji będziemy musieli zalogować się do panelu naszego hostingu. A w nim następnie odszukać phpMyAdmin.
   • W większości przypadków hasło do bazy nie jest jawne –  a jego zmiana wywoła błąd połączenia z bazą danych u wszystkich stron z niej korzystających.
3. Dlatego ta metoda jest raczej przeznaczona dla osób, które mogą w swoim panelu automatycznie zalogować się do phpMyAdmin lub mają zapisane dane swojej bazy.
4. Po wejściu w bazę szukamy w niej tabeli o nazwie wp_options wchodzimy do niej i edytujemy wiersz (rekord) active_plugins
5. Zmieniamy wartość option_value na a:0:{} i zapisujemy
6. Spowoduje to wyłączenie wszystkich wtyczek.

Artykuł Jak wyłączyć uszkodzoną wtyczkę w WordPress? Bez dostępu do panelu! pochodzi z serwisu Kurs WordPress od podstaw.

Dlaczego istotne jest jaki to font?

Na ustawieniu dowolnego fontu na stronie stoi jednak pewien problem. Nie wszyscy użytkownicy Internetu posiadają zainstalowany taki sam zestaw fontów – czcionek elektronicznych na swoich komputerach jak my. W efekcie czego u niektórych osób strona może zacząć się źle wyświetlać.

A nie właściwie wyświetlający się tekst odstrasza potencjalnych odwiedzających – dlatego nie można sobie na takie ryzyko pozwolić.

O ile nie posiadamy motywu z wbudowaną funkcją zmiany kroju pisma to jednym z łatwiejszych rozwiązań tego problemu jest skorzystanie biblioteki Google Fonts.

https://fonts.google.com/

Dodanie nowego fontu z pomocą wtyczki do WordPress

Najprostszą i najszybszą metodą na zmianę fontu na stronie jest instalacja nowej wtyczki (warto jednak pamiętać by nie przegiąć z wtyczkami). WordPress posiada ich całkiem sporo np.

• Google Fonts
• Fonts For WordPress
• Easy Google Fonts

Wybraną wtyczkę instalujemy tak jak wszystkie pozostałe. Instrukcja instalacji wtyczki. Następnie ją  konfigurujemy zgodnie z naszymi potrzebami. Czasem może nam to chwilę zająć – bo nie każdy od razu trafi z idealnym krojem.

Ręczna instalacja fontu w WordPress

Do ręcznej instalacji nowego fontu przyda nam się podstawowa znajomość CSS oraz:

https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/

Teraz kiedy już wybierzemy nowy font wchodzimy w personalizację WordPress następnie odnajdujemy tam Dodatkowy CSS.

W okno wpisujemy kod nowej czcionki.

W związku z tym, że znajdujemy się w podglądzie krój fontu będzie dynamicznie ulegał zmianą.

Dlaczego nie dodawać fontu bezpośrednio do skórki?

Nie zalecam tego dlatego ze względu na aktualizacje. Po dokonaniu aktualizacji zmiany wprowadzone w motyw znikną.

Dlatego jest to nie zalecane.

Artykuł Jak dodać własny font (czcionkę) do WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Poprzednio omówiłam jak ją zainstalować oraz przeprowadzić wstępną konfigurację. W dalszym ciągu jednak nie pokazałam jak wygląda proces optymalizacji dowolnego wpisu lub strony. Dlatego tym tematem zajmę się teraz.

Warto przeczytać najpierw

http://wordpress.aurainweb.pl/ogarniamy-seo-w-wordpress-z-pomoca-yoast-seo/

Jeżeli przerobiliście pierwszą część mojego kursu link powyżej. To część pacy macie już za sobą. Wasze wpisy i strona mają powiedzmy upuszczona optymalizację zrobioną. Jednak to często nie wystarcza by osiągnąć sukces. Do tego trzeba czegoś więcej.

Yoast SEO posiada wiele ciekawych funkcji jedną z nich jest podpowiadanie czy nasza strona jest dobrze zoptymalizowana oraz napisana. Oczywiście nie będę zbytnio się rozpisywać – omówię tylko moim zdaniem istotne opcje.

Optymalizacja z pomocą Yoast SEO zwykłego Wpisu

Po instalacji Yoast SEO w WordPress w opcjach tworzenia i edycji wpisów, stron, kategorii i innych elementów pojawią się dodatkowe pola.

We wpisach najbardziej z pewnością żuci się w oko ciekawa opcja dodana w prawej kolumnie w panelu opublikuj. Na początku będzie ona zlewać się z resztą panelu. Jednak w miarę jak będziemy pisać nasz wpis opcja czytelność będzie ulegać zmianie (zmieni się kolor loga).

Czytelność podobnie jak umieszczony pod nią parametr SEO mogą przyjmować 4 wartości oznaczane kolorami. Są to zielony (dobra), pomarańczowy (wystarczająca) i czerwony (zła). Analogicznie jak światła sygnalizacji miejskiej. Czwartą wartość czyli kolor szary pominęłam – oznacza ona bowiem, że pole jest nie skonfigurowane. W przypadku Czytelności – brak tekstu a dla SEO – brak frazy kluczowej.

Najlepiej by nasz tekst miał czytelność na poziomie dobrym, ale nie zawsze jest to możliwe. Czasami lepszymi tekstami okazują się te pomarańczowe. Przyczyn takiej sytuacji będzie kilka. Najważniejszą jednak moim zdaniem będzie różnica językowa (stylistyka) miedzy Polskim a Angielskim. Wtyczka nie do końca radzi sobie z odmianą wyrazów i czasami pokazuje błąd tam gdzie go nie ma.

W efekcie teksty, które zdaniem wtyczki są idealne stylistycznie brzmią jak bełkot. Mimo to potrafi ona w miarę określić gdzie przydały by się drobne zmiany.

A gdzie znaleźć informacje jakie błędy popełniliśmy? Wystarczy przesunąć się poniżej pola tekstowego.

Dodawanie meta tagów do wpisów

Drugim miejscem gdzie pojawiły się nowe pola jest przestrzeń pod polem tekstowym. Znajduje się tam pewnego rodzaju menu z 3 kartami pierwsza z nich nazywa się „Podgląd w wyszukiwarce”.

W tej karcie mamy możliwość ustawienia title i description. Wystarczy kliknąć w Edytuj wygląd podstrony w wyszukiwarkach.

Jak łatwo zauważyć zakładka jest tylko częściowo przetłumaczona.

W tej samej karcie znaleźć można Analizę czytelności. W celu poznania zaleceń trzeba rozwinąć to pole.

Poniżej znajduje się pole dodawania głównego słowa kluczowego! Jest ono niezbędne do wykonania przez wtyczkę oceny SEO.

Ocena wpisów na liście wpisów

Kolejne dodatkowe pola po uruchomieniu wtyczki zostały także na stronie wszystkich wpisów. Pojawiło się tam pole filtrowania wpisów po ocenie SEO, oraz analogiczne oznaczenia jak w treści wpisów.

Ocena SEO jest także pokazana kiedy zalogowani przeglądamy wpisy.

Artykuł Ogarniamy SEO w WordPress z pomocą – Yoast SEO cz.2 pochodzi z serwisu Kurs WordPress od podstaw.

Istnieją jednak takie wersje strony, na których chce się zostać nieco dłużej – spersonalizowane pod witrynę.

Co powinna zawierać strona 404

Przed przygotowaniem strony warto jest dobrze to przemyśleć. Na pewno musi znaleźć się na niej czytelny komunikat co jest powodem jego pojawienia.

W CMS WordPress bardzo łatwo można stworzyć własną stronę 404 bez konieczności modyfikowania motywu z pomocą odpowiedniej wtyczki. Dzisiaj przedstawię wam jedną z takich wtyczek czyli: 404page – your smart custom 404 error page

Instalacja wtyczki

Nie będę wam tutaj dokładnie opisywać jak zainstalować wtyczkę w CMS – Proces instalacji wtyczki.

Po zainstalowaniu wtyczki pamiętajcie by ją aktywować.

Konfiguracja wtyczki dla nieistniejących stron

Następnie udajemy się w lokalizację Wygląd -> 404 Error Page.

Równocześnie warto jest utworzyć nową stronę, która w przyszłości będzie pełnić funkcję strony błędu.

Wtyczka niestety nie jest w języku Polskim, choć nie powinno to sprawiać dużych problemów.

Praktycznie interesuje nas tylko „Page to be displayed as 404 page”. Opis ten dotyczy rozwijanego pola w którym możemy wybrać stronę, która zastąpi domyślną 404.

W naszym przypadku będzie to strona, o której wspomniałam już wcześniej. Powyżej tego tekstu umieściłam obrazek na którym widać jakie inne opcje mam włączone.

Pamiętaj by zapisać zmiany! Przycisk zapisu znajduje się zaraz poniżej konfigurowanych pól.

Zmiana wyglądu strony

Po zapisaniu zmian w panelu obok nazwy wybranej strony (naszej nowej 404) pojawi się informacja. Na czarnym tle 404.

Oczywiście strona ta będzie dalej funkcjonować jak pozostałe, można ją więc w każdej chwili edytować.

Przykładowo zawartość mojej nowej strony błędu wygląda tak:

A tak prezentuje się ona dla osób, które na nią trafią.

Jak widać nie jest ona na razie za ciekawa posiada jednak wszystkie podstawowe cechy jakie powinna mieć tego typu strona czyli komunikat – strona nie istnieje.

Artykuł Jak szybko stworzyć własną stronę błędu 404 w WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Od czego zacząć instalację wtyczki?

Na początek trzeba mieć oczywiście stronę / blog / sklep oparty o WordPress oraz wtyczkę, którą chce się zainstalować.

W WordPress możemy dodawać wtyczki na kilka różnych sposobów. To jednak na, którą metodę się decydujemy w dużym stopniu zależy skąd mamy konkretną wtyczkę. Jeżeli bowiem pobieramy ją z oficjalnej strony WordPress możemy ją instalować z:

• poziomu panelu administracyjnego bezpośrednio z repozytorium / katalogu wtyczek
• wgrywając na serwer FTP po wcześniejszym jej pobraniu na komputer (metoda ręczna)
  • wgrać możemy z pomocą programu do FTP
  • lub CMS (Wyślij na serwer -> w zakładce Wtyczki)

Jeśli chcemy zainstalować wtyczkę zakupioną z innego źródła możemy ją jedynie ręcznie wgrać na serwer

Nieco dokładniej opisałam ten proces poniżej.

Instalacja z katalogu wtyczek

W celu dodania nowego rozszerzenia musimy być zalogowanie do panelu administracyjnego. Następnie w lewej kolumnie odnajdujemy Wtyczki -> Dodaj nową

W nowo otwartym oknie pokaże nam się repozytorium wtyczek WordPressa (katalog wtyczek). Zaraz po otwarciu w pierwszym oknie zobaczymy rekomendowane pluginy. Są to popularne wtyczki ułatwiające wielu użytkownikom pracę.

Jeśli na tej liście nie znajduje się interesującej nas wtyczka to musimy skorzystać z wyszukiwarki. Mieści się ona nad polem z dodatkami po prawej stronie. Instalacja wtyczek z katalogu jest dość prosta. Wystarczy po jej wyszukaniu kliknąć Zainstaluj Teraz.

Jeżeli nie mamy wybranej jeszcze konkretnej wtyczki to w tym miejscu można również zapoznać się z opcjami wtyczek, które zostały wyszukane. Jedyne co musisz zrobić to kliknąć w szczegóły.

Nie jest to jednak jedyna opcja dodawania nowych rozszerzeń.

Instalacja wtyczki wcześniej pobranej (z komputera)

Z pomocą CMS

Wtyczki możemy pobrać także bezpośrednio ze strony WordPress.org lub zakupić na jednej z wielu stron. W takim przypadku będziemy posiadali archiwum (np. zip) w którym będzie zapakowana wtyczka.

Do jej wgrania użyć możemy przycisku Wyślij wtyczkę na serwer.  Mieści się w oknie  obok napisu Dodaj wtyczkę u góry strony. Po przyciśnięciu przycisku otworzy się okno w którym wybieramy wtyczkę i importujemy na serwer.

Przez serwer ftp

Wtyczkę możemy również wgrać bezpośrednio na serwer FTP. Rozpakowaną wtyczkę wgrywamy w lokalizacji:

katalog-z-wordpressem/wp-content/plugins/

Aktywacja Wtyczki

Po zainstalowaniu wtyczki trzeba ją jeszcze aktywować. Aby tego dokonać trzeba być zalogowanym do WordPress. Następnie wchodzimy w zakładkę Wtyczki -> Zainstalowane wtyczki

Odnajdujemy tam naszą wtyczkę i klikamy AKTYWUJ.

Jeśli proces się nie powiedzie na pewno pojawi się komunikat o przyczynie. Może być ona naprawdę różnorodna. Od błędu we wtyczce do np. braku innej wymaganej wtyczki.

Artykuł Instalacja wtyczki w WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Wstawianie do treści wpisu kodu źródłowego języków programowania w brew pozorom jest dosyć trudnym zadaniem. Podczas moich pierwszych prób bardzo często zdarzało się że kod po prostu znikał, albo co gorsza zamiast się wyświetlać był wykonywany przez stronę. Efekty niekiedy były opłakane – raz nawet strona przestała działać 🙂

Najprostszym rozwiązaniem problemu było użycie znaczników  code, pre czy blockquote chociaż to nie do końca było dobre rozwiązanie. Korzystając z nich często musiałam się „nagimnastykować” przechodząc pomiędzy trybami (tekstowym a wizualnym). Kod musiałam umieszczać w wersji wizualnej a znaczniki w tekstowym. Efekt końcowy też był nie do końca zadowalający – kod był mało czytelny i rozjechany. Zdałam sobie wtedy sprawę, że potrzebuję czegoś lepszego.

Po kilku próbach i testach zdecydowałam się zainstalować wtyczkę Crayon Syntax Highlighter. Z tej wtyczki korzystam aktualnie efekty jej działania możecie zobaczyć na moim blogu.

Crayon Syntax Highlighter w WordPress

Początki korzystania były trudne. Nie bardzo wiedziałam jak się mam do tego zabrać. Dodatkowo jak się okazało wtyczka zdecydowanie lepiej działa kiedy jestem w trybie tekstowym niż wizualnym (czasami w wizualnym w ogóle nie che zacząć działać). W moim przypadku winowajcą jest inna zainstalowana wtyczka.

Wtyczka potrafi zarządzać kodem w językach:

• Default Language (one size fits all, highlights generic code)
• C1 (thanks to Oparin Pavel)
• ABAP
• ActionScript
• AmigaDOS (thanks to amigalog.com)
• Apache
• AppleScript
• Arduino
• Assembly (x86)
• AutoIt
• °C
• C#
• C++
• Clojure (thanks to )
• CoffeeScript (thanks to Dai Akatsuka)
• CSS
• Delphi/Pascal (thanks to Chris McClenny)
• Delphi Web Script (thanks to smartmobilestudio)
• Diff (thanks to omniavin)
• Erlang (thanks to Daniel)
• Fabric Engine KL (thanks to Andrew Hazelden)
• Przejdź na
• Haskell
• HTML (XML/XHTML)
• INI
• Lisp
• Lua
• Maya MEL (thanks to Andrew Hazelden)
• Microsoft Registry (thanks to techexplored.com)
• MIVA Script
• Monkey (thanks to Devolonter)
• MS-DOS (thanks to http://www.amigalog.com/?p=334)
• MySQL (thanks to AssemblySys.com and ansas-meyer.de)
• Java
• JavaScript
• Objective-C
• Papyrus
• Perl
• PHP
• PL/SQL
• PostgreSQL (thanks to Bitorchestra)
• PowerShell
• Python
• R
• Ruby
• Rust (thanks to Stibbons)
• Scheme (thanks to Harry75369)
• Shell (Unix)
• Swift (thanks to weyhan)
• Transact-SQL
• TeX
• Vim
• Visual Basic
• Visual Basic .NET (thanks to Kevin Gardthausen)
• YAML
• ZSH (thanks to Stibbons)
• Others will be added when requested

Konfiguracja wtyczki

Wtyczkę instalujemy dokładnie tak jak inne pluginy więc nie widzę potrzeby opisywania tego procesu.

Po instalacji i aktywacji wtyczki trzeba ją skonfigurować. W tym celu wchodzimy w ustawienia (settings) i odnajdujemy tam Crayon.

W kolejnym kroku warto przyjrzeć się ustawieniom. W tym momencie musicie trochę poeksperymentować.

Wybrać motyw czyli sposób wyświetlania kodu (motywy możemy sobie obejrzeć w podglądzie). W moim przypadku jest to Classic – szare pole z niebieską numeracją linijek. Kolorystyka kodu zależy już od języka w którym będziemy wstawiać.

Do wyboru mamy kilka motywów.

Poniżej mamy także inne ustawienia. Warto przetestować sobie te opcje na spokojnie dostosowując krok po kroku wygląd pola.

Jeśli zamierzamy korzystać w wielu rożnych języków na naszej stronie warto jest przy opcji Języki wybrać Defoult dzięki czemu uniknie się później problemów.

Na koniec wszystko zapisujemy.

Wstawianie kodu do wpisu

Wstawiania kodu do wpisu teraz będzie już łatwe. Wchodzimy w edycję wpisu lub tworzymy nowy. Następne odnajdujemy na belce edytora tekstowego poniższy znaczek:

Klikamy w ten przycisk a w nowo otwartym oknie wklejamy kod.

W nowo otwartym oknie wklejony kod możemy swobodnie oscylować dodając wcięcia i entery. Spokojnie można również wstawiać komentarze.

//komentarz do przykładowego kodu

<?php
    $a = '2'; 
    $b = '4';
    $c = $a + $b;
    echo $c;
?>

Kod HTML przykładu:

<pre class="lang:default decode:true" title="Przykładowy kod">//komentarz do przykładowego kodu

&lt;?php
    $a = '2'; 
    $b = '4';
    $c = $a + $b;
    echo $c;
?&gt;</pre>

13

Podsumowanie:

Ogólnie na moje potrzeby wtyczka wystarczająca. Powinna też się sprawdzić w większych serwisach – ponieważ efekt końcowy jest w miarę czytelny a wstawianie kodu nie sprawia jakiś tam większych problemów.

A co wy sądzicie o tej wtyczce?

Artykuł WordPress wstawianie kodu źródłowego w treści wpisu pochodzi z serwisu Kurs WordPress od podstaw.

Metoda ta jest bardzo popularna. Spotkać ją można chociaż by w portalach ze zdjęciami gdzie znak wodny często pokrywa znaczną część obrazka lub jest na nim wielokrotnie powielany. Nie jest to może jakaś 100% metoda zapobiegająca pobraniom, ale istotnie ograniczająca. Znaki wodne czasem traktowane są też jako informacje o tym, kto jest autorem danej grafiki lub z jakiej witryny zostały pobrane. Nie muszą być one wtedy takie wielkie.

Dodatkowo osoba, która zobaczy zdjęcie odczyta znak wodny może później odwiedzić stronę twórcy.

Jak umieścić znak wodny na obrazkach w CMS WordPress?

WordPress oferuje wiele różnorodnych wtyczek dodających znaki wodne na obrazkach. Jedną z nich jest właśnie Easy Watermark. Wtyczkę instaluje się jak każdą inną więc dodanie jej do serwisu nie powinno sprawić wielu problemów.

Po zainstalowaniu odnośniki do niej pojawią się 2 miejscach. Pierwszy w Mediach a drugi w Ustawieniach.
Zaczynając pracę z tą wtyczką warto najpierw udać się w to drugie miejsce:

Plugin posiada 2 zakładki: Ogólne, Obraz i Tekst

W pierwszej z nich ustawiamy podstawowe parametry. Takie jak Typ obrazu czy wybór rozmiaru, dla którego użyjemy znaku wodnego.

Mamy także możliwość wyboru czy chcemy odrazu przy wgraniu nanieść znak wodny.

Jedną z opcji do wyboru jest także możliwość wyboru między znakiem wodnym w postaci obrazka lub tekstu. Dodatkowo można utworzyć kopię zapasową zdjęć – na wszelki wypadek.

Na koniec pracy wszystko zapisujemy.

W zakładce obraz mamy możliwość wgrania obrazu, który będzie naszym znakiem wodnym – jeżeli zdecydujemy się na tego typu znak.

Ostatnią zakładką jest tekst. Ustawiamy w niej „odpowiedni tekst” jeśli chcemy otrzymać tekstowy znak wodny.

W tym edytorze możemy zadecydować o jego lokalizacji, kolorze fonta, kroju czcionki.

Na koniec oczywiście zapisujemy.

Nanoszenie znaku wodnego na obrazek

Dopiero teraz możemy przystąpić do dodawania znaku wodnego.

Nanoszenie znaku wodnego jest bardzo proste. Wystarczy wybrać przycisk Start a następnie kontynuuj. Znak wodny zostanie naniesiony na wszystkie obrazki spełniające nasze wcześniejsze ustawienia.

Po odświeżeniu strony znak wodny powinien już być umieszczony na grafikach.

W przypadku problemów polecam przycisk Restore -> Przywróć.

Uwaga: Zdjęcia z efektem przezroczystości (np. bez tła) po użyciu wtyczki zaczynają wyglądać tragicznie. W moim przypadku zostało dodane czarne tło przez co obrazek z logiem WordPress wyglądał jak jedna wielka plama. Problem związany jest zapewne z kompresowaniem przez wtyczkę obrazków.

Artykuł Dodawanie znaku wodnego do zdjęć w WordPress wtyczka Easy Watermark pochodzi z serwisu Kurs WordPress od podstaw.