Spam w komentarzach WordPress

W większości przypadków ich autorami nie są czytelnicy blogu / strony. Komentarze pod artykułami, postami lub zdjęciami (grafikami) zamieszczają roboty, boty, których to jest jedynym celem. Nie obchodzi ich treść powyżej, czasem nawet to że mogą doprowadzić do awarii strony (wykonać atak typu DOS na stronę). Komentarze zamieszczane przez boty często zawierają:

• wulgaryzmy,
• odnośniki do potencjalnie niebezpiecznych witryn,
• treści o tematyce 18+ (gorszące niekiedy nawet osoby 18+),
• treści w innym języku np. angielskim kiedy strona jest po Polsku,
• teksty w żaden sposób nie powiązane z tematyką witryny.

Z pewnością sam możesz co nieco w tym temacie dodać. Bo osoby programujące boty często mają bardzo bujną wyobraźnię, gorzej z szacunkiem do innych.

Dodawanie filtra w komentarzach

By ograniczyć ilość spamu autorzy WordPress dodali opcję filtrowania komentarzy pod kontem niedozwolonych treści. Znajdziemy ją w:

Ustawienia -> Dyskusja

U góry strony znajdują się podstawowe ustawienia komentarzy, o które również warto zadbać (bo np. ograniczą one nie znane nam osoby przed umieszczaniem dowolnej treści teksty).

O konfigurowaniu komentarzy pisałam tutaj:
https://wordpress.aurainweb.pl/jak-wylaczyc-mozliwosc-komentowania-wpisow-w-wordpress/

Pola z filtrami znajdują się w dolnej części strony. Obecnie są to 2 pola, w których należy umieścić słowa „hasła”. WordPress podczas próby dodania nowych komentarzy będzie później je sprawdzał pod kontem ich wystąpienia. Technicznie tworzy się czarna lista niedozwolonych fraz. Jeśli zastanawiacie się dlaczego są 2 pola to odpowiedz jest prosta.

Tworzenie czarnej listy

Frazy dodane do pierwszego z nich jedynie blokują natychmiastowe dodanie komentarza. Możemy go jednak później dodać sami. Drugie od razu umieszcza komentarz w koszu.

Jeżeli chcemy by komentarz trafił do kolejki / zakładki SPAM korzystamy z poniższego pola (Moderacja komentarzy).

Jeżeli komentarz będzie zawierał którekolwiek z tych słów w swojej treści, nazwie użytkownika, jego adresie URL czy e-mailu lub adresie IP, zostanie on przeniesiony do kolejki do moderacji. Jedno słowo lub adres IP na linię. Sprawdzane są również fragmenty słów, tak więc słowo „WordPress” spełnia warunki kryterium „press”.

Jeśli chcemy by został usunięty do to tego (Niedozwolone wartości w komentarzach).

Jeżeli komentarz będzie zawierał którekolwiek z tych słów w swojej treści, nazwie użytkownika, jego adresie URL czy adresie e-mailu lub IP, zostanie umieszczony w koszu. Jedno słowo lub adres IP na linię. Sprawdzane są również fragmenty słów, tak więc słowo „WordPress” spełnia warunki kryterium „press”.

Frazy wprowadzany jedna za drugą po przecinku.

Podobną funkcje posiadają też niektóre wtyczki do tworzenia formularzy kontaktowych.

Artykuł Czym są niedozwolone wartości w komentarzach w WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Jak zmienić ilość wyświetlanych postów i stron w panelu administracyjnym WordPress?

Aby zmienić liczba elementów na stronie wystarczy wejść w panelu na stronę z wpisami, stronami (a nawet z produktami w sklepie). Każdy z tych typów posiada taką opcję.

Następnie rozwijamy pole „opcje ekranu” umieszczone w prawym górnym rogu.

