Zdania na temat Gutenberga są dosyć mocno podzielone. Doskonale widać to chociaż by na stronie wtyczki. Na nasze szczęście jeśli nie jesteśmy jego fanami możemy przełączyć edytor na stary instalując odpowiednią wtyczkę.

Obsługa edytora Gutenberg

Pierwszą rzeczą na jaką chciałam zwrócić uwagę że wtyczka w cale taka nowa nie jest. Pierwszy raz spotkałam się z nią już na wordpress.com w okolicach 2017 roku. Przyznam, że zrobiła na mnie średnie wrażenie. Różniła się też istotnie od wersji jaką zobaczyłam w moim WordPress.

Obecnie Gutenberg nie jest jeszcze częścią WordPress można go zainstalować jak każdy inny plugin -> Instalacja wtyczki

Po aktywacji pluginu edytor wpisów wyglądał u mnie następująco:

u was może to wyglądać inaczej – ze względu na zainstalowane przez zemnie wtyczki. Podstawowe komponenty będą jednak takie same.

Zmiany w Edytorze – dodawanie wpisu

Jak widać na załączonym obrazku edytor przypomina białą kartkę papieru. Zaznaczone mamy na niej gdzie wstawić tytuł, oraz gdzie wprowadzić treść. Specjalnie zaznaczonego podziału między tymi polami nie ma – ewidentnie jak dla mnie brakuje choć by delikatnego odcięcia. Wszytko co wprowadzamy jest podzielone na „akapity” lub sekcje jak kto woli.

W wtyczce nie ma na dzień dobry czegoś takiego jak „statyczny pasek narzędzi” (dostępna w opcja Classic – przy edycji). Coś w rodzaju jego pokazuje się powyżej akapitu, w którym aktualnie przebywamy – jest to jednak dość uproszona wersja.

Odbiega w ten sposób dość mocno od tradycyjnego edytora znanego z zwykłych arkuszy.

Pod wieloma względami nowy edytor treści przypomina bardziej edytor wizualny, w którym wszytko musimy wyklinać. Co dla wielu szczególnie przyzwyczajonych do tradycyjnego edytora może okazać się trochę męczące. Dodatkowo tego typu podział generuje dodatkowy kod (znaczniki udzielające np. akapity) – przy krótkich tekstach specjalnie nie powinno to przeszkadzać, ale przy dłuższych…  szczególnie jeśli pracujemy przeskakując pomiędzy trybami (!!!) może okazać się problematyczne.

W moim przypadku to rozwiązanie średnio się sprawdza. Nowy edytor bardzo spowolnił moją pracę. Stanowi też dla mnie i moich wpisów pewne zagrożenie – ale o tym później!

Dla osób nieco już zestresowanych istnieje możliwość tworzenia i edycji wpisów w wersji „Classic Editor” – będzie to jednak kolejna dodatkowa wtyczka. Na szczęście obecnie nie trzeba się o to martwić.

Zalety i wady edytora

Edytor Gutenberg na chwilę obecną ma raczej więcej wad niż zalet – mam nadzieję że w przyszłości to się zmieni.

Na duży plus przemawia za nim:

• kalendarz z założenia więc planowanie postów może być o wiele łatwiejsze
• edycja tekstu zbliżona do edytora wizualnego
• ciekawe typy pól – nie dostępne w tradycyjnym edytorze
• posiada też różne ciekawe formaty wpisów

Jeśli chodzi o wady:

• brak polskiej wersji językowej
• nie działają wszystkie wtyczki – w szczególności te starsze
• mało intuicyjny
• wejście do edytora tekstowego jest utrudnione
• przy dużej ilości kategorii robi można się pogubić
• źle zapisuje niektóre treści np. kody CSS, HTML – edytor pododawał znacznik span
• za dużo śmieci – edytor dodaje dużo zbędnych znaczników
• zmiana kolejności elementów przynajmniej u mnie nie do końca poprawnie działa

Jak nie trudno się domyślić należę do tych, którym edytor nie przypadł do gustu.

Moja własna opinia

Jak już wcześniej wspomniałam miałam raczej przez niego same problemy. Z niepokojem czekam, też dnia kiedy „przypadkiem” usunie się komuś fragment z któregoś z nowych znaczników – skutki mogą być dla wpisu różne.

