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.

Większość skrótów klawiszowych w WordPress jest taka sama jak w innych edytorach treści.

źródło:
http://wpwizard.pl/wordpress-skroty-klawiszowe/

Artykuł Skróty klawiszowe 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.

Artykuł Konfiguracja wtyczki Yuzo – Related Posts [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.

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.

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.

Widżety w dowolnym miejscu strony

Dodanie pluginu w formie Widżetu do panelu bocznego lub do stopki (sidebar) jest bardzo proste. Sprawa się jednak komplikuje gdy nie chcemy z niego skorzystać w innym miejscu niż to przewidziane przez jego twórcę. W końcu część wtyczek posiada wbudowane „shortcode” (krótkie kody) umożliwiające wyświetlenie ich zawartości nawet w treści wpisu.

Takie opcje posiadają np. galerię zdjęć lub slider można dodać tam gdzie chcemy. Niestety nie jest to standard a czasem by się przydało.

Rozwiązaniem tego problemu jest wtyczka Widget or Sidebar Shortcode. Wtyczka ta bardzo mi się podoba choć nie do końca spełnia wszystkie moje osobiste potrzeby jako twórcy stron. Po jej zainstalowaniu można samodzielnie tworzyć krótkie kody umożliwiające dodawanie widgetów lub nawet całego panelu bocznego (sidebar) w dowolnym miejscu w ciągu treści postu lub strony.

Instalacja wtyczki przebiega standardowo. Opcje krótkich kodów włączają się automatycznie po jej aktywacji.

Instalacja i konfiguracja

Teraz wystarczy dodać do treści postu lub strony (w polu edytora) dodać kod:

[widget name="" classname='' instance=""]

• name – nazwa widgetu taka jak w wygląd -> widget
• instance – tytuł jaki ma nosić widget

Analogicznie wygląda dodawanie sidebar (panelu bocznego), różnica polega na tym, że zmienną [widget] przekształcamy w [sidebar].

Przykładowo kalendarz można wywołać w ten sposób:

[widget name=”Kalender” instance=”title=Hello,World!”]
[widget classname=”WP_Widget_Calendar” instance=”title=Hello,World!”]

Warto przeczytać:

• Jak dodać krótki kod w treści motywu!

Artykuł Jak umieścić widget lub sidebar w wpisie (Widget or Sidebar Shortcode) pochodzi z serwisu Kurs WordPress od podstaw.

Na początek, nawigacja tego typu może całkiem nieźle się sprawdzać (w przypadku bardzo prostego bloga) jednak w miarę personalizacji i rozbudowy witryny trzeba pomyśleć o wprowadzeniu pewnych zmian w jego strukturze – tak aby menu było dla nas użyteczne.

Poniżej pokazałam przykładowe proste menu składające się z wybranych kategorii wpisów.

Instrukcja w formie filmu

Od czego zacząć tworzenie własnego menu

Na początek trzeba już posiadać interesujące nas strony, kategorie lub przykładowe wpisy – czyli wszystko co aktualnie chcemy by znalazło się w pasku nawigacyjnym. Następnie w panelu administracyjnym odnajdujemy w lewej kolumnie zakładkę Wygląd a w niej opcję Menu.

W nowo otwartym oknie dostępnych jest kilka opcji np. możemy utworzyć nowe menu jak również edytować już istniejące (jeśli wcześniej zostało przez kogoś zbudowane). Nie znajdziecie tu domyślnego menu ono tworzone jest dynamicznie poprzez ustawiana w szablonie WordPress.

Budowa nowego menu

Nowe menu tworzy się za pomocą opcji „Utwórz nowe” (zaznaczone na czarno na obrazku). I od tego trzeba zacząć praktycznie zawsze jeśli pracujemy na nowej instalacji CMS WordPress lub jeśli chcemy dodać kolejne menu. W odpowiednie pole podajemy unikalną nazwę (identyfikator menu) i zapisujemy (przyciskiem zapisz).

W zaznaczonym na niebiesko kwadracie mieszczą się wszystkie strony, kategorie, odnośniki i np. w moim przypadku newslettery – to jakie będą tam dostępne opcje w dużej mierze zależy od szablonu jaki używamy oraz od zainstalowanych dodatków. Wszystkie te elementy spięte są w rozwijanym menu (harmonijkowym jak np. FAQ). Interesujące nas elementy wybieramy poprzez zaznaczenie w polu wyboru, a następnie wybranie opcji dodaj do menu. Postępujemy analogicznie w każdej z zakładek – wybierając tylko te elementy, które nas interesują.

W ten sposób możemy zbudować kilka różnych spersonalizowanych paneli nawigacyjnych. Mogą się one z składać np. z samych kategorii lub wymieszanych typów elementów.

Kolejność elementów na utworzonej liście zmieniamy na zasadzie przeciągania i upuszczania (ang. drag and drop) tworząc w ten sposób odpowiednią hierarchię.

Po dodaniu do menu elementu można zmienić kilka jego ustawień takich jak Etykieta nawigacji – czyli nazwa pod, którą będzie wyświetlał się link (nie wpłynie to na nazwę strony, wpisu lub kategorii w jej treści – zmieni się tylko opis na belce).

Na koniec tworzenia zapisujemy menu. Jeżeli chcemy usunąć dany element trzeba klikać w niego i z rozwiniętych opcji wybrać usuń. Nie można przenieść do boku by wyrzucić z menu.

By menu było widoczne np. u góry strony na belce menu, trzeba wejść w zakładkę „Zarządzaj rozmieszczeniem” i za pomocą dostępnych tam opcji ustawić na odpowiedniej pozycji.

WordPress daje nam możliwość posiadania kilku menu.

Edycja istniejącego menu

W celu wyboru menu do edycji rozwijamy listę znajdującą się w polu: „Wybierz menu do edycji:”. Jeżeli menu, które chcemy zmienić jest aktualnie otwarte nie musimy z tego pola korzystać.

Po rozwinięciu tego pola pokaże się nam lista dostępnym menu.

W kolejnych krokach postępujemy podobnie jak przy tworzeniu nowego menu. Dodajemy lub usuwamy zbędne elementy. Po wprowadzeniu zmian zapisujemy wszystko.

Dodawanie menu w panelu bocznym

Kiedy mamy już gotowe menu możemy je również umieścić w panelu bocznym jako „Widget”. W tym celu wchodzimy w Wygląd -> Widgety

Następnie odnajdujemy na liście dostępnych opcji „Własne menu” i przeciągamy do odpowiedniego panelu bocznego.

Teraz musimy jedynie wybrać, które menu nas interesuje.

Do tego celu można również zainstalować odpowiednią wtyczkę, dzięki czemu będziecie mieli możliwość łatwej konfiguracji wyglądu menu.

Dodatkowe ustawienia menu (np. klasy).

Artykuł Jak stworzyć własne menu w WordPress pochodzi z serwisu Kurs WordPress od podstaw.