Po jego rozwinięciu pokaże się nam wiele ukrytych normalnie dodatkowych opcji (część z nich zależy od tego jakie wtyczki mamy zainstalowane w WordPress). Jedną z nich będzie „Liczba elementów na stronę”. To właśnie z jej pomocą możemy określać ile postów, stron i produktów chcemy zobaczyć na liście.

Kiedy ustawimy pożądaną liczbę klikamy przycisk „Zastosuj”. Warto pamiętać też, że zawsze możemy wrócić do poprzedniej liczby elementów. Zmiana ilości wyświetlanych elementów ma też wpływ na stronicowanie. W efekcie ich liczba się zmniejszy.

Artykuł Jak zmienić liczbę elementów na stronę w panelu WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Jeden chce zmienić styl wypunktowania a inny np. dodać kolejne miejsce na widety. Bo akurat chcemy je też umieszczać w innym miejscu. W efekcie wprowadzenia takich zmian nie jesteśmy już wstanie aktualizować używanego przez nas motywu. Aktualizacja wiązała by się bowiem z usunięciem naszych „poprawek”. Jak zaprawne część osób miała okazję się przekonać nie aktualizowanie motywu niesie jednak ze sobą pewne ryzyko. Nasz WordPress staje się podatny na różnego typu ataki pochodzące z sieci.

Zostają nam w takiej sytuacji dwie opcje zbudować własny szablon lub utworzyć motyw potomny.

Czym jest motyw potomny (ang. Child theme)

Jak sama nazwa sugeruje jest to motyw dziedziczący cechy swojego rodzica. Motyw ten w pewnym sensie jest idealną kopią rodzica. Bez konieczności ręcznego kopiowania każdego pliku z osobna. Jedyna różnica polega na tym  że możemy realizować w nim nasze pomysły nie martwiąc się o utratę wszystkich zmian po aktualizacji. W efekcie bez żadnych obaw możemy aktualizować źródłowy motyw – bez większych obaw (chyba że autor szablonu dokona w nim wielkiej rewolucji).

Na potrzeby tego kursu przygotujemy szablon potomny dla domyślnego szablonu Twenty Fifteen.

Budowa szablonu potomnego

Nowy szablon umieszczamy w lokalizacji wp-content/themes czyli w tym samym miejscu co pozostałe szablony. Następnie nadajemy mu nową nazwę np. „nowyszablon”

GOTOWY SZABLON

Plik style.css

Pierwszym plikiem, który powinien się znaleźć w potomnym szablonie jest style.css

/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/

Metoda ta zalecana jest przez oficjalną stronę WordPress lub po prostu

/*
Theme Name: Nowy Szablon
Template: twentyfifteen
*/

Trochę tłumaczeń

• Theme Name – nazwa nowego szablonu
• Template – nazwa „rodzica” źródłowego szablonu
• Description – opis
• Tags – tagi opisujące szablon
• Version – wersja
• License – licencja

W kolejnym kroku dodajemy do niego style.css rodzica dopisując poniżej:

@import url("../@import url("../twentyfifteen/style.css");/style.css");

Poniżej możemy już dowolnie wprowadzać zmiany np. dodać nowy font. Dobrym źródłem mogą być Google Fonts.

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

Plik functions.php

Teraz pora dodać kolejny niezbędny plik dla naszego szablonu – functions.php

<?php

add_action( 'wp_enqueue_scripts', 'twentyfifteenchild_enqueue_styles' );
function twentyfifteenchild_enqueue_styles() {

$parent_style = 'twentyfifteen'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'twentyfifteenChild',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}

Składamy i modyfikujemy motyw potomny

Na początek trzeba włączyć szablon potomny w CMS. Teraz wprowadzimy kilka zmian tak by nasz szablon różnił się od rodzica. Zaczniemy może od zmiany kroju tekstu. Następnie zmienimy może nieco jego kolory.

Pracę w tym przypadku ułatwi nam narzędzie wbudowane w przeglądarkę Chrome lub Firefox. Możecie o nim poczytać poniżej:

http://www.aurainweb.pl/2018/04/jaki-font-czcionka-zostal-uzyty-na-stronie/

Dla nie lubieżniejszych za dużo czytać klikamy F12 na klawiaturze.

Na początku moja strona wygląda tak.

Osoby znające Twenty Fifteen z pewnością zauważą, że strona wygląda jak bym aktualnie korzystała z tego szablonu. I o to w tym chodzi – szablon potomny jest bowiem w pewnym sensie nakładką na swojego „rodzica”. Teraz z pomocą narzędzi developera zaznaczę nagłówek.

Do zaznaczania służy obiekt podświetlony na obrazku powyżej.

Teraz kiedy mamy zaznaczony nagłówek. Widzimy jego kod. Co możemy wywnioskować:

• nagłówek <h1></h1>
• posiada class=”entry-title”

Po prawej widzimy też jego kod CSS. Dla ułatwienia to co dotyczy się naszego obiektu jest w ciemniejszym kolorze. Szare style z kolei dotyczą się innych obiektów kontestacyjnych z tych samych ustawień.

Jak widać mamy tu tylko określony rozmiar fontu i odległość pomiędzy liniami. Podlinkowałam wam wpisy na temat tych właściwości.

Teraz skrolujemy w celu określenia miejsca gdzie znajduje się nasz font. Bo to jego chcemy podmienić.

Jak widać poniżej font był ustawiony dość nisko i to dla całej strony. Poniżej możecie zobaczyć jak to działa w praktyce:

Powyższy obraz dzieli się na 3 części.

1. to fragment strony z oryginalnym fontem.
2. fragment kodu z fontem w CSS.
3. fragment po wyłączeniu fontu

Jak widać mała zmiana a swoje robi.

Teraz pobiorę 2 różne fonty z Google Fonts. Wcześniej umieściłam już link do tutoriala o tym jak korzystać z tej aplikacji.

Jak widać wybrałam:

• ’Roboto’,
• ’Oswald’

Teraz kod:

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto&display=swap&subset=latin-ext');

Dodam do pliku style.css

Od tego momentu mogę obu krojów używać na mojej stronie. Teraz skopiuję fragment kodu CSS z ustawieniami fontu dla strony i go zmodyfikuję.

body, button, input, select, textarea{
	font-family: 'Roboto', sans-serif;
}

Następnie dodam go również do moich styli. Pod importem fontu. Teraz chce by nagłówek miał jednak inny wygląd niż reszta strony. Dlatego też zmodyfikuję też fragment, który był wyżej.

.entry-title, .widecolumn h2{
	font-family: 'Oswald', sans-serif;
}

A mój kod wygląda razem tak:

Po zapisaniu i wgraniu zmodyfikowanych styli moja strona prezentuje się następująco:

No dobrze zmodyfikowaliśmy nagłówek strony. A teraz jak zmodyfikować nagłówek w treści?

Poniżej na obrazku znajduje się taki przykładowy nagłówek.

Nasz nagłówek będziemy modyfikować poprzez pracę na <h2>. <span> pochodzi bowiem od zainstalowanej wtyczki, która nie wpływa na wygląd. Jak widać po CSS nasz obiekt ma nadrzędną klasę .entry-content. W WordPress klasa ta nadawana jest kontenerom, w których umieszczana jest treść wpisu lub strony.

Teraz ponownie skopiuje klasy. I nieco zmodyfikuje kod mojego motywu:

.entry-title, .widecolumn h2, .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2{
	font-family: 'Oswald', sans-serif;
}

Teraz po odświeżeniu strony mój kod wygląda tak:

Zmiana koloru tekstu

Dla odmiany teraz pokolorujemy wszystkie nagłówki na stronie. Zmianę koloru również może nam ułatwić to narzędzie. W tym celu najedziemy kursorem myszy w miejsce jak na obrazku poniżej. Na początku pojawią się 3 kropki w które trzeba kliknąć.