Nie sadze też by początkujący użytkownik WordPress był zadowolony z tego rozszerzenia. Wyszukiwanie w nie do końca intuicyjnych opcjach np. wstawienia obrazka może okazać dość trudne i irytujące. Najłatwiej z pewnością będzie osobą pracującym z edytorami wizualnymi (których osobiście nie lubię). Ciekawi mnie też jak prawdziwe edytory wizualne zareagują na te rozszerzenie?

Prawdopodobnie gdybym nie prowadziła dość specyficznego bloga gdzie prezentuje różne kody, skrypty i rozwiązania głównie z IT może nowy edytor przypadł by mi do gustu. W gruncie rzeczy wszystkie moje problemy wynikały z faktu, że jest za mało elastyczny na moje potrzeby. W związku ze specyfiką mojej pracy zaczyna to stanowić pewne wyzwanie.

Dla mnie osobiście wdrożenie tego edytora będzie końcem pewnej epoki – i prawdopodobnie czasem na zastanowienie się czy dalej chce pisać w tej platformie.

Jak już wiecie jestem bardzo sceptyczna co do tej wtyczki dlatego byście wyrobili sobie własną opinię odsyłam was do innego bloga, którego Autorka ma trochę inne podejście do tej wtyczki https://webfaces.pl/

Artykuł Nowy edytor treści Gutenberg pochodzi z serwisu Kurs WordPress od podstaw.

Kiedy rozdzielałam mój stary blog na kilka części początkowo zdecydowałam się na przenoszenie stron i wpisów ręcznie. Było to mozolne i bardzo męczące. W tedy wpadłam na pomysł sprawdzenia funkcji ukrytej w CMS WordPress. Z tego co pamiętałam nie była ona zbyt skomplikowana, i tu się pozytywnie zaskoczyłam.

Eksport i import treści

Jedną z ciekawszych funkcji jakie obecnie posiada WordPress jest eksport i import treści. Funkcja umożliwiająca nam dokonanie tego znajduje się w Narzędziach. O ile eksportować (pobierać zawartość) możemy tylko ze strony na której się obecnie znajdujemy, importować możemy nie tylko z WordPress, ale także z innych źródeł.

Eksport zawartości z WordPress

W WordPress możemy eksportować czyli pobrać treści takie jak:

• wszystkie (czyli np. kategorie, posty, wpisy, media),
• strony,
• wpisy,
• grupy pól,
• media (odnośniki do plików),
• bloki.

Na początek trzeba wejść w mieszczącą się w panelu administracyjnym zakładkę Narzędzia -> Eksport.

Nie musimy od razu pobierać wszystkiego co znajduje się w konkretnej instalacji. Możemy pobrać jedynie jej wycinek. Czyli np. tak jak ja zrobiłam czyli pobierałam Wpisy. Po wejściu w opcję pokażą się nam następnie kolejne opcje. Umożliwią one personalizację pobierania. Dzięki czemu nie musimy pobierać całości jeśli nie jest nam ona potrzebna.

Ja na swoje potrzeby wybrałam kategorię do, której należały wpisy. Jak widać na załączonym obrazku nie są one ułożone hierarchicznie. Trzeba po kolei szukać konkretnej kategorii.

W związku z tym, że jestem jedynym autorem na blogu wybór autora mogłam sobie darować.

Przeszłam więc do następnego pola Data rozpoczęcia i Data końca. Za ich pomocą wyznaczamy zakres datowy w jakim zostały napisane wpisy.

Kolejnym polem jest Stan – czyli np. opublikowane wpisy, lub szkice. Akurat mnie było to obojętne więc nie zmieniałam ustawień domyślnych.

Na koniec klikłam w „Pobierz plik eksportu„. W tym momencie na mój komputer został pobrany plik XML zawierający moje wpisy spełniające zaznaczone kryteria. Plik ten zawierał samą treść a w miejscu gdzie miały znajdować się zdjęcia i obrazy były linki z instrukcją skąd można je pobrać. 

Plik fizycznie nie zawierał zdjęć. Poniżej przykładowy plik:

<?xml version="1.0" encoding="UTF-8" ?>
<!-- This is a WordPress eXtended RSS file generated by WordPress as an export of your site. -->
<!-- It contains information about your site's posts, pages, comments, categories, and other content. -->
<!-- You may use this file to transfer that content from one site to another. -->
<!-- This file is not intended to serve as a complete backup of your site. -->

