<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	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:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>strony www | Kurs WordPress od podstaw</title>
	<atom:link href="https://wordpress.aurainweb.pl/tag/strony-www/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Stwórz samodzielnie swojego bloga</description>
	<lastBuildDate>Wed, 14 Feb 2024 08:01:26 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<site xmlns="com-wordpress:feed-additions:1">150306349</site>	<item>
		<title>Skróty klawiszowe w WordPress</title>
		<link>https://wordpress.aurainweb.pl/skroty-klawiszowe-w-wordpress/</link>
		
		<dc:creator><![CDATA[AuraInWeb]]></dc:creator>
		<pubDate>Wed, 05 Sep 2018 08:00:47 +0000</pubDate>
				<category><![CDATA[Opcje]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[strona www]]></category>
		<category><![CDATA[strony www]]></category>
		<category><![CDATA[Word Press]]></category>
		<category><![CDATA[www]]></category>
		<guid isPermaLink="false">http://wordpress.aurainweb.pl/?p=11579</guid>

					<description><![CDATA[<p>Podobnie jak w innych edytorach tekstu, także w tym dostępnym z CMS WordPress możemy korzystać ze skrótów klawiszowych. Nie tylko przyspieszą one naszą pracę, ale również przyspieszą edycję treści. Większość &#8230; </p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/skroty-klawiszowe-w-wordpress/">Skróty klawiszowe w WordPress</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Podobnie jak w innych edytorach tekstu, także w tym dostępnym z CMS WordPress możemy korzystać ze skrótów klawiszowych.<span id="more-11579"></span> Nie tylko przyspieszą one naszą pracę, ale również przyspieszą edycję treści.</p>
<p>Większość skrótów klawiszowych w WordPress jest taka sama jak w innych edytorach treści.</p>
<table>
<tbody>
<tr>
<td colspan="4"><strong>Najważniejsze skróty klawiaturowe</strong></td>
</tr>
<tr>
<td><strong>Ctrl + c</strong></td>
<td>Kopiuj</td>
<td><strong>Ctrl + v</strong></td>
<td>Wklej</td>
</tr>
<tr>
<td><strong>Ctrl + a</strong></td>
<td>Zaznacz wszystko</td>
<td><strong>Ctrl + x</strong></td>
<td>Wytnij</td>
</tr>
<tr>
<td><strong>Ctrl + z</strong></td>
<td>Cofnij</td>
<td><strong>Ctrl + y</strong></td>
<td>Ponów</td>
</tr>
<tr>
<td><strong>Ctrl + b</strong></td>
<td><strong>Pogrubienie tekstu</strong></td>
<td><strong>Ctrl + i</strong></td>
<td><em>Kursywa</em></td>
</tr>
<tr>
<td><strong>Ctrl + u</strong></td>
<td><span style="text-decoration: underline;">Podkreślenie</span></td>
<td><strong>Ctrl + 1</strong></td>
<td>Nagłówek h1</td>
</tr>
<tr>
<td><strong>Ctrl + 2</strong></td>
<td>Nagłówek h2</td>
<td><strong>Ctrl + 3</strong></td>
<td>Nagłówek h3</td>
</tr>
<tr>
<td><strong>Ctrl + 4</strong></td>
<td>Nagłówek 4</td>
<td><strong>Ctrl + 5</strong></td>
<td>Nagłówek h5</td>
</tr>
<tr>
<td><strong>Ctrl + 6</strong></td>
<td>Nagłówek 6</td>
<td><strong>Ctrl + k</strong></td>
<td>Wstaw/edytuj odnośnik</td>
</tr>
<tr>
<td><strong>Alt + Shift + n</strong></td>
<td>Sprawdź pisownię</td>
<td><strong>Alt + Shift + l</strong></td>
<td>Wyrównaj do lewej</td>
</tr>
<tr>
<td><strong>Alt + Shift + j</strong></td>
<td style="text-align: justify;">Wyjustuj tekst</td>
<td><strong>Alt + Shift + c</strong></td>
<td style="text-align: center;">Wyśrodkuj</td>
</tr>
<tr>
<td><strong>Alt + Shift + d</strong></td>
<td><span style="text-decoration: line-through;">Przekreślenie</span></td>
<td><strong>Alt + Shift + r</strong></td>
<td style="text-align: right;">Wyrównaj do prawej</td>
</tr>
<tr>
<td><strong>Alt + Shift + u</strong></td>
<td><strong>•</strong> Lista wypunktowana</td>
<td><strong>Alt + Shift + a</strong></td>
<td>Wstaw odnośnik (link)</td>
</tr>
<tr>
<td><strong>Alt + Shift + o</strong></td>
<td>1. Lista numerowana</td>
<td><strong>Alt + Shift + s</strong></td>
<td>Usuń odnośnik (link)</td>
</tr>
<tr>
<td><strong>Alt + Shift + q</strong></td>
<td>Cytat</td>
<td><strong>Alt + Shift + m</strong></td>
<td>Wstaw obrazek</td>
</tr>
<tr>
<td><strong>Alt + Shift + w</strong></td>
<td>Tryb pisania bez rozpraszania</td>
<td><strong>Alt + Shift + t</strong></td>
<td>Wstaw tag „Więcej”</td>
</tr>
<tr>
<td><strong>Alt + Shift + p</strong></td>
<td>Wstaw znak nowej strony</td>
<td><strong>Alt + Shift + h</strong></td>
<td>Pomoc</td>
</tr>
<tr>
<td><strong>Alt + Shift + x</strong></td>
<td>Dodaj/usuń znacznik kodu</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<p>źródło:<br />
<a href="http://wpwizard.pl/wordpress-skroty-klawiszowe/">http://wpwizard.pl/wordpress-skroty-klawiszowe/</a></p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/skroty-klawiszowe-w-wordpress/">Skróty klawiszowe w WordPress</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">11579</post-id>	</item>
		<item>
		<title>Błąd 550 5.1.8 Sender address rejected, please authenticate (home.pl)</title>
		<link>https://wordpress.aurainweb.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate-home-pl/</link>
		
		<dc:creator><![CDATA[AuraInWeb]]></dc:creator>
		<pubDate>Wed, 29 Aug 2018 08:00:58 +0000</pubDate>
				<category><![CDATA[Inne]]></category>
		<category><![CDATA[550]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[home.pl]]></category>
		<category><![CDATA[konfiguracja]]></category>
		<category><![CDATA[strona www]]></category>
		<category><![CDATA[strony www]]></category>
		<guid isPermaLink="false">http://wordpress.aurainweb.pl/?p=11571</guid>

					<description><![CDATA[<p>Dziś chciałam wam przybliżyć sprawę pewnego błędu jaki pojawia się u użytkowników poczty na Home.pl. Jak rozpoznać błąd Błąd charakteryzuje się informacją: Błąd 550 5.1.8 Sender address rejected, please authenticate &#8230; </p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate-home-pl/">Błąd 550 5.1.8 Sender address rejected, please authenticate (home.pl)</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dziś chciałam wam przybliżyć sprawę pewnego błędu jaki pojawia się u użytkowników poczty na Home.pl. </p>



<span id="more-11571"></span>



<h2 class="wp-block-heading">Jak rozpoznać błąd</h2>



<p>Błąd charakteryzuje się informacją:</p>



<pre class="wp-block-preformatted">Błąd 550 5.1.8 Sender address rejected, please authenticate</pre>



<p>lub</p>



<pre class="wp-block-preformatted">SMTP error from remote mail server after RCPT TO:&lt; &gt;:
host address rejected, please authenticate</pre>



<p>Tak się składa, że sama przez pewien czas korzystałam ze skrzynek mieszczących się na home.pl i niestety czasami ten błąd pojawiał się na mojej poczcie. Z tego powodu zaczęłam szukać sposobu na rozwiązanie problemu i w ogóle ustalenie co jest jego powodem. <strong>W dużym skrócie błąd oznacza, że jakaś wiadomość nie może zostać dostarczona.</strong></p>



<p>W moim przypadku były to potwierdzenia e-mailów z formularza kontaktowego. W ich wypadku byłam nie tylko odbiorcą, ale również nadawcą.</p>



<h3 class="wp-block-heading">Jak rozwiązać problem</h3>



<p>Błąd jest bardzo łatwy do rozwiązania. Wystarczy&nbsp; w ustawieniach konkretnego konta pocztowego mieszącego się home.pl włączyć opcję „<em>Akceptuj pocztę z zewnętrznego przekierowania</em>”. Opcja ta znajduje się w panelu poczty home.pl </p>



<p>„<strong>Ustawienia -&gt; Opcje antyspam -&gt; Opcje zabezpieczeń</strong>”.</p>


<div class="wp-block-image wp-image-11574 size-full">
<figure class="aligncenter"><img fetchpriority="high" decoding="async" width="600" height="392" data-attachment-id="11574" data-permalink="https://wordpress.aurainweb.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate-home-pl/home-pl/" data-orig-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?fit=600%2C392&amp;ssl=1" data-orig-size="600,392" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}" data-image-title="home.pl" data-image-description="&lt;p&gt;Akceptuj pocztę z zewnętrznego przekierowania&lt;/p&gt;
" data-image-caption="&lt;p&gt;Akceptuj pocztę z zewnętrznego przekierowania&lt;/p&gt;
" data-medium-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?fit=300%2C196&amp;ssl=1" data-large-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?fit=600%2C392&amp;ssl=1" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?resize=600%2C392&#038;ssl=1" alt="Akceptuj pocztę z zewnętrznego przekierowania" class="wp-image-11574" srcset="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?w=600&amp;ssl=1 600w, https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/08/home.pl_.jpg?resize=300%2C196&amp;ssl=1 300w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1" /><figcaption class="wp-element-caption">Akceptuj pocztę z zewnętrznego przekierowania</figcaption></figure></div>


<p>źródła:<br><a href="https://www.lipinski-kamil.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate/">https://www.lipinski-kamil.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate/</a></p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/blad-550-5-1-8-sender-address-rejected-please-authenticate-home-pl/">Błąd 550 5.1.8 Sender address rejected, please authenticate (home.pl)</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">11571</post-id>	</item>
		<item>
		<title>Słowniczek przydatnych terminów w WordPress, ale nie tylko cz. 1</title>
		<link>https://wordpress.aurainweb.pl/slowniczek-przydatnych-terminow-w-wordpress-ale-nie-tylko-cz-1/</link>
		
		<dc:creator><![CDATA[AuraInWeb]]></dc:creator>
		<pubDate>Mon, 30 Jul 2018 08:00:58 +0000</pubDate>
				<category><![CDATA[Dla początkujących]]></category>
		<category><![CDATA[Inne]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[stronie]]></category>
		<category><![CDATA[strony]]></category>
		<category><![CDATA[strony www]]></category>
		<guid isPermaLink="false">http://www.aurainweb.pl/?p=10963</guid>

					<description><![CDATA[<p>Podczas pracy z stronami internetowymi dosyć często trafiamy na nie do końca zrozumiałe określenia. W tym wpisie postaram się wam część z nich przybliżyć. Nazwy i określenia przydatne w WordPress &#8230; </p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/slowniczek-przydatnych-terminow-w-wordpress-ale-nie-tylko-cz-1/">Słowniczek przydatnych terminów w WordPress, ale nie tylko cz. 1</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Podczas pracy z stronami internetowymi dosyć często trafiamy na nie do końca zrozumiałe określenia.  W tym wpisie postaram się wam część z nich przybliżyć.</p>



<span id="more-10963"></span>



<h2 class="wp-block-heading">Nazwy i określenia przydatne w WordPress</h2>



<p>Poniżej znajdziecie listę przydatnych pojęć i terminów.</p>



<h3 class="wp-block-heading">Accordion (Akordeon)</h3>



<div class="wp-block-image wp-image-10967 size-full"><figure class="aligncenter"><img decoding="async" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/07/akordeon.jpg?w=810" alt="accordion" class="wp-image-10967" data-recalc-dims="1"/><figcaption>Bootstrap akordeon</figcaption></figure></div>



<p>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 &#8211; czyli zwija się i rozwija. Element ten spotykany jest często na stronie zawierającej FAQ.</p>



<h3 class="wp-block-heading">Baner</h3>



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



<h3 class="wp-block-heading">Breadcrumbs (okruszki)</h3>



<div class="wp-block-image wp-image-10968 size-full"><figure class="aligncenter"><img decoding="async" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/07/breadcrumbs.jpg?w=810" alt="źródło: www.w3schools.com" class="wp-image-10968" data-recalc-dims="1"/><figcaption>źródło: www.w3schools.com</figcaption></figure></div>



<p>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.</p>



<h3 class="wp-block-heading">Color skins (ustawienia kolorystyczne)</h3>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/07/kolory.jpg?w=810" alt="" class="wp-image-10969" data-recalc-dims="1"/></figure></div>



<p>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.</p>



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



<h3 class="wp-block-heading">Custom CSS (Własny kod CSS)</h3>



<p>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ą.</p>



<h3 class="wp-block-heading" id="font">Czcionka czy Font</h3>



<ul><li>krój – jest to zaprojektowany, jednolity wygląd liter i znaków (np. Lato, Arial),</li><li>czcionka – to metalowy prostopadłościan używany w drukarstwie &#8211; 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</li><li>font – jest to oprogramowanie dzięki, któremu możemy wykorzystać krój na ekranach urządzeń.</li></ul>



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



<h3 class="wp-block-heading">Favicon</h3>



<p>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</p>



<div class="wp-block-image wp-image-8888 size-full"><figure class="aligncenter"><img decoding="async" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2011/02/favicon.png?w=810" alt="przykładowy favicon" class="wp-image-8888" data-recalc-dims="1"/><figcaption>przykładowy favicon</figcaption></figure></div>



<p><a href="http://wordpress.aurainweb.pl/wp-content/uploads/2018/07/jak-dodac-favicon-do-wordpress/">Jak dodać Favicon do strony</a></p>



<h3 class="wp-block-heading">Footer (stopka)</h3>



<p>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” .</p>



<p>W WordPress w szablonie istnieje osobny plik footer.php zawierający kod stopki.</p>



<h3 class="wp-block-heading">Google Analytics</h3>



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



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/07/ic_analytics.jpg?w=810" alt="" class="wp-image-10067" data-recalc-dims="1"/></figure></div>



<p>W niektórych szablonach mamy możliwość wprowadzić śledzenia &#8222;UA-&#8221; bezpośrednio w ustawienia szablonu.</p>



<h3 class="wp-block-heading">Header / Fixed header (nagłówek)</h3>



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



<h3 class="wp-block-heading">Layout</h3>



<p>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).</p>



<h3 class="wp-block-heading">Lightbox</h3>



<p>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.</p>



<h3 class="wp-block-heading">Popup</h3>



<p>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.</p>



<p><em>Macie jeszcze jakieś propozycje? Zostawcie je w komentarzu!</em></p>



<p>źródła:<br><a href="https://slownik.intensys.pl/definicja/lightbox/">https://slownik.intensys.pl/definicja/lightbox/</a><br><a href="http://www.fontguide.pl/font-czy-czcionka-znasz-roznice/">http://www.fontguide.pl/font-czy-czcionka-znasz-roznice/</a><br><a href="https://pl.wikipedia.org/wiki/Layout_(Web)">https://pl.wikipedia.org/wiki/Layout_(Web)</a><br><a href="https://olagosciniak.pl/slowniczek-wordpress-10-terminow/">https://olagosciniak.pl/slowniczek-wordpress-10-terminow/</a><br><a href="https://www.semtec.pl/slownik-seo/breadcrumbs/">https://www.semtec.pl/slownik-seo/breadcrumbs/</a></p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/slowniczek-przydatnych-terminow-w-wordpress-ale-nie-tylko-cz-1/">Słowniczek przydatnych terminów w WordPress, ale nie tylko cz. 1</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">10963</post-id>	</item>
		<item>
		<title>Tworzenie Paginacji w WordPress</title>
		<link>https://wordpress.aurainweb.pl/paginacja-numeryczna-wordpressie/</link>
		
		<dc:creator><![CDATA[AuraInWeb]]></dc:creator>
		<pubDate>Tue, 20 Jun 2017 13:34:07 +0000</pubDate>
				<category><![CDATA[Budowa motywu]]></category>
		<category><![CDATA[Dla początkujących]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[dodatki]]></category>
		<category><![CDATA[edycja szablonu]]></category>
		<category><![CDATA[strona www]]></category>
		<category><![CDATA[strony www]]></category>
		<category><![CDATA[szablon]]></category>
		<category><![CDATA[szabon]]></category>
		<category><![CDATA[szata graficzna]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[url]]></category>
		<category><![CDATA[www]]></category>
		<guid isPermaLink="false">http://www.aurainweb.pl/?p=8549</guid>

					<description><![CDATA[<p>Większość motywów WordPress posiada mało intuicyjną i raczej czasami dość męczącą metodę poruszania (paginację) się po stronie blogowej. Możemy się bowiem tylko cofnąć do kolejnej strony lub przejść do następnej &#8230; </p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/paginacja-numeryczna-wordpressie/">Tworzenie Paginacji w WordPress</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Większość motywów WordPress posiada mało intuicyjną i raczej czasami dość męczącą metodę poruszania (paginację) się po stronie blogowej. Możemy się bowiem tylko cofnąć do kolejnej strony lub przejść do następnej (np. ze strony 1 przejdziemy tylko do 2, a z 2 do 1 lub 3). Nie możemy więc łatwo przejść np. do 5 podstrony bloga, kategorii czy tagu.</p>



<span id="more-8549"></span>



<h2 class="wp-block-heading">Dlaczego zwykła paginacja jest problematyczna</h2>



<p>Rozwiązanie to jest bardzo proste ma jednak bardzo dużo wad:</p>



<ul>
<li>użytkownik witryny nie wie ile jest podstron,</li>



<li>przejście do starszych artykułów (umieszczonych na dalszych kartach) jest utrudnione,</li>



<li>nie można wejść od tak na dowolną podstronę.</li>
</ul>



<p>Rozwiązaniem tego problemu jest zastąpienie tego typu paginacji (stronicowania) numerowaniem stron co ułatwi poruszanie się po stronie. Rozwiązanie tego typu można samodzielnie zaimplementować w szablonie WordPress, przy niewielkim wysiłku.</p>



<h2 class="wp-block-heading">Wykonanie paginacji (numerowania stron)</h2>



<p>Na oficjalnej stronie WordPress można znaleźć <a href="https://codex.wordpress.org/Function_Reference/paginate_links">rozwiązanie problemu</a> w języku angielskim.</p>



<p>Nie jest to jedyna metoda jakiej można w tym wypadku użyć. Standardową funkcję <em>paginate_links()</em> można przedstawić nieco inaczej. Z pomocą samej funkcji paginate_links() możemy jedynie uzyskać listę stron. Dlatego by spełniał nasze wymagania trzeba go zmodyfikować.</p>



<p>Przykład:</p>



<pre class="wp-block-preformatted">function pagination() {
    
    global $wp_query;
    
    if ($wp_query-&gt;max_num_pages &gt; 1) { echo '&lt;p class="pages" role="navigation"&gt;' . paginate_links( array(
        'base' =&gt; @add_query_arg('paged','%#%'),
        'format' =&gt; '?paged=%#%',
        'current' =&gt; max( 1, get_query_var('paged') ),
        'total' =&gt; $wp_query-&gt;max_num_pages,
        'prev_text' =&gt; __('« '),
        'next_text'    =&gt; __(' »'),
    ) ) . '&lt;/p&gt;'; }
}</pre>



<p>Powyższy kod należy dodać do pliku function.php szablonu, w którym chcemy wprowadzić modyfikację.</p>



<p>Teraz musimy jedynie wywołać kod naszej funkcji po jej nazwie:</p>



<pre class="wp-block-preformatted">&lt;?php pagination(); /*wyświetlamy paginację*/ ?&gt;</pre>



<p>Umieszczamy go oczywiście w miejscu gdzie ma znajdować się paginacja naszej witryny.</p>



<p>Paginacja obecnie będzie wyglądała np. tak:</p>



<p class="has-text-align-center">« 1 2 3 4 »</p>



<h2 class="wp-block-heading">Zmiana wyglądu</h2>



<p>Jeżeli nie chcemy mieć tak prostej numeracji stron możemy zmodyfikować ją z pomocą CSS np.:</p>


<div class="wp-block-image size-full wp-image-12121">
<figure class="aligncenter"><a href="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2017/06/Zrzut-ekranu-2017-06-16-o-15.21.38.png?ssl=1"><img decoding="async" width="252" height="56" data-attachment-id="12121" data-permalink="https://wordpress.aurainweb.pl/paginacja-numeryczna-wordpressie/zrzut-ekranu-2017-06-16-o-15-21-38/" data-orig-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2017/06/Zrzut-ekranu-2017-06-16-o-15.21.38.png?fit=252%2C56&amp;ssl=1" data-orig-size="252,56" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="paginacja numeryczna wordpress" data-image-description="&lt;p&gt;paginacja numeryczna wordpress&lt;/p&gt;
" data-image-caption="&lt;p&gt;paginacja numeryczna wordpress&lt;/p&gt;
" data-medium-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2017/06/Zrzut-ekranu-2017-06-16-o-15.21.38.png?fit=252%2C56&amp;ssl=1" data-large-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2017/06/Zrzut-ekranu-2017-06-16-o-15.21.38.png?fit=252%2C56&amp;ssl=1" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2017/06/Zrzut-ekranu-2017-06-16-o-15.21.38.png?resize=252%2C56" alt="paginacja numeryczna wordpress" class="wp-image-12121" data-recalc-dims="1"/></a><figcaption class="wp-element-caption">paginacja numeryczna wordpress</figcaption></figure></div>


<p>W celu uzyskania takiego efektu umieściłam paginację strony w elemencie blokwym DIV z odpowiednią klasą.</p>



<pre class="wp-block-preformatted">&lt;div class="numerstrony"&gt;&lt;?php pagination(); /*wyświetlamy paginację*/ ?&gt;&lt;/div&gt;</pre>



<p>Następnie przygotowałam skrypt CSS:</p>



<pre class="wp-block-preformatted">.numerstrony {
    text-align: center;
}

.numerstrony .page-numbers {
    border: 1px solid #ccc;
    padding: 5px;
}
.numerstrony a.page-numbers{
    outline: none;
    color: #FF9700;
}

.numerstrony .page-numbers.dots, 
.numerstrony .page-numbers.next, 
.numerstrony .page-numbers.prev {
    border: none;
}</pre>



<p>Jak widać zamiana ta jest bardzo prosta i nie wymaga dużej specjalistycznej wiedzy.</p>



<p>Źródło:http://strefakodera.pl/poradniki/wordpress/paginacja-numeryczna-w-wordpressie</p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/paginacja-numeryczna-wordpressie/">Tworzenie Paginacji w WordPress</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">8549</post-id>	</item>
	</channel>
</rss>
