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.

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.

Wtyczki na bloga

Na tym blogu przetestowałam już chyba kilkadziesiąt różnych wtyczek (a bynajmniej to nie jedyna strona oparta o WordPress nad jaką pracowałam). Z części oczywiście zrezygnowałam a, z innych korzystam nadal. Czasami zmiana wtyczki nie była natychmiastowa a dopiero po pewnym czasie. Takim momotem było też np. wdrożenie Gutenberga, kiedy to WordPress zaczął działać inaczej. Spowodowało to, że wiele wtyczek nie było już mi potrzebnych lub przestało działać.

Warto też pamiętać – to co sprawdza się np. na jednej stronie niekoniecznie spełni swoją rolę na innej. Powodów jest kilka od nieumiejętności obsługi wtyczki po sytuację w której wtyczka ma konflikt np. z elementami aktualnie używanego motywu. Włączona na serwerze wersja PHP ma wpływ na ich działanie.

Aktualnie korzystam z całkiem sporej ilości pluginów – w przyszłości prawdopodobnie z części z nich zrezygnuj, bo nie jestem do końca zadowolona z ich pracy.

Wtyczki, które instaluje zawsze w nowym WordPress

• Yoast SEO – wtyczka ułatwiająca pozycjonowanie strony. Jest to jedna z najlepszych wtyczek do SEO z jaką miałam do czynienia. Po odpowiednim skonfigurowaniu sama potrafi optymalizować wpisy i strony na tyle dobrze że mogą osiągać przyzwoite wyniki wyszukiwania.
• WP Super Cache – jest to wtyczka przyspieszająca wczytywanie strony internetowej podczas kolejnej wizyty użytkownika. Wtyczka tworzy pliki cookies, które zapisują się w przeglądarce.

Wtyczki regulujące przepisy prawne

• Zgoda na Cookies – wyświetla informację o obsłudze plików cookies w formie paska informacyjnego – treść wprowadzamy sami w miejsce zaproponowanej przez autora. Jego położenie na stronie można zmieniać. W związku z wprowadzeniem RODO można zmodyfikować nieco wyświetlany w nim komunikat dzięki czemu nie trzeba instalować dodatkowych wtyczek.
• WP GDPR Compliance – dodaje do formularzy (ale nie tylko) odpowiednie pola wymagane po wprowadzeniu przepisów RODO.

Inne przydatne wtyczki

• Disqus – wtyczka zarządzająca komentarzami. Po jej instalacji należy się zarejestrować. Po jej instalacji mamy wgląd w komentarze nie tylko na naszej stronie, ale także w panelu administracyjnym na stronie Disque.
• Redirection – wtyczka umożliwiająca przekierowywanie starych nieaktywnych już adresów na inne. Przydatna np. kiedy adresy na stronie.
• Related Posts – łączy ze sobą kilka postów np. po tagach, kategorii. Następnie wyświetla je poniżej tekstu.
• Simple Custom CSS – dodatkowe CSS. Przydatna wtyczka jeżeli chcemy wprowadzić zmiany w CSS naszej strony, ale nadal chcemy aktualizować motyw. Nie jest zawsze wymagana w nowszych szablonach w personalizacji jest pole na dodatkowy css.
• Table of Contents Plus – dodaje do wpisu małe menu ułatwiające poruszanie się po wpisie. Menu budowane jest z nagłówków umieszczonych w wpisach.
• Widget Logic – dodaje warunki do widgetów. Dzięki niemu mogłam spersonalizować panel boczny dla nawet jednego wpisu.
• Advanced Custom Fields – dodaje dodatkowe pola, które użytkownik może sam określić.
• Crayon Syntax Highlighter – wtyczka dzięki, której można wyróżnić wklejony kod
• CodePen Embedded Pens Shortcode – wtyczka dzięki której można umieścić na stronie projekty z CodePen

Wtyczki polecane przez innych blogerów

• Jetpack – jest to rozbudowana wtyczka łącząca naszego bloga z stroną WordPress.com. Dzięki czemu zyskujemy wgląd w statystyki i wiele innych ciekawych narzędzi.
• SumoMe – dzięki tej wtyczce będziesz mógł tworzyć kampanie marketingowe. Dodatkowo możesz dodać do swojej strony możliwość udostępniania wisu w social media.