<!-- To import this information into a WordPress site follow these steps: -->
<!-- 1. Log in to that site as an administrator. -->
<!-- 2. Go to Tools: Import in the WordPress admin panel. -->
<!-- 3. Install the "WordPress" importer from the list. -->
<!-- 4. Activate & Run Importer. -->
<!-- 5. Upload this file using the form provided on that page. -->
<!-- 6. You will first be asked to map the authors in this export file to users -->
<!--    on the site. For each author, you may choose to map to an -->
<!--    existing user on the site or to create a new user. -->
<!-- 7. WordPress will then import each of the posts, pages, comments, categories, etc. -->
<!--    contained in this file into your site. -->

	<!-- generator="WordPress/5.6" created="2020-12-13 07:56" -->
<rss version="2.0"
	xmlns:excerpt="http://wordpress.org/export/1.2/excerpt/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:wp="http://wordpress.org/export/1.2/"
>

<channel>
	<title>Kurs WordPress od podstaw</title>
	<link>http://wordpress.aurainweb.pl</link>
	<description>Stw&#243;rz samodzielnie swojego bloga</description>
	<pubDate>Sun, 13 Dec 2020 07:56:39 +0000</pubDate>
	<language>pl-PL</language>
	<wp:wxr_version>1.2</wp:wxr_version>
	<wp:base_site_url>http://wordpress.aurainweb.pl</wp:base_site_url>
	<wp:base_blog_url>http://wordpress.aurainweb.pl</wp:base_blog_url>

		<wp:author><wp:author_id>1</wp:author_id><wp:author_login><![CDATA[aurelia]]></wp:author_login><wp:author_email><![CDATA[aureliajulianna@o2.pl]]></wp:author_email><wp:author_display_name><![CDATA[admin]]></wp:author_display_name><wp:author_first_name><![CDATA[]]></wp:author_first_name><wp:author_last_name><![CDATA[]]></wp:author_last_name></wp:author>

				
	<generator>https://wordpress.org/?v=5.6</generator>