Interesuje nas przycisk z literką A. Musimy w niego kliknąć. Otworzy się w tedy taka paleta:

Po wybraniu z niej koloru będziemy mogli zobaczyć jak prezentuje się on na stronie. Jeśli kolor nam się podoba dodajemy go do naszego pliku z stylami.

Pamiętajcie by zwrócić uwagę jak opisany jest element w „rodzicu” by odpowiednio zmodyfikować go w „dziecku”.

Teraz mój kod style.css wygląda następująco:

/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto&display=swap&subset=latin-ext');

body, button, input, select, textarea{
	font-family: 'Roboto', sans-serif;
}

.entry-title, .widecolumn h2, .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2{
	font-family: 'Oswald', sans-serif;
}
.entry-content h2{
	color: #673AB7;
}

W tym przykładzie zmodyfikowałam tylko style.css zmian można również dokonać w functions.php. Dobry przykład znajdziecie w poniższym wpisie:

http://wordpress.aurainweb.pl/2019/04/03/jak-zmienic-sposob-wyswietlania-ceny-dla-produktu-z-wariantami/#comment-4659062739

DEMO

Artykuł Motywy potomne WordPress (Child theme) jak dostosować motyw do własnych potrzeb 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.

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.

Gdzie w WordPress wyświetlają się wpisy

Pierwszym i najbardziej oczywistym miejscem jest strona „blogowa” zawierająca wszystkie wpisy ułożone według dat. Strona ta domyślnie ustawiona jest jako strona główna, jednak bardzo często w praktyce zastępuje się ją stroną statyczną. Nie jest to jednak jedyna tego typu strona. Wpisy znaleźć można także na podstronach kategorii, tagów czy archiwum miesięcznego.

Najpopularniejszą metodą prezentowania ich jest jednak umieszczanie w kategoriach. Kategorie są bowiem stosowane jako główna metoda segregacji treści na blogu. Czasami dzięki ich zastosowaniu można też podzielić blog na kilka części jak np. katalog produktów, aktualności, komunikaty.

Co prawda po utworzeniu odpowiedniej kategorii wpisy będą się na niej po dodaniu wyświetlały – jednak nie oznacza to że będzie do niej łatwo trafić. Wiem dziwnie to zabrzmiało, jednak nie wszystkim chce się w dzisiejszych czasach szukać kategorii danego wpisu. Poza tym wchodząc w jeden wpis nie są świadomi jakie jeszcze inne kategorie lub typy wpisów mogą znaleźć na konkretnej stronie.

Dodawanie kategorii do menu

We wcześniejszym wpisie opisałam już jak stworzyć własne menu. Nie będę pisać o tym drugi raz podlinkuję wam jednak ten wpis żebyście mogli się z niem zapoznać.

To gdzie kategoria będzie się wyświetlać zależy od lokalizacji naszego menu.

Dodawanie kategorii do widżetu

Tradycyjny edytor

Jak zapewne każdy wie widżety wyświetlają się najczęściej w kolumnie bocznej lub w stopce strony. Jak zapewne już wiecie jako widżet można również wyświetlić menu – dzięki czemu uzyskujemy własną kolejność kategorii albo użyć do tego domyślnego widżetu – „Kategorie”.

W obu przypadkach po wejściu w opcje widżetów musimy interesujący nas element przeciągnąć w odpowiednie pole. Warto pamiętać o odpowiedniej konfiguracji czyli nadaniu polu nazwy i zapisaniu zmian. W przypadku jeśli zdecydujemy się na menu trzeba też odpowiednie wybrać.

Dodawanie w Gutenbergu

Od wersji WordPress 5.0 domyślnym edytorem jest Gutenberg. Z jego pomocą nie dodajemy jednak tylko treści na stronie w artykułach / wpisach czy na stronach, ale także w widżetach.

W praktyce dodawanie nowych elementów polega na wybraniu odpowiedniego Sidebara a następnie kliknięciu w przycisk „+” (plus). Potem szukamy „kategorie”.