Artykuł WordPress – wtyczki do blogowania pochodzi z serwisu Kurs WordPress od podstaw.

Nazwy i określenia przydatne w WordPress

Poniżej znajdziecie listę przydatnych pojęć i terminów.

Accordion (Akordeon)

Akordeon to element strony, dzięki któremu możemy w prosty sposób uporządkować treść na stronie internetowej. Jak sama nazwa wskazuje przypomina on instrument muzyczny akoredon – czyli zwija się i rozwija. Element ten spotykany jest często na stronie zawierającej FAQ.

Baner

Banner na stronie internetowej stanowi graficzną formę przekazania treści informacyjnych lub reklamowych, często będąca odnośnikiem do strony promowanego produktu.

Breadcrumbs (okruszki)

Breadcrumbs to forma nawigacji spotykana w witrynach internetowych, dzięki której użytkownik ma możliwość śledzenia swojej aktualnej lokalizacji w obrębie całej strony.

Color skins (ustawienia kolorystyczne)

Opcja stanowi część opcjonalnej personalizacji wybranego szablonu WordPress. Z jej pomocą możemy zmienić kilka kolorów na stronie np. kolor tła, tekstu w nagłówku.

Możliwości jakie daje ta opcja uzależnione są od używanego motywu.

Custom CSS (Własny kod CSS)

Opcja ta jest dostępna przy personalizacji motywu WordPress. Z jej pomocą można zmodyfikować elementy CSS szablonu bez konieczności modyfikowania plików. W dalszym ciągu możemy więc bez obaw aktualizować skórkę bez obawy że zmiany w CSS znikną.

Czcionka czy Font

• krój – jest to zaprojektowany, jednolity wygląd liter i znaków (np. Lato, Arial),
• czcionka – to metalowy prostopadłościan używany w drukarstwie – potocznie nazwa stosowana jest zamiennie z określeniem font, błąd ten jest wynikiem nie do końca poprawnego tłumaczenia z języka angielskiego
• font – jest to oprogramowanie dzięki, któremu możemy wykorzystać krój na ekranach urządzeń.

Niektóre szablony WordPress posiadają możliwość ustawienia innego kroju fontu niż ten domyślny. Czasami w takich szablonach mamy możliwość wybrać font z rozwijanej listy.

Favicon

Favicon jest małą ikonką wyświetlaną w pasku adresu oraz na belce przeglądarki internetowej. Posiadanie tej ikonki jest o tyle istotne iż wyróżnia z tłumu otwartych przez użytkownika zakładek stron internetowych

Jak dodać Favicon do strony

Footer (stopka)

Footer jest to dolna część witryny internetowej. Stanowi ona często niezmienną część strony, pojawiającą się na każdej podstronie. W zależności od typu stronki zawiera ona np. dane kontaktowe, użyteczne linki, „copyright © nazwa firmy” .

W WordPress w szablonie istnieje osobny plik footer.php zawierający kod stopki.

Google Analytics

Google Analytics jest najpopularniejszą platformą służącą do analizy ruchu na stronie internetowej.

W niektórych szablonach mamy możliwość wprowadzić śledzenia „UA-” bezpośrednio w ustawienia szablonu.

Header / Fixed header (nagłówek)

Header to z angielskiego nagłówek. W przypadku WordPress w obszarem tym przeważnie znajduje się menu nawigacyjne górne.
Mamy do czynienia z Fixed header w przypadku gdy menu podąża za nami podczas scrollowania strony w dół i górę. Efekt ten nazywany bywa też „sticky menu” ponieważ pasek menu zdaje się być przyklejony w konkretnym miejscu.

Layout

Layout to element konstrukcji graficznej, w którym ustala się rozmieszczenie elementów (np. kolumn, treści) oraz wygląd (kolorystykę, krój fontu) na stronie. Na początku pracy może być on wykony w postaci pliku graficznego, który zostaje później przerobiony na inną technologię (np. HTML, CSS, PHP).

Lightbox

Jest to sposób prezentacji zdjęć na stronie internetowej. Po kliknięciu w zdjęcie lub link podlinkowany obraz zamiast otworzyć się w nowym oknie pokaże się jako wyskakujące okienko przykrywające wszystko pod nim.

Popup