<site xmlns="com-wordpress:feed-additions:1">150306349</site>
		<item>
		<title>newblogtemplate</title>
		<link>http://wordpress.aurainweb.pl/2015/06/budujemy-wlasny-szablon-wordpress-cz-1/newblogtemplate/</link>
		<pubDate>Wed, 19 Feb 2020 08:01:11 +0000</pubDate>
		<dc:creator><![CDATA[aurelia]]></dc:creator>
		<guid isPermaLink="false">http://wordpress.aurainweb.pl/wp-content/uploads/2015/06/newblogtemplate.zip</guid>
		<description></description>
		<content:encoded><![CDATA[]]></content:encoded>
		<excerpt:encoded><![CDATA[]]></excerpt:encoded>
		<wp:post_id>15568</wp:post_id>
		<wp:post_date><![CDATA[2020-02-19 09:01:11]]></wp:post_date>
		<wp:post_date_gmt><![CDATA[2020-02-19 08:01:11]]></wp:post_date_gmt>
		<wp:comment_status><![CDATA[open]]></wp:comment_status>
		<wp:ping_status><![CDATA[closed]]></wp:ping_status>
		<wp:post_name><![CDATA[newblogtemplate]]></wp:post_name>
		<wp:status><![CDATA[inherit]]></wp:status>
		<wp:post_parent>6924</wp:post_parent>
		<wp:menu_order>0</wp:menu_order>
		<wp:post_type><![CDATA[attachment]]></wp:post_type>
		<wp:post_password><![CDATA[]]></wp:post_password>
		<wp:is_sticky>0</wp:is_sticky>
						<wp:attachment_url><![CDATA[http://wordpress.aurainweb.pl/wp-content/uploads/2015/06/newblogtemplate.zip]]></wp:attachment_url>
											<wp:postmeta>
		<wp:meta_key><![CDATA[_wp_attached_file]]></wp:meta_key>
		<wp:meta_value><![CDATA[2015/06/newblogtemplate.zip]]></wp:meta_value>
		</wp:postmeta>
							</item>
				</channel>
</rss>

Importowanie treści do WordPress

Kiedy mamy już wyeksportowany plik możemy przejść do drugiego WordPress gdzie chcemy wgrać pobraną wcześniej zawartość.

W panelu bocznym wchodzimy w Narzędzia -> Import

Z jakich źródeł można importować treść na stronę WordPress

Posiadamy dość rozbudowaną liczbę możliwości importu. Tak więc można zaimportować pliki z:

• Blogger – Importuj wpisy, komentarze i użytkowników z bloga Blogger.
• Blogroll – Importuj linki w formacie OPML.
• Konwerter kategorii i tagów – Konwertuj istniejące kategorie w tagi, lub odwrotnie.
• LiveJournal – Importuj wpisy z LiveJournal przy użyciu jego API.
• Movable Type i TypePad – Importuj wpisy i komentarze z bloga Movable Type, lub TypePad.
• RSS – Importuj wpisy z kanału RSS.
• Tumblr – Importuj wpisy i media z Tumblra przy użyciu jego API.
• WordPress

Importowanie treści

Mnie kiedy przenosiłam treści z innego WordPressa interesowała ostatnia opcja, ale jeżeli chcecie tego dokonać z innego źródła to wybieracie odpowiedni dla was typ. Na początek opcja ta będzie musiała się zainstalować – gdyż w rzeczywistości jest to wtyczka, którą pobiera sam WordPress (jako dodatkową opcję).

Następnie uruchomiłam importer.

W nowo otwartym oknie wybrałam opcje wybierz plik i odszukałam plik XML – na początku była nazwa mojego starego blogu. Po wybraniu pliku klikam na przycisk wyślij na serwer i zaimportuj go.

W kolejnym kroku musiałam dodać lub wybrać autora, któremu przypiszę wpisy. Powodem pojawienia się tej opcji był chyba brak autora o takiej samej nazwie. Następnie klikłąm w submit.

Jeśli wszystko poszło dobrze pojawi się komunikat „All done. Have Fun!„

Weryfikacja

Na koniec warto sprawdzić czy wpisy na pewno się dodały.

W moim przypadku było kilka duplikatów – myślę że sama jestem sobie winna bo przenosiłam wcześniej ręcznie wpisy. Dodatkowo zdjęcia linkowały do starego blogu (były pobierane z pierwszego bloga). W praktyce wiec gdybym usunęła zdjęcia z pierwotnego bloga utraciła bym je. W praktyce wiec nie ma sensu robić tą metodą kopi bezpieczeństwa strony.

Macie jeszcze jakieś pytania piszcie w komentarzach.

Artykuł Jak eksportować i importować wpisy z jednego WordPress na drugi pochodzi z serwisu Kurs WordPress od podstaw.

Prawidłowe przypisanie ról do użytkowników jest więc bardzo istotne.

Po co role w WordPressie?

Role w WordPress określają uprawnienia jakie posiada dany użytkownik. Wprowadzone zostały one nie tylko ze względu na wygodę – użytkownik posiada dostęp tylko do potrzebnych mu do pracy narzędzi, ale również dla bezpieczeństwa. Nie chcemy przecież by ktoś bez naszej wiedzy zmieniał nam szablony, usuwał pliki czy dodawał wtyczki.

Dlatego tak istotne jest nadanie użytkownikom odpowiednich uprawnień w zależności od tego czym mają się zajmować.

Jak dodać nowego użytkownika

Nowego użytkownika możemy dodać wchodząc w zakładkę Użytkownicy -> Dodaj nowego w panelu administracyjnym.

W nowo otwartej karcie wprowadzamy Nazwę użytkownika (login po, którym będzie się logował), Email (potrzebny do zresetowania hasła) i Hasło (tymczasowe – użytkownik dla bezpieczeństwa powinien je zmienić).

Pozostałe pola użytkownik może sam uzupełnić po zalogowaniu.

Jakie role mamy do wyboru?

• Subskrybent – zwykły użytkownik poza modyfikacją informacji w swoim profilu może jedynie komentować wpisy innych.
• Współpracownik – może już dodawać i edytować własne wpisy, ale nie może ich publikować.
• Autor – poza możliwością dodawania i edytowania wpisów może je publikować i usuwać (nawet jeśli wyświetlają się już na stronie). Autor może również dodawać nowe zdjęcia i grafiki a następnie korzystać z nich w swoich wpisach.
• Redaktor może publikować, edytować i usuwać wpisy innych użytkowników, zarządzać kategoriami i tagami wpisów, edytować i usuwać pliki w bibliotece multimediów, zarządzać komentarzami oraz dodawać i publikować strony. Innymi słowy może robić wszystko, co jest związane z treścią strony.
• Administrator – praktycznie może to wszystko co redaktor oraz dodatkowo może zmieniać szablony, dodawać wtyczki, zażądać użytkownikami
• Super admin – nie występuje we wszystkich wersjach WordPress (Multi user). Użytkownik ten ma dostęp do wszystkich modułów WordPress – zarządza całą siecią
• Oczywiście to nie wszystkie typy użytkowników. Istnieje bardzo dużo typów pojawiających się dopiero po zainstalowaniu odpowiedniej wtyczki (np. WooCommerce)

Jak zmienić uprawnienia użytkowników

W podstawowej wersji WordPress nie możemy zmieniać uprawnień użytkowników. Nie oznacza to jednak, że jest to nie możliwe. W celu umożliwienia zmiany uprawnień trzeba zainstalować wtyczkę user role editor.

Z pomocą tej wtyczki nie tylko zmienimy uprawnienia użytkowników, ale także możemy stworzyć nową grupę o specyficznych możliwościach.

Artykuł Role w WordPressie – czyli jak zarządzać użytkownikami 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.

http://www.aurainweb.pl/2018/05/polityka-prywatnosci-wordpress-4-9-6/

Aktualnie na blogu do komentarzy korzystam z Discus, więc przymus zabezpieczenia spoczywa na autorach tej wtyczki – jako operatorów danych. Kwestią czasu jest więc, aż się oni dostosują do nowych przepisów.

Jak zainstalować WP GDPR Compliance

W internecie udało mnie się znaleźć kilka wtyczek, dzięki którym zostaną spełnione wymogi ustawy jedną z nich jest WP GDPR Compliance.

WP GDPR Compliance wspiera wtyczki takie jak: Contact Form 7, Gravity Forms, WooCommerce, WordPress Comments.

Wtyczkę instalujemy w analogiczny sposób jak pozostałe. W moim przypadku poprzez Wtyczki -> dodaj wtyczkę. Następnie musimy ją aktywować.

W kolejnym kroku wchodzimy w jej ustawienia. Jest to możliwe na dwa sposoby. Pierwszy to wejść w zainstalowane wtyczki i poszukać pluginu. Następnie wejść w ustawienia poprzez kliknięcie Settings. Drugim sposobem jest wejście w narzędzia następnie – WP GDPR Compliance.

Wtyczka jest w języku angielskim, może więc na początek sprawić drobne problemy osobie, która tego języka nie zna.

W pierwszym oknie mamy możliwość zabezpieczenia formularzy np. do komentarzy, kontaktowy. A pod nim listę innych pluginów obsługiwanych przez Wtyczkę.

Po jego aktywacji, musimy zmodyfikować pojawiające się komunikaty.

Checkbox text – komunikat, który pojawi się pod polem formularza, obok checkbox.
Error message – informacja o nie zaznaczeniu checkbox.

Po zmodyfikowaniu komunikatów zapisujemy wszystkie zmiany.

W kolejnej zakładce mamy już więcej ustawień. Przydadzą się one nam do zabezpieczenia np. formularza kontaktowego czy sklepu internetowego.

Po zapisaniu wszystkiego formularz będzie wyglądał następująco. Nie musicie niczego modyfikować w szablonie – wszytko zrobi za was wtyczka.

Uwaga! Teksty aktów prawnych prezentowane na stronach internetowych Portalu nie stanowią źródła prawa. Informacje na stronie są dla użytkowników jedynie materiałem informacyjnym i pomocniczym.

https://pagely.com/blog/gdpr-wordpress-2018-resources/

Artykuł Wtyczki do WordPress – WP GDPR Compliance pochodzi z serwisu Kurs WordPress od podstaw.

Artykuł Konfiguracja wtyczki Yuzo – Related Posts [WordPress] pochodzi z serwisu Kurs WordPress od podstaw.

Istnieje kilka sposobów na dodanie nowego pola. Jednym z nich jest użycie Advanced Custom Fields. Dzięki tej wtyczce możemy dodawać dodatkowe pola dla konkretnych stron, kategorii czy nawet wpisu.

Jak użyć wtyczki ADVANCED CUSTOM FIELDS (ACF)

Po pierwsze to trzeba ją zainstalować. Proces ten nie różni się od instalacji innych wtyczek. Po aktywacji pojawi się w menu kokpitu jako „Własne pola” – o ile macie zainstalowaną wersję polską WordPress.

Poniżej kilka ilustracji przedstawiających wersję wtyczki 4.4.7. Twoja wersja będzie z pewnością nowsza, może się trochę różnić wyglądem oraz posiadać dodatkowe opcje.

To pierwszy ekran jaki zobaczymy po wejściu w opcje wtyczki. Najważniejsze dla nas są w nim grupy pól. Aktualnie istnieje jedna grupa. Nazywa się „dodatkowe pola” i dysponuje 1 polem tekstowym. To od nas zależy jakie dodamy kolejne elementy.

Stworzone przez nas grupy pól, możemy następnie przypisać do konkretnego typu strony, wpisu lub kategorii. Do dyspozycji posiadamy mamy kilka warunków, dzięki czemu kryteria gdzie pojawią się nowe pole możemy określić precyzyjnie. Ustawiamy je w polu „Pozycja”.

Tak wygląda przykładowe wypełnienie pola dla dodatkowego pola tekstowego.

ACF dysponuje całkiem sporą ilością typów pól chociaż nie wszystkie są dostępne w darmowej wersji. Przykładowo mnie osobiście brakuje pola, które się „duplikuje”. Przydało by się np. do tabelki wypisywanej w pętli lub do stworzenia inteligentnej galerii z dowolną liczbą zdjęć.

Pola można również bezproblemowo usuwać.

Na koniec trzeba wszystko zapisać. Nowe pole pojawi się po wejściu w ustawienia wpisu lub strony spełniającej wyznaczone przez nas warunki. Dlatego dość istotne jest byśmy prawidło je oznaczyli.

Uzupełniamy pole zgodnie z jego przeznaczeniem i zapisujemy.

W tym miejscu wspomnę, że czasem w przypadku dodatkowych pól w formie rozwijanej listy czasem (gdzie wybieramy przygotowane wcześniej opcje) warto pamiętać by przy edycji, kiedy chcemy dodać nową opcję nie zmieniać kolejności pól bo trzeba będzie poprawiać wcześniejsze wpisy z już ustawionymi.

Typy pól które można utworzyć przy pomocy ACF

Wtyczka ta pozwala na definiowanie dodatkowych pól typu:

• Tekst – czyli zwykłe pole tekstowe (jedna linijka)
• Obszar tekstowy – pole tekstowe wielolinijkowe, rozciągające się
• Edytor WYSIWYG – pole tekstowe wielolinijkowe z dodatkowym edytorem Wysiwyg (wygląda jak tradycyjny edytor tekstu WordPress)
• Obrazek – pole pozwalające na dodanie dodatkowego obrazka
• Plik – pole pozwalające na na wgranie pliku w dowolnym formacie
• Liczba (number) – pole liczbowe
• Przycisk wyboru (select) – lista wyboru
• Akceptowanie (checkbox) – pole przełącznika z wielokrotnym wyborem
• Przycisk wyboru (radio) – pole z możliwością pojedynczego wyboru
• Prawda/Fałsz – proste pole wyboru tak / nie
• Link do strony – pole pozwalające dodanie linku do innej strony internetowej
• Wpisy – pole dające dostęp do danych zawartych w innym wpisie

Jak wyświetlić nowe pole w szablonie strony?

Na początek trzeba ustalić, który plik w naszym szablonie obsługuje wybrany przez nas typ strony lub wpisu oraz jaki warunek należy ustawić (w przypadku gdy wstawiamy tylko tekst z nowego pola nie jest wymagany). Jest to dość istotne bo czasem chcemy dodać również własny tekst i głupio by wyglądało gdyby wyświetlał się gdziekolwiek.

Następnie umieszczamy w odpowiednim miejscu kod np.:

lub

<?php the_field($field_name, $post_id); ?>

$field_name – nazwa pola
$post_id – id postu, wpisu

Przykładowe warunki:

Jeżeli pole zostało uzupełnione wypisz jego zawartość

<?php if( get_field('text_field') ): ?>
<h2><?php the_field('text_field'); ?></h2>
<?php endif; ?>

Wypisz wartość dla wpisu o id=123

<?php the_field('text_field', 123); ?>

Wyświetlanie wartości z innych miejsc

$post_id = null; // obecny wpis
$post_id = 1; // wpis nr 1
$post_id = "option"; // strona o nazwie "option"
$post_id = "options"; // jak powyżej
$post_id = "category_2"; // ukierunkowana na konkretną kategorię
$post_id = "event_3"; // ukierunkowana na konkretną taksonomię (w tym wypadku "event")
$post_id = "user_1"; // konkretny użytkownik (w tym wypadku o id = 1)

Więcej o konfiguracji pola znajduje się na na stronie\

• https://www.advancedcustomfields.com/resources/get_field/
• https://pl.wordpress.org/plugins/advanced-custom-fields/

dodatkowe tagi:
Jak tworzyć własne pola w WordPress i nich korzystać
Pola użytkownika, czyli Custom Fields – własne pola dla strony i artykułu
Własne pola we wpisie, na stronie
dodatkowa taksonomia

Artykuł Advanced Custom Fields – własne pola w WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Z kodów tych można swobodnie korzystać w edytorze w treści wpisu, strony lub panelu bocznym. Schody zaczynają się w monecie kiedy chcemy dodać taki kod w miejscu nie do końca do tego przeznaczonym czyli np. w motywie!

Krótkie kody (shortcode) i motyw WordPress

Nie twierdzę, że każda wtyczka nie posiada kodu z możliwością wyświetlenia w motywie. Część autorów wtyczek pomyślało do przodu i przewidziało taką możliwość, lub przynajmniej napisało jak dostosować swój kod.

Bo to, że nie widać takiej opcji na pierwszy rzut oka nie oznacza, że takiej opcji nie ma. Praktycznie bowiem każdy shortcode można umieścić w obrębie skórki. Trzeba jedynie wiedzieć jak się do tego zrabać.

Jak dodać shortcode w szablonie

W WordPress istnieje specjalna zmienna, dzięki której możemy umieścić shortcode praktycznie w każdym miejscu. Przykładowo mój shortcode wygląda tak: [krótki-kod] i w takiej formie mogę go bez problemu umieścić np. w edytorze tekstu. Jednak nie jest to już możliwe poza nim np. w nagłówku mojej strony (czy innym miejscu w kodu motywu witryny).

Dlatego chcąc dodać do szablonu trzeba kod trochę zmodyfikować do formatu:

<?php echo do_shortcode('[krótki-kod]'); ?>

Przykładowy kod formularza

Jak to wygląda w praktyce na przykładzie prostego formularza wykonanego w Contact Form 7:

Poniżej znajduje się kod odwołujący się do formularza kontaktowego:

[contact-form-7 id="6052" title="Formularz 1"]

Kod może zostać umieszczony w szablonie w następujący sposób:

<?php echo do_shortcode('[contact-form-7 id="6052" title="Formularz 1"]'); ?>

UWAGA: dodając kod warto zwrócić uwagę na stosowane cudzysłowowa. Jeżeli w kodzie znajdują się takie same jak na zewnątrz kod nie będzie działał prawidłowo.

Dlatego przed umieszczeniem kodu w skrypcie warto się mu dobrze przyjrzeć. Źle umieszczony kod może spowodować wyświetlenie błędu.

Gdzie można umieścić kod

W dowolnym miejscu w szablonie oczywiście w granicach zdrowego rozsądku.

dodatkowe tagi:

• shortcode php
• wordpress do_shortcode
• plugin, wtyczka
• jak w wordpress używać shortcodes nie tylko w edytorze tekstu
• in theme, template

Artykuł Jak dodać shortcode do motywu? WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Aktualizacja jest wymaga co pewien czas (kiedy ukaże się aktualizacja) ze względów bezpieczeństwa. Motyw często jest jednym z najbardziej podatnych na „ataki hakerskie” elementów. Takie to już uroki otwartego oprogramowania.

Utrata zmian po aktualizacji kodu

W przypadku motywu jak i wtyczek aktualizacja w praktyce polega na nadpisaniu starej treści na naszym serwerze nowymi pochodzącymi z serwera WordPress. Nasza zmodyfikowana wersja pliku zostanie więc zniszczona. PHP i HTML są pod tym względem dość problematyczne jednak CSS już nie koniecznie. Jednym z rozwiązań jest instalacja wtyczki np. Simple Custom CSS.

Oczywiście można skorzystać też z opcji „Dostosuj – własny CSS” jednak po zmianie motywu nie będziemy mieli dostępu do modyfikowanego kodu. Używając wtyczki możliwe będzie, że będziemy musieli wprowadzić kilka zmian jednak mamy już od czego zacząć.

Simple Custom CSS

Wtyczka Simple Custom CSS umożliwia nam wprowadzanie zmian w kodzie CSS bez ingerowania bezpośrednio w kod motywu. Zmiany wprowadzamy prosto z panelu administracyjnego i zapisujemy bezpośrednio do bazy danych.

Wtyczka zaraz po instalacji gotowa jest to użytku, praktycznie nie wymaga konfiguracji. Warto pamiętać, że na koniec zmian trzeba wszystko zapisać – brak opcji auto zapis.

Konflikty z innymi wtyczkami

Korzystałam z tej wtyczki kilkakrotnie i jak na razie tylko raz miałam z nią problem. Występował on kiedy zmieniłam strukturę adresów stron np.

http://www.aurainweb.pl/oferta

na

http://www.aurainweb.pl/pl/oferta

WordPress momentalnie przestał obsługiwać wtyczkę, powodem prawdopodobnie był konflikt wtyczek.

Artykuł Simple Custom CSS – zmiany w wyglądzie strony na WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Domyślnie takie rzeczy robi się tylko na stronie głównej, kategorii lub w tagu. Wyświetlanie pod treścią artykuły należy raczej do rzadkości.

Opis kategorii, grupy nad wpisami

Niektóre motywy dają nam możliwość dodania i wyświetlenia opisu do kategorii lub umieszczenia wybranych wpisów na konkretnej podstronie. Jest także możliwość wklejenia w treści strony lub bezpośrednio pod nią linka do wpisu (strony WordPress zamieniają wygląd linka z innych WordPress), ale nie do końca spełnia to wszystkie potrzeby.

Innym sposobem jest manipulacja sposobem wyświetlania kategorii – zastąpienie strony kategorią.

Obie metody polegają w sytuacji kiedy nie tylko potrzebne są nam wybrane posty z konkretnych kategorii ale także możliwość dostosowania ich do swoich potrzeb.

Umieszczanie wpisów z pomocą wtyczki Posts in Page

Rozwiązaniem problemu może okazać się wtyczka Posts in Page. Wtyczkę można pobrać ze strony

Link do wtyczki

Wtyczkę instaluje się jak każdą inną – po zainstalowaniu warto wejść w jej ustawienia i zapoznać się z umieszczonymi tam informacjami. Teraz gdy wszystko jest gotowe wystarczy tylko w treści strony umieścić odpowiedni krótki kod.

Jak korzystać z Posts in Page

Jeżeli chcemy by wyświetlały się wszystkie posty tak jak na stronie blogowej umieszczamy kod

[ ic_add_posts ]

W efekcie jego działania wszystkie wpisy znajdujące się w naszym WordPress zostaną wypisane w miejscu kodu.

W przypadku kiedy chcemy by wyświetlały się wybrane posty,  potrzebujemy ustalić ich numery ID. Można je znaleźć np. najeżdżając myszką na nazwę postu w zakładce panelu administracyjnego Wpisy. Pojawi się wtedy u dołu strony adres odnośnika do postu wśród cyfr i liter składających się na niego będzie napisane np

W tym wypadku stosujemy następujący kod

[ ic_add_posts ids='1,2,3' ]

gdzie 1, 2, 3 – to id (identyfikatory) postów.

W niektórych szablonach posta  można nadawać typy (np. image, obrazek)

[ ic_add_posts post_type='typ_wpisu' ]

Posty można wypisywać także na podstawie  tytułów układając je w kolejności alfabetycznej od A-Z lub Z-A
ASC – kolejność od A-Z
DESC – kolejność od Z-A

[ ic_add_posts orderby='title' order='ASC' ]

[ ic_add_posts orderby='title' order='DESC' ]

Można również wypisać kilka ostatnio napisanych postów, wtedy wpis np. może pełnić rolę aktualności

[ ic_add_posts showposts='4' ]

Ilość wyświetlonych postów ustalamy dzięki parametrowi showposts. Oznacza to, że w przykładzie chcemy wyświetlić 4 najnowsze wpisy.
Można również wyświetlić posty posiadające konkretny TAG

[ ic_add_posts tag='nazwa-tagu' ]

By pokazać posty z konkretnej kategorii można użyć kodu

[ ic_add_posts category='nazwa-kategorii' ]

To oczywiście nie wszystkie kody nieco więcej kodów znajduje się na stronie wtyczki w dziale FAQ.

Jeżeli jednak nie chce się skorzystać z wtyczki a zmianę chce się wprowadzić bezpośrednio w szablonie rozwiązanie znajduje się pod adresem:

• https://wordpress.aurainweb.pl/2015/05/08/wyswietlanie-wpisow-na-statycznej-stronie-wordpress/
• https://wordpress.org/plugins/posts-in-page/

Artykuł Jak umieścić wpis na statycznej stronie – WordPress (Posts in Page) pochodzi z serwisu Kurs WordPress od podstaw.