Jak przełączyć Gutenberga na klasyczny edytor?

Przyda nam się do tego wtyczka -> Classic Widgets

Jedyne co musimy zrobić to ją zainstalować i aktywować. Widżety wtedy automatycznie przełączą się na „starszą wersję”.

Warto przeczytać:

• Jak umieścić wpis na statycznej stronie – WordPress (Posts in Page)
• Jak umieścić inną stronę pod treścią innej strony? – WordPress
• Kiedy należy użyć Kategorii a kiedy tagu?

Artykuł Gdzie i jak dodawać podstrony z wpisami – WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Do czego służy is_category

Jak wspomniałam is_category jest funkcją i jak sama nazwa mówi:

is – jest

category – kategoria

Możemy się więc domyślać, że stosujemy ją w przypadku ustawienia warunku dla jakieś kategorii.

is_category();
// Dla każdej strony w kategorii
 
is_category( '9' );
// Dla stron w kategorii 9.
 
is_category( 'Stinky Cheeses' );
// Dla stron, których kategoria nazywa się. Stiky Cgeeses
 
is_category( 'blue-cheese' );
// Dla stron, których kategoria nazywa się. "blue-cheese".
 
is_category( array( 9, 'blue-cheese', 'Stinky Cheeses' ) );
// Wyświetla zawartość warunku dla kategorii z id=9,
// lub o jednej z dwóch nazw "blue-cheese", albo "Stinky Cheeses".
// Informacja: tego typu warunek dostępny w WordPress od wersji 2.5.

Przykładowe zastosowanie tego warunku wygląda tak:

<?php function is_category( $category = '' ) {
global $wp_query;

if ( ! isset( $wp_query ) ) {
_doing_it_wrong( __FUNCTION__, __( 'Conditional query tags do not work before the query is run. Before then, they always return false.' ), '3.1.0' );
return false;
}

return $wp_query->is_category( $category );
} ?>

Ten przykład może jest trochę za bardzo zaawansowany, ale poniższy będzie prostszy:

<?php function is_category( $category = '7' ) {
?>
<p>To jest kategoria 7</p>

<?php
return $wp_query->is_category( $category );
} ?>

Jak widać na przykładzie zastosowanie tego typu warunku jest dość proste wystarczy jedynie mieć pomysł na wprowadzenie zmian.

Artykuł Personalizacja kategorii w WordPress – is_category pochodzi z serwisu Kurs WordPress od podstaw.

Jak działa Breadcrumb?

Dodatkowo umożliwia on nam przejście (cofnięcie się) do elementu wyżej (np. do kategorii, na stronę główną) w stosunku do artykułu, produktu na którym aktualnie się znajdujemy. Jest on więc bardzo użyteczny, zwłaszcza kiedy np. oglądamy produkt w sklepie lub artykuł na blogu. Może on wyglądać np.:

Jesteś tutaj | Strona domowa -> Strona sekcji ->Strona sekcji podrzędnej

Każdy z elementów Breadcrumb (z wyjątkiem rozdzielnika) powinien być klikalny by umożliwić swobodne poruszanie się po witrynie. Niestety nie jest tak zawsze.

W jaki sposób dodać Breadcrumb do WordPress?

W przypadku WordPress jeśli twój motyw nie posiada jeszcze breadcrumb można go dodać samodzielnie. Jak zwykle można to zrobić na kilka sposobów takich jak:

• instalacja wtyczki (pluginu) – np. Yoast SEO (czyli wtyczka do SEO)
• modyfikacja pliku header.php w motywie.

W tym wpisie zajmiemy się właśnie tym drugim przypadkiem.

Budujemy własny breadcrumb w motywie WordPress

Jak nietrudno się domyśleć będziemy modyfikować plik header.php. Plik ten jest domyślnym plikiem motywów WordPress, niektórzy twórcy motywów plik ten jednak dzielą na części więc będziesz musiał poszukać czasem właściwego pliku. Kolejnym wyzwaniem może być znalezienie właściwej lokalizacji dla naszego breadcrumb.