Popup to wyskakujące okienko (niekiedy przykrywające pozostałe treści strony) wykorzystywane np. w celach informacyjnych lub reklamowych nie musi on się pojawić na stronie od razu po załadowaniu. Na stronach internetowych Popup wykorzystywany jest również do zaproponowania zapisu do newslettera.

Macie jeszcze jakieś propozycje? Zostawcie je w komentarzu!

źródła:
https://slownik.intensys.pl/definicja/lightbox/
http://www.fontguide.pl/font-czy-czcionka-znasz-roznice/
https://pl.wikipedia.org/wiki/Layout_(Web)
https://olagosciniak.pl/slowniczek-wordpress-10-terminow/
https://www.semtec.pl/slownik-seo/breadcrumbs/

Artykuł Słowniczek przydatnych terminów w WordPress, ale nie tylko cz. 1 pochodzi z serwisu Kurs WordPress od podstaw.

Jednak nie jest to jedyne rozwiązanie kiedy bowiem np. budujemy własny szablon lub użycie wtyczki wydaje nam się zbyt kłopotliwe możemy samodzielnie dopisać taką opcję.

Jeśli jednak wolicie skorzystać z wtyczki polecam wtyczki post in page.

Co trzeba wiedzieć na początek!

Gdzie jest w tym o czym piszę haczyk? O tuż po aktualizacji pobranej z Internetu skórki nasza zmiana może zostać nadpisana. Jednak jeśli stworzymy dodatkowy wygląd (inny szablon strony) w motywie i w nim umieści się spersonalizowany kod to dodatkowa funkcjonalność powinna pozostać nie tknięta. Na wszelki wypadek warto jednak zachować kopię zapasową w tedy po aktualizacji w razie potrzeby wystarczy dodać ponownie przez FTP nasz plik. Inny typ szablonu strony oczywiście wybieramy podczas edycji artykułu w prawym panelu bocznym.

Dość istotne jeśli nie masz doświadczenia w tego typu modyfikacjach by przed przystąpieniem do pracy zapoznać się z kilkoma innymi moimi wpisami.

• link stałe
• inny wygląd podstrony
• pliki szablonu

Wypisywanie wpisów z kategorii o nazwie takiej jak strona

W celu wypisania postów z danej kategorii trzeba w pliku wykołysać poniższy kod. Kod najlepiej umieścić pod wypisaniem treści artykułu – w ten sposób będziemy mieć pewność iż pobierze poprawnie nazwę kategorii.

<?php
  $nameofkat = $post->post_name;
    query_posts('category_name='.get_permalink().'&post_status=publish,future');
    while (have_posts()) : the_post();
      echo "<div class=''>";
       the_post_thumbnail();
      echo "<h3 class='entry-title'>";
      echo "<a href='".get_permalink()."'>";
            the_title();
      echo "</a>";
      echo "</h3>";
        the_content();
      echo "</div>";
   endwhile;
?>

By lepiej można go było zrozumieć przedstawię teraz co robią poszczególne elementy specyficzne dla WordPress, czyli daruję opis pobocznych elementów HTML, PHP i odwołania do CSS.

$nameofkat = $post->post_name;
query_posts('category_name='.get_permalink().'&post_status=publish,future'); // bież pod uwagę posty znajdujące w kategorii nazywającej się tak samo jak nazwa strony 

query_posts('cat=6'); // weź pod uwagę posty z kategorii o id=6

W tym przypadku pod treścią artykułu pokażą się wpisy (posty) należące do kategorii o takiej samej nazwie jak strona.

Podobny efekt można uzyskać – Zmiana adresów stałych.

Wypisywanie wpisów z kategorii innej niż nazwa strony

W drugim przypadku kod będzie wyglądał tak:

<?php
 query_posts('cat=7');
 while (have_posts()) : the_post();
 echo "<div class=''>";
 the_post_thumbnail();
 echo "<h3 class='entry-title'>";
 echo "<a href='".get_permalink()."'>";
 the_title();
 echo "</a>";
 echo "</h3>";
 the_content()
 echo "</div>";
 endwhile;;
?>

Teraz id kategorii ustawione jest na sztywno. W efekcie wszystkie strony korzystające z pliku z tym kodem będą wyświetlać te same wpisy.

