Na stronie kursu możemy osadzać materiały multimedialne (wideo/audio) i tutaj generalnie wszystko jest jasne. WordPress ma wbudowany player do obsługi zarówno treści wideo jak i audio. Jeśli chcemy osadzić plik z zewnętrznych serwisów: YouTube, Vimeo, to po prostu wklejamy kod wygenerowany wcześniej w danym serwisie.
Natomiast w przypadku materiałów w formatach, np. biurowych, sprawa nie jest już tak oczywista. Czy można osadzać dokumenty typu Word, Excel i PDF? I czy w ogóle jest to możliwe? Oczywiście tak!
Z wtyczką Embed Any Document obsłużysz dokumenty Worda, Excela, PowerPointa, PDFy, pliki tekstowe, TIFF, SVG, a nawet Adobe Illustratora (*.ai).
Obsługa wtyczki jest banalnie prosta. Gdy przejdziesz do edycji wpisu/strony powinien pojawić Ci się dodatkowy przycisk Add Document.
W darmowej wersji wtyczki dodasz pliki znajdujące się w bibliotece mediów WordPressa, albo z jakiegoś zewnętrznego adresu (pliki z Google Drive, Dropboxa lub BOXa dodasz w wersji Premium).
Po wgraniu pliku na serwer pojawi się okienko z ustawieniami osadzania pliku na stronie. Proponuję zostawić szerokość i wysokość jak jest, czyli width i height na 100% – wtedy dokument będzie się ładnie dopasowywać do szerokości kontenera z treścią lekcji. Jeśli chcesz pokazać dodatkowy link umożliwiający pobranie pliku, to możesz zaznaczyć For all users (będzie widoczny dla wszystkich), albo For Logged-in users (dla zalogowanych użytkowników) – w polu obok podajesz tekstu dla linku pobierania.
W przeciwnym wypadku zostawiasz No Download. Nie oznacza to oczywiście, że użytkownik nie da sobie rady z pobraniem pliku – wystarczy że podejrzy źródło strony. Ten bezpośredni link ma po prostu ułatwić pobieranie pliku.
Pozostaje jeszcze kwestia przeglądarki dokumentów. Wtyczka bazuje na dwóch silnikach: Google Docs Viewer oraz Microsoft Office Online.
Zapisanie ustawień spowodowało wygenerowanie shortcode [ embeddoc ], który możesz skopiować i wklejać też w inne miejsca w swojej witrynie.
Dla dokumentu Worda ustawiłam przeglądarkę Google Drive… jak widać wypełnia 100% okna przeznaczonego na treść lekcji. Przycisk znajdujący się w prawym górnym rogu pozwoli przenieść czytelnika na stronę Google Drive – czyli do klasycznego widoku dokumentu jaki jest dostępny w tej usłudze.
Jeszcze jeden przykład, który pokaże jak prezentowane są dokumenty w przeglądarce Microsoft Office Online – tym razem załączę prezentację PowerPoint oraz ustawię link pobierania pliku dla zalogowanych użytkowników.
Pomimo ustawienia linku z możliwością pobierania pliku, przeglądarka ma wbudowaną funkcjonalność zapisywania kopii wczytanego dokumentu jaki i możliwości wydrukowania w formacie PDF.
Tak jak wcześniej wspominałam, ten link nie decyduje o zabezpieczeniu pliku przed zapisaniem, a jedynie ma ułatwić szybkie pobranie i zapisanie pliku na dysk.
W identyczny sposób postępujesz w przypadku osadzania dokumentów PDF, grafiki TIFF, SVG czy grafiki wektorowej od Adobe. Istnieje też druga metoda dołączania plików z materiałami dydaktycznymi do lekcji i to znacznie bezpieczniejsza, ponieważ chroni przed nieautoryzowanym pobieraniem plików.
Jak prawidłowo wstawiać na stronę kursu pliki do pobrania? I oczywiście w taki sposób, żeby osoby nieuprawnione nie miały dostępu do pliku, więc musimy dodatkowo jeszcze zadbać o bezpieczeństwo swoich danych. Pomoże nam w tym wtyczka WordPress Download Manager.
Jest to rozbudowany moduł do zarządzania plikami, z pomocą którego będziesz mieć możliwość kontroli pobierania plików oraz sprawdzania częstotliwości ich pobierania. Instalacja i aktywacja wtyczki wygląda oczywiście standardowo, jak w przypadku każdego innego modułu w WordPress.
W menu WordPressa powinien pojawić się kolejny element o nazwie Downloads. W ustawieniach wtyczki (Downloads -> Settings) należy wprowadzić parę zmian, m.in. komunikat o blokadzie dostępu dla osób niezalogowanych oraz link do strony z formularzem logowania:
Następnie katalog bazowej instalacji WordPressa – wtyczka utworzy swój podkatalog, w którym będą składowane pliki. Katalog będzie zabezpieczony specjalnymi regułami w pliku .htaccess.
Oczywiście dostęp do tego katalogu powinien mieć wyłącznie Administrator.
Kolejna opcja to zabezpieczenie przed stosowaniem niedozwolonych znaków w nazwach plików. Jeśli zaznaczysz tę opcję, każdy plik będzie sprawdzany pod kątem stosowania prawidłowych znaków.
Warto też zaznaczyć opcję wznawiania pobierania (Resumable Downloads). Czasami jeśli plik jest duży lub są jakieś problemy z połączeniem, może zaistnieć konieczność ponowienia pobierania. Wtedy zamiast pobierać plik od początku, można wznowić pobieranie od momentu, w którym zostało przerwane.
Ustawienia mamy załatwione… Czas dodać pierwszy plik!
Przechodzę do Downloads -> Add New i uzupełniam niektóre pola. Warto w tym miejscu wprowadzić tytuł pliku, a w sekcji Package Settings uzupełnić pola:
W zakładce Lock Options dodatkowo możesz określić blokady pobierania. Jeśli np. użytkownik musi najpierw zaznaczyć zgodę na warunki zawarte w regulaminie, albo podać hasło, czy też wpisać poprawny kod captcha. Ponieważ kurs nie będzie dostępny publicznie, tylko dla osób zalogowanych, zaznaczanie tych opcji nie jest konieczne.
Warto jeszcze ustawić ikonkę informującą o typie pliku. Załączam plik PDF, więc szukam na liście ikony, która będzie pasować do formatu pliku (można też w polu Icon URL wstawić adres do swojego pliku graficznego). Zaznaczam więc ikonę PDF:
Następnie mogę przystąpić do wgrania mojego pliku. W oknie Upload wybieram plik z dysku i wgrywam go na serwer.
Zapisuję wszystkie zmiany i przechodzę do zakładki Downloads -> All files. Interesuje mnie kolumna shortcode – kopiuję kod umieszczony w nawiasach kwadratowych i wklejam go do mojej lekcji.
Plik jest już gotowy do pobrania, jeżeli kliknę na link Pobierz, powinno mi się pojawić okno dialogowe pobierania pliku.
W opcjach pliku zaznaczyłam dostęp dla osób z uprawnieniami Administratora lub Subskrybenta. Tylko te osoby powinny być możliwość pobrania pliku. Tylko czy faktycznie inne osoby (np. niezalogowane) będą mieć dostęp zablokowany?
Skorzystam z Inspektora kodu – jest to funkcjonalność, w którą wyposażona jest już praktycznie każda nowoczesna przeglądarka. Klikam prawym przyciskiem myszy na linku Pobierz i wybieram Zbadaj.
Otworzy się dodatkowe okno z podglądem kodu strony, skąd mogę skopiować bezpośredni link do pliku:
Teraz wystarczy, że spróbuję wejść na podany adres jako osoba niezalogowana.Wklejam na pasek adresów skopiowany link do mojego pliku i w odpowiedzi otrzymuję plik tekstowy o braku stosownych uprawnień.
Możesz więc w ten sposób załączać różne pliki – również wideo i audio (jeśli chcesz dać możliwość zapisania pliku na dysk…). Pamiętaj tylko o uzupełnianiu pola Allow Access tak, aby pliki nie dostały się w niepowołane ręce.