Może być on dodany np. pod tytułem strony lub nad nim. Tytuł strony powinien znajdować się w <h1>. Kiedy już mamy to ustalone możemy przejść do kolejnych kroków.

Zaczniemy od wypisania nazwy strony na której obecnie przebywamy.

<?php echo get_the_title(); ?>

W codex WordPress znaleźć można przykładowy Breadcrumb:

<div class="breadcrumb">
<?php 
// if there is a parent, display the link
$parent_title = get_the_title( $post->post_parent );
if ( $parent_title != the_title( ' ', ' ', false ) ) {
	echo '<a href="' . get_permalink( $post->post_parent ) . '" title="' . $parent_title . '">' . $parent_title . '</a> » ';
} 
// then go on to the current page link
?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
<?php the_title(); ?></a> »
</div>

nie do końca sprawdza się on jednak jeżeli wpisy nie znajdują się na stronie głównej a nasze menu jest zmodyfikowane i składa się ze stron i wpisów.

W tym przykładzie wszystkie elementy są klikalne.

Na podstawie tego przygotowałam kod:

<div class="breadcrumb">
<?php
if (is_category( $category )){
$categories = get_the_category();
echo $categories[0]->cat_name . ' » ';
}
if (is_single()){
$categories = get_the_category();
$separator = ' ';
$output = '';
if($categories){
foreach($categories as $category) {
$output .= '<a href="'.get_category_link( $category->term_id ).'" title="' . esc_attr( sprintf( __( "View all posts in %s" ), $category->name ) ) . '">'.$category->cat_name.'</a>'.$separator;
}
echo trim($output, $separator) .' » ';
}}
if ($post->post_parent > 0){// if there is a parent, display the link
$parent_title = get_the_title( $post->post_parent );
if ( $parent_title != the_title( ' ', ' ', false ) ) {
echo '<a href="' . get_permalink( $post->post_parent ) . '" title="' . $parent_title . '">' . $parent_title . '</a> » ';
} }
if (!is_category( $category ) ){
the_title();
echo " » ";
}
?>

</div>

Kod ten nie jest optymalny, ale umożliwia stworzenie Breadcrumb z ostatnim elementem nieklikalnym oraz pokazuje pełną ścieżkę do wpisu czy strony.

Kod pozwala jedynie cofnąć się o jeden poziom do góry, czyli pozyskać rodzica ale nie dziadka.

Artykuł Jak zrobić własny breadcrumb – okruszki chleba do WordPress pochodzi z serwisu Kurs WordPress od podstaw.

To dość częsty problem kiedy korzysta się np. z darmowych zasobów WordPress. Motywy jak i wtyczki wyglądają ładnie, ale są praktycznie w całości po angielsku. Spowodowane jest to tym, że Internecie obowiązuje głównie ten język. Bardzo dużo osób na świecie go też zna (może nie jako pierwszy język, ale jako kolejny) i używa.

W efekcie zamiast kolejna strona wyświetla nam się „Next” a zamiast autor „author”. Czasami może to robić nie ciekawe wrażenie na naszych odbiorcach.

Jak przetłumaczyć motyw w WordPress

W momencie kiedy po raz pierwszy szukałam rozwiązania mojego problemu w języku polskim nie było jeszcze instrukcji (dzięki rosnącej popularność WordPress to się dość szybko zmienia). A przynajmniej takich jakie łatwo było zrozumieć. Większość autorów opisuje jak przetłumaczyć gotowy szablon z przygotowanym już wcześniej plikiem .POT (autor szablonu pomyślał wcześniej by ułatwić tłumaczenie szablonu na inne języki). Niestety szablon, który miałam wykorzystać był takiego pliku pozbawiony dlatego też  musiałam szukać rozwiązania w języku angielskim.

Rozwiązaniem mojego problemu okazał się mały program Poedit.