Powyżej wypisałam 2 różne sposoby uzyskania listy postów z kategorii. W pierwszym przypadku w zależności od strony zostanie wzięta pod uwagę inna grupa wpisów. Spełniać ona musi jednak warunek posiadania takiej samej nazwy jak strona np. na stronie Oferta wyświetlą się wpisy z kategorii Oferta o ile taka istnieje.

W drugim przypadku na każdej stronie z tym szablonem wypisujemy posty z kategorii posiadającej id=7.

the_title(); // wypisanie tytułu postu

get_permalink() // adres postu, jego lokalizacja np. http://www.aurainweb.pl/przykladowy-post

the_content(); // wypisuje urywek tekstu, aż do "read more"

Czasami może przydać się również kod:

get_the_date; // data utworzenia postu

W powyższym kodzie ominęłam składnię CSS ze względu na zróżnicowaną budowę dostępnych szablonów.

Jeżeli mapie jakieś pytania lub sugestie możecie zostawić je w formie komentarza.

Dodatkowe tagi

• Jak dodać wpis do wybranej przeze mnie strony na wp?
• Umieszczenie wpisu na innej stronie
• Wypisywanie postów z szablonu
• modyfikacja szablonu, bez wtyczki

Artykuł Wyświetlanie wpisów na statycznej stronie bez wtyczki – WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Umieszczenie na stronie samego adresu e-mail w praktyce nie zawsze wystarczy.  Skopiowanie adresu i zalogowanie się do skrzynki pocztowej może skutecznie zniechęcić część osób a i nigdy nie mamy pewności czy koś nie spisze sobie tego adresu i nie za spamuj nam skrzynki. Dlatego warto jest pomyśleć o formularzu kontaktowym.

Trochę o formularzach w CMS

Na platformę WordPress stworzonych zostało wiele wtyczek, dzięki którym możemy szybko i w łatwy sposób zbudować formularz. Obsługa większości z nich nie wymaga praktycznie żadnej wiedzy informatycznej – jedynie poświęcenia chwili na doczytanie co napisał autor. Jedną z nich jest właśnie Contact Form 7. Plugin ten przeznaczony jest zarówno do tworzenia prostych jak i nieco bardziej rozbudowanych formularzy kontaktowych.

„Pobierz Contact Form 7” .

Sama wtyczka jest w miarę intuicyjna – praktycznie konfiguracja podstawowego formularza zajmie nam najwyżej kilka minut. Dlatego jest też polecana przez wiele osób jako jedna z najlepszych. Na korzyść wtyczki z pewnością przemawia również dostępność w języku polskim – tak więc język angielski nie jest wymogiem koniecznym (choć może się przydać przy bardziej skomplikowanych konfiguracjach).

Od czego zacząć pracę z Contact Form 7

Pracę z wtyczką zaczynamy jak zwykle od jej instalacji. Proces instalacji pluginów w WordPress opisałam w innym wpisie dlatego tylko zostawię wam do tego wpisu link. Po uruchomieniu wtyczki musimy ją skonfigurować. Opcje Contact Form 7 znajdziemy w panelu bocznym – połączeniu powinien pojawić się tam nowy odnośnik „Formularze”

Po wejściu w niego zobaczymy od razu pierwszy przykładowy formularz.

Budowa formularza

W nowo otwartym oknie zobaczymy listę istniejących już formularzy. Na samym początku będzie to jeden już gotowy jeden przykładowy formularz. Obiekt ten możemy edytować lub utworzyć nowy. Warto w tym miejscu wspomnieć, że jeśli zdecydujemy się utworzyć nowy to będzie on dokładnie taki samo jak pierwszy przykładowy – gdyż zawiera on wyłącznie podstawową strukturę.

Oprócz nazwy formularza w tym oknie będziemy mogli zobaczyć jaki jest „skrót” do formularza (shortcode) oraz datę utworzenia. Kod ten przyda nam się w momencie gdy będziemy chcieli umieścić formularz w treści strony lub wpisu.

W celu wejścia w formularz klikamy w jego nazwę.

Nowy formularz będzie wyglądał jak na załączonym obrazku poniżej. Jak widać składa się on z kilku sekcji.

W górnej części znajduje się pole z nazwą formularza, oraz kodem który umieszczamy w miejscu gdzie chcemy, by został opublikowany formularz. Poniżej znajduje się właściwa część formularza składająca się proste menu w formie tabów z ustawieniami formularza oraz pole zmieniające swoją zawartość w zależności od tego, którą opcję wejdziemy.