• https://poedit.net/

Spotkałam się z tym programem już wcześniej podczas aktualizowania tłumaczenia do innego szablonu.

Tłumaczenie z pomocą Poedit?

W WordPress niestety nie możemy od tak stworzyć jednego pliku z tłumaczeniem, wgrać go na serwer i wszystko będzie działać. Szablon wymaga specjalnie przygotowanego pliku, który Poedit potrafi wygenerować. W efekcie w szablonie są dwa pliki .PO i .MO, ten pierwszy to plik edytowalny a ten drugi stanowi skompilowaną jego wersję (odczytywaną przez WordPress).

Jak użyć programu Poedit?

Na początek trzeba pobrać i zainstalować Poedit na komputerze.

Następnie pobrać na ten sam komputer szablon lub wtyczkę (tak Poedit możemy tłumaczyć nie tylko motywy, ale także pluginy), którą chcemy przetłumaczyć i uruchomić poedit.

Gotowe tłumaczenia lub pliki je ułatwiające przeważnie znajdują się w katalogu languages.

Teraz wybieramy adekwatną opcję. Jeśli mamy gotowy plik .po dla naszego języka otwieramy go w Poedit i edytujemy. Przeważnie występuje plik wersji angielskiej. Sprawdzić to możemy w szablonie lub wtyczce w katalogu languages.

Co w przypadku gdy nie ma gotowego tłumaczenia?

Jeżeli nie mamy jeszcze tłumaczenia to z belki u góry aplikacji wybieramy plik nowe.

Następnie wybieramy język na jaki chcemy dokonać tłumaczenie. Mamy spory wybór języków jak widać.

Po wybraniu zapisujemy nowy plik poprzez przyciśnięcie niebieskiej dyskietki. Dla języka Polskiego będzie to pl_PL.po nie robimy tego jednak w dowolnym miejscu. Zapisujemy plik w szablonie lub wtyczce w katalogu „languages”.

Teraz wybieramy opcję „Wyodrębnij ze źródła”. Otworzy się wtedy nowe okno. Przechodzimy  w nim do zakładki „Ścieżki źródeł” i za pomocą przycisku „+” wybieramy katalog „languages” a następnie przechodzimy wyżej do głównego katalogu, który też wybieramy.

Jeśli poprawnie wybierzemy pojawi się w polu:

.

/

W kolejnym kroku przechodzimy do zakładki „Źródła słów kluczowych”. Za pomocą dostępnych tam opcji wprowadzamy symbole:

__
_e
_n
_x
_ex
_nx
esc_attr__
esc_attr_e
esc_attr_x
esc_html__
esc_html_e
esc_html_x
_n_noop
_nx_noop
translate_nooped_plural()

Na koniec wybieramy przycisk „OK”. W tym momencie aplikacja przeszuka pliki w poszukiwaniu słów spełniających powyższe warunki np:

__(„słowo”, „szablon”);

Teraz otworzy się okno z listą słów do przetłumaczenia.

Czasami podczas generowania pliku występują błędy. W moim przypadku wystarczyło wyeliminować pliki z katalogu „js” czyli skrypty JavaScript. I jeszcze raz przeprowadzić proces.

Uzupełnianie tłumaczeń w Poedit

W przypadku gdy mamy gotowy już gotowy plik po wybraniu opcji  edycji zobaczymy wprowadzone wcześniej tłumaczenia. Z kolei jeżeli dopiero go stworzyliśmy to program podpowiada jak przetłumaczyć niektóre słowa, ale ostatecznie to od nas zależy jak to zrobimy.

Edycja fraz jak i wprowadzanie nowych jest dość prosta. Klikamy w konkretną linijkę na liście a poniżej otwiera się pole edycji.

Po zakończeniu edycji pliku zapisujemy. Warto też sprawdzić czy wszystko zrobiliśmy poprawnie poprzez przycisk – „Weryfikuj”.