Pierwszą kartą jest formularz.

Na początku dysponuje on następującymi polami:

• [text* your-name]
• [email* your-email]
• [text your-subject]
• [textarea your-message]

Taki formularz praktycznie powinien już wystarczyć do kontaktu. Jeśli jednak zdecydujecie się go rozbudować to jego ewentualna rozbudowa nie powinna przysparzać też dużych problemów. Praktycznie wszystkie dodatkowe pola jakie możemy dodać znajdują się nad polem tekstowym. Jedyne co do nas należy wybrać i umieścić je w odpowiednim miejscu.

Wysyłanie formularza

Teraz warto wejść w zakładkę email (gdzie zamieszczone są opcje wysyłki) i zmienić adres e-mail na ten na który mają przychodzić wiadomości.

• Odbiorca – w to miejsce wpisujemy adres na jaki mają przychodzić wiadomości e-mail
• Nadawca – adres z którego jest wysyłany (najlepiej, by był to powiązany z domeną np. biuro@aurainweb.pl dla domeny http://www.aurainweb.pl – inny może powodować nie dochodzenie wiadomości)
• Temat – pole z tematem (domyślnie wprowadzane jest z formularza [temat] można jednak usunąć i ustawić wartość domyślną np. wiadomość z strony)
• Dodatkowe nagłówki
• Treść wiadomości – treść wiadomości, w tym polu umieszczamy kody z naszego formularza, które zostaną zastąpione treścią
• Załączniki – pole na załączniki
• Email (2) – daje możliwość wysyłania kopi wiadomości

Na koniec wprowadzania zmian wszystko zapisujemy.

Komunikaty

Ważne jest też ustawienie komunikatów tak, by wypełniająca osoba wiedziała gdzie popełnia ewentualny błąd.

Umieszczanie na stronie

Tak jak piałam już wcześniej należy skopiować indywidualny shortcode formularza np.:

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

umieścić go w miejscu na stronie tam gdzie chcemy pokazać formularz.

Po aktualizacji formularz nie musimy umieszczać na nowo kodu jeśli wprowadzimy jakąś zmianę na stronie – automatycznie zostanie to zaktualizowane.

przykładowy formularz:
[contact-form-7 id=”6052″ title=”Formularz 1″]

Formularz można edytować podobnie jak każdy inny odwołując się do jego klasy.

Redukowanie spamu w formularzu

Bez wątpienia stanowi to wyjątkowo irytujące zjawisko. Dlatego w celu jego ograniczenia można do formularza dodatkowo zainstalować wtyczkę Really Simple CAPTCHA. W nowszej wersji pole wtyczki jest widoczne na belce narzędzi – nie jest ona jednak dostępna.

W celu skonfigurowania wtyczki musimy pobrać indywidualny klucz z Google.

Contact Form 7 wiadomości nie docierają

Na początek sprawdź czy Nadawca jest w domenie strony.

Bywa tak czasem tak że nasz hosting nie pozwala na wykorzystanie funkcji php mail, wymaga jest za to autoryzacja smtp. Domyślnie wtyczka jednak nie posiada takiej możliwości. Dlatego trzeba zainstalować dodatkową wtyczkę np. WP Mail SMTP.

Zmiana wyglądu formularza

Wygląd formularza możemy zmienić samodzielnie z pomocą HTML i CSS lub zainstalować wtyczkę Contact Form 7 Style dzięki której będziemy mogli dokonać zmiany wyglądu z poziomu edytora.

Nowsza wersja pluginu została trochę zmodyfikowana jednak zasady jej działania w CMS WordPress nie uległy zmianie.

Aktualizacja [26.09.2017]

Dodatkowe tagi:
contact form 7 konfiguracja
zaawansowane formularze kontaktowe w WordPressie
instalacja

Artykuł Najlepszy formularz kontaktowy w WordPress! – Contact Form 7 pochodzi z serwisu Kurs WordPress od podstaw.

Adresy tego typu oczywiście nie stanowią tragedii, ale są zbyt użyteczne w długotrwałym użytkowaniu CMS. Dlatego jedną z podstawowych czynności konfiguracyjnych jakie należy wykonać po instalacji jest zmiana ich na bardziej zrozumiałe tzw. przyjazne linki bądź adresy. Strony posiadające takie adresy są o wiele łatwiej indeksowane przez przeglądarki.

Film z instrukcją zmiany linków

Co to są przyjazne linki

Tak zwane przyjazne liki to nic innego jak adresy URL witryny dostosowane pod kontem SEO. Składają się one jak każdy inny adres z naszej domeny oraz frazy kluczowej (najlepiej by było by była to główna fraza). Dzięki czemu adresy te są nie tylko lepsze dla wyszukiwarek, ale również dla użytkowników docelowych.

Przykładowym przyjaznym adresem jest:

https://wordpress.aurainweb.pl/zmiana-linkow-stalych-w-adresie-url-wordpress-przyjazne-linki/

Zmiana stałych linków w WordPress

W celu zmienienia stałych linków należy wejść w zakładkę Ustawienia (ang. Settings) (zakładka po lewej stronie). Rozwijamy ją i wybieramy Bezpośrednie odnośniki (Permalink) (linki stałe, opcje pisania).

Następnie otwiera się okno:

Opcje ustawienia adresów:

• prosty – adres będzie w formie literowo liczbowej automatycznie generowanej przez serwis np. ?p=123
• dzień i nazwa – zawiera dokładną datę utworzenia wpisu dodatkowo na końcu po ukośniku dopisana jest tytuł, jaki nadaliśmy wpisowi bez polskich znaków połączony myślnikami
• miesiąc i nazwa – zawiera miesiąc i nazwę posta
• liczbowy – numeryczna (liczbowy)
• własny format – jest to pole w które sami możemy wprowadzić zmienne tworzące adres wpisu. Możliwe opcje znajdziecie pod linkiem „kilka znaczników”

Opcją, którą ja wybrałam jest własny format. Ustawiłam go następująco:   /%year%/%monthnum%/%postname%/

• /%year%/ – rok
• /%monthnum%/ – miesiąc
• /%postname%/ – nazwa wpisu

Po wprowadzeniu zmian wszystko zapisujemy. Dla pewności sprawdzamy wyświetlanie strony nie wychodząc z ustawień.

Opcje opcjonalne

Usuwanie aliasu „category” z adresu strony kategorii

Opcjonalne opcje są również bardzo z ich pomocą możemy zmodyfikować adresy kategorii oraz tagów. Przykładowo adres jednej z moich kategorii to:

http://www.aurainweb.pl/category/bootstrap/

lub w zależności od konfiguracji

http://www.aurainweb.pl/?cat=x

Teraz chce usunąć z adresu słowo (alias) category. W tym celu w polu tekstowym obok Alias kategorii wstawiam „.” (znak kropki).

Dzięki swojej budowie WordPress skróci adres w pasku do:

http://www.aurainweb.pl/bootstrap/

W podobny sposób można zamienić domyślne category na inne słowa lub hasła.

Analogicznie postępujemy z aliasem tagów.

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]

Dodatkowe tagi:
Usunięcie aliasu /category/ z adresu url kategorii na WordPressie

Artykuł Zmiana linków stałych w adresie url WordPress (przyjazne linki) pochodzi z serwisu Kurs WordPress od podstaw.

Co to jest WordPress?

WordPress to darmowy systemem do zarządzania treścią (ang. CMS – content management system). Stworzony został on z myślą o tworzeniu osobistych blogów. Co w dalszym ciągu widoczne jest jego specyficzna strukturze. Szybko znalazł też inne zastosowanie – czyli do budowy różnego typu stron internetowych.

WordPress jest bardzo prostym w obsłudze, intuicyjnym systemem CMS. Prostota ta zapewniła mu sukces. Obecnie jest on bowiem jednym z najpopularniejszych systemów do zarządzania treścią nie tylko w Polsce, ale także na świecie. Liczba witryn stawianych na WordPress stale się zwiększa. Wydaje mi się, że na tę chwilę oszacowanie ilości witryn postawionych na tym CMS praktycznie się nie da.

Co charakteryzuje WordPress? Czym się wyróżnia?

Wymagany poziom znajomości HTML i CSS w przypadku WordPress jest stosunkowo niski. W wielu przypadkach praktycznie nie zawsze w ogóle wymagany. Oznacza to, że nie trzeba specjalnie znać się na budowie stron by zacząć w nim pracować.