Na koniec pliku wgrywany na serwer do odpowiedniego katalogu (languages).  Warto pamiętać, że WordPress czyta pliki .mo a nie .po. Rolą tych drugich jest bycie źródłem dla generowanego .mo. Dlatego najlepiej na serwerze umieścić oba pliki.

Tłumaczenie motywu, wtyczek WordPress z pomocą Wtyczki

Inną metodą przetłumaczenia motywu WordPress jest użycie wtyczki np. Loco Translate. Wtyczka dostępna jest w bibliotece wtyczek więc jej instalacja zajmuje jedynie chwilę. Po uruchomieniu dodaje się ona jako nowa ikonka w lewym panelu jako jedna z ostatnich.

Wtyczka sama tworzy pliki językowe w odpowiednim miejscu. Wprowadzanie tłumaczeń zaś bardzo przypomina to w Poedit.

Wtyczka daje nam możliwość tłumaczenia zarówno motywów jak i pluginów (wtyczek). Wystarczy jedynie wybrać obiekt, który chcemy przetłumaczyć. Czasami niektóre szablony nie są przygotowane we właściwy sposób i niestety nie można ich przetłumaczyć! W takim przypadku niestety tłumaczenie jest nie możliwe nawet jeśli przygotujemy potrzebne nam pliki z tłumaczeniem.

Dodatkowe tagi:
Jak przetłumaczyć skórki na język polski
prosty sposób tłumaczenia (translate) szablonu strony
ręczne tłumaczenie szablonu
Jak zrobić tłumaczenie wordpress dla skórki wtyczki lub widżetu

Artykuł Jak przetłumaczyć motyw lub wtyczkę WordPress pochodzi z serwisu Kurs WordPress od podstaw.

W efekcie otrzymać można coś w rodzaju bloga tyle że z wykorzystaniem stron a nie postów. Nic również nie stoi na przeszkodzie by wyświetlona została inna strona nie powiązana bezpośrednio.

Wszystkie podstrony/strony potomne od strony (widoczne jako rozwinięcie menu) można wyświetlić za pomocą kodu:

<? $parent = end(get_post_ancestors(get_queried_object_id())); ?>
   <? $pages = get_pages('title_li=&parent='.get_queried_object_id()) ?>
    <? foreach($pages as $item): ?>
      <div class="">
       <?php echo get_the_post_thumbnail( $item->ID, $size, $attr ); ?>
       <h3 class="entry-title"><a href="<? echo get_page_link($item->ID) ?>"><? echo $item->post_title ?></a></h3>
      </div> 
<? endforeach; ?>

W skrócie kod ustala id strony na której się znajduje i wyszukuje stron, których jest rodzicem.

Kod wyświetlający dowolną stronę wygląda zdecydowanie inaczej. Podajemy w nim ID strony w przykładzie jest to „6556”.

<div>
   <?php $recent = new WP_Query("page_id=6556"); 
      while($recent->have_posts()) : $recent->the_post();?>
    <h3 class="entry-title"><?php the_title(); ?></h3>
      <div class="oferta">
        <?php echo get_the_post_thumbnail(); ?>
         <a href="<? echo get_page_link($item->ID) ?>"><div class="dalej">ZOBACZ WIĘCEJ</div></a>
      </div>
   <?php endwhile; ?>
</div>

Powyższe kody są dość uproszczone i umożliwiają jedynie wyświetlenie obrazka, tytułu i odnośnika do strony. W celu uzyskania opisu lub jego fragmentu trzeba go trochę zmodyfikować.

O ile nie posiadamy zainstalowanej wtyczki umożliwiającej korzystanie z PHP w treści stron kod należy umieścić w szablonie strony.

Jeżeli macie jakieś uwagi lub pytania możecie zawsze wpisać je w formie komentarza pod konkretnym wpisem.

Artykuł Jak umieścić inną stronę pod treścią innej strony? – WordPress pochodzi z serwisu Kurs WordPress od podstaw.