Oczywiście podstawowa wersja WordPress jest stosunkowo uboga pod względem dostępnych opcji. Jednak dzięki swojej popularności i łatwości samego kodu na potrzeby tego CMS stworzono wiele różnego typu rozszerzeń zwanych Wtyczkami. W zależności od potrzeb oraz rodzaju wtyczki dodają one różnego typu funkcjonalności.

Co warto widzieć o WordPress

Dodatki te są dostępne w wersji darmowej jak i płatnej. Jak nie trudno się domyślać w wersji płatnej mamy więcej ciekawych i niekiedy przydatnych opcji. Kolejnym dużym plusem jest łatwość i szybkość ich instalacji. Użytkownicy mają też dostęp do darmowych motywów (szablonów), które z pewnością pozwolą nawet nie informatycznej osobie spersonalizować witrynę.

Należy pamiętać, że spośród CMS WordPress jest jednym z najlepiej opracowanych i opisanych na różnych forach internetowych. Zawdzięcza to właśnie to licznej społeczności, która na bieżąco tworzy  nowe rozszerzenia i szaty graficzne.

Zalety WordPress

Wśród zalet warto wspomnieć również:

• jest darmowy
• łatwy dostęp do darmowych i płatnych dodatków
• posiada ciekawe motywy graficzne
• jest systemem otwartym – łatwym do rozbudowy
• w miarę dobre opracowanie i wiele informacji w Internecie

Wady WordPress

Oczywiście posiada także wady:

• wymaga jak większość CMS obsługi na serwerze aktualnej wersji PHP oraz baz danych
• jest systemem otwartym – łatwym do rozbudowy, ale każdy ma dostęp do jego kodu i może go modyfikować
• jako popularny skrypt narażony jest na ataki z sieci
• większość szablonów posiada tylko jeden panel boczny
• bywa naprawdę ciężki przez co strony długo się ładują

Jak zapewne już zauważyliście zarówno w wadach jak i zaletach umieściłam informacje o tym, że WordPress jest otwartym systemem CMS. Oznacza to, że jego kod jest jawny i każdy może wprowadzić w nim zmiany.

W związku z tym, że każda instalacja ma analogiczną praktycznie identyczną strukturę system ten jest bardzo podatny na ataki z zewnątrz.

Jakie typy witryn można postawić z Pomocą WordPress

Na CMS WordPress można postawić dosłownie wszystko. Jedyną kwestią jest dobranie odpowiednich rozszerzeń jakie będą nam potrzebne. I niestety nie wszystkie są darmowe. Co w praktyce oznacza, że nie będzie on już darmowy. Nie mniej jednak otworzy to przed nami naprawdę duże możliwości.

Praktycznie wszystko to bardzo szerokie pojęcie a więc spróbuję je nieco zawierzyć. Tak więc możemy stworzyć:

• blog
• stronę internetową
• sklep internetowy
• katalog produktów
• katalog stron
• kalendarz
• portal społecznościowy
• portal ogłoszeniowy

I to tylko przykłady!

Wymagania Serwera / Hostingu

W zależności od zainstalowanej wersji WordPress (najlepiej zawsze aktualnej) wymagania jakie musi spełnić hosting ulegają zmianom. Zwykle są to drobne zmiany jednak z upływem czasu mogą się okazać naprawdę duże (w stosunku od momentu kiedy stworzyliśmy stronę). Związane jest to z ciągłym rozwojem platformy. Warto więc przy wyborze hostingu zwrócić uwagę nie tylko na jego cenę ale również jakość i parametry.

WordPress:

• PHP w wersji 7.4 lub wyższa (wersja PHP co jakiś czas ulega zmianie warto więc obserwować witrynę wydawcy)
• MySQL wersja 5.7 lub większa LUB MariaDB wersja 10.3 lub większa.
• Warto również pomyśleć o certyfikacie SSL.

Kiedy mamy już wybrany hosting warto zaopatrzyć się również w domenę, czyli adres internetowy naszej strony. Do wyboru mamy darmową domenę oferowaną przez firmę hostingową lub płatną (odnawianą np. co rok). Wybór domeny jest bardzo istotny i dobrze go przemyśleć.

Artykuł WordPress – jako system blogowy i strona (CMS) pochodzi z serwisu Kurs WordPress od podstaw.