<?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/"
	>

<channel>
	<title>Projekty &#8211; ZAWBAR Design</title>
	<atom:link href="https://www.zawbar.pl/tutoriale/category/projekty/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.zawbar.pl</link>
	<description>webdesign / wordpress / photoshop</description>
	<lastBuildDate>Fri, 08 Nov 2024 16:36:29 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://www.zawbar.pl/wp-content/uploads/2025/10/favicon-150x150.jpg</url>
	<title>Projekty &#8211; ZAWBAR Design</title>
	<link>https://www.zawbar.pl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Aktualizacja ciasteczek &#8211; CookieYes</title>
		<link>https://www.zawbar.pl/tutoriale/aktualizacja-ciasteczek-cookieyes/</link>
		
		<dc:creator><![CDATA[Bartek]]></dc:creator>
		<pubDate>Sat, 17 Aug 2024 18:27:01 +0000</pubDate>
				<category><![CDATA[Projekty]]></category>
		<guid isPermaLink="false">https://www.zawbar.pl/?p=823</guid>

					<description><![CDATA[Aktualizacja ciasteczek do zgód na stronie internetowej &#8211; na przykładzie CookieYes inne tutoriale Google wprowadził nową wersję trybu uzyskiwania zgody na ciasteczka Consent Mode v2. Brak dostosowania strony internetowej, a przede wszystkim banera cookies do nowych zasad, praktycznie uniemożliwia prowadzenie marketingu internetowego. Wdrożenie Google Consent Mode v2 jest obowiązkowe do marca 2024 roku dla wszystkich [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="823" class="elementor elementor-823">
				<div class="elementor-element elementor-element-1fcd345 e-flex e-con-boxed e-con e-parent" data-id="1fcd345" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b090466 elementor-widget elementor-widget-heading" data-id="b090466" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Aktualizacja ciasteczek do zgód na stronie internetowej - na przykładzie CookieYes</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-30da252 elementor-widget elementor-widget-heading" data-id="30da252" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-11e673d6 e-flex e-con-boxed e-con e-parent" data-id="11e673d6" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4d7f1705 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="4d7f1705" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Google wprowadził nową wersję trybu uzyskiwania zgody na ciasteczka<strong> Consent Mode v2</strong>. Brak dostosowania strony internetowej, a przede wszystkim banera cookies do nowych zasad, praktycznie uniemożliwia prowadzenie marketingu internetowego. Wdrożenie Google Consent Mode v2 jest obowiązkowe do marca 2024 roku dla wszystkich stron internetowych korzystających z usług Google. Strony przeze mnie przygotowywane, są zgodne z CM2, a do tego celu wykorzystuję narzędzie CookieYes. Poniżej przedstawiam sposób aktualizacji listy ciasteczek wykorzystywanych na stronie.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-02c101e elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="02c101e" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-560ad83c elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="560ad83c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>W pierwszej kolejności logujemy się do panelu administracyjnego WordPressa.<br />Następnie po lewej stronie klikamy w CookieYes</p>								</div>
				</div>
				<div class="elementor-element elementor-element-169c2ded elementor-widget elementor-widget-image" data-id="169c2ded" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="785" height="477" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_wp_kokpit.webp" class="attachment-large size-large wp-image-813" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-5a207a96 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="5a207a96" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Po rozwinięciu możemy sprawdzić, kiedy ostatnio nasza strona była skanowana pod kątem wykorzystywanych ciasteczek.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6c982c30 elementor-widget elementor-widget-image" data-id="6c982c30" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="724" height="304" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_summary.webp" class="attachment-large size-large wp-image-814" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-6ab58eea elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="6ab58eea" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>W celu dokonania ponownego skanowania strony, należy zalogować się na stronę CookieYes. <br />Na górze strony klikamy w przycisk <strong>Go to Web App</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-68a019eb elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="68a019eb" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="800" height="431" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_wp_cy-1024x552.webp" class="attachment-large size-large wp-image-815" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-587bfca9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="587bfca9" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Następnie logujemy się do strony <strong>CookieYes</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-4f99b447 elementor-widget elementor-widget-image" data-id="4f99b447" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="797" height="641" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_login.webp" class="attachment-large size-large wp-image-816" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-4dbae7f0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="4dbae7f0" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Po zalogowaniu przechodzimy na zakładkę <strong>Cookie Menager</strong> i klikamy <strong>Scan now</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1d46e796 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="1d46e796" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="584" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_scan-1024x747.webp" class="attachment-large size-large wp-image-817" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-5f4189ce elementor-widget elementor-widget-image" data-id="5f4189ce" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="675" height="341" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_scan_now.webp" class="attachment-large size-large wp-image-818" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-62da6408 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="62da6408" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>Nasza strona zostanie ponownie przeskanowana</strong> w celu aktualizacji wykorzystywanych ciasteczek.<br />Może to potrwać kilka minut, a <strong>po zakończeniu otrzymamy potwierdzenie na maila</strong>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-3afe1740 elementor-widget elementor-widget-image" data-id="3afe1740" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="592" height="283" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_scan_ok.webp" class="attachment-large size-large wp-image-819" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-21e5115a elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="21e5115a" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-407a211c elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="407a211c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>Można też ustawić harmonogram skanowania strony</strong>, jednak do tego celu trzeba by wykupić <span style="text-decoration: underline;"><strong>plan premium</strong></span> na stronie CookieYes. Inaczej proces skanowania, należy wykonywać ręcznie, jak tylko zajdzie taka potrzeba.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1e7dde9 elementor-widget elementor-widget-image" data-id="1e7dde9" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="675" height="291" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_blog_cookieyes_plan.webp" class="attachment-large size-large wp-image-820" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-357d16b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="357d16b" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-82b6e18 elementor-widget elementor-widget-heading" data-id="82b6e18" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Optymalizacja zdjęć na stronę internetową</title>
		<link>https://www.zawbar.pl/tutoriale/optymalizacja-zdjec-na-strone-internetowa/</link>
		
		<dc:creator><![CDATA[Bartek]]></dc:creator>
		<pubDate>Sat, 17 Aug 2024 18:13:16 +0000</pubDate>
				<category><![CDATA[Projekty]]></category>
		<guid isPermaLink="false">https://www.zawbar.pl/?p=801</guid>

					<description><![CDATA[Optymalizacja zdjęć na stronę internetową inne tutoriale Optymalizacja zdjęć na stronę internetową jest podstawową rzeczą, aby strona wczytywała się szybko. Zdjęcia na stronę internetową nie muszą mieć po 4000px, wystarczy rozmiar rozdzielczości ekranu, a jest to najczęściej 1920x1080px. Jeżeli nie ma potrzeby wyświetlać zdjęcia w pełnej rozdzielczości (jak np. tło sekcji), można ograniczyć się np. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="801" class="elementor elementor-801">
				<div class="elementor-element elementor-element-cccd292 e-flex e-con-boxed e-con e-parent" data-id="cccd292" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b1a51de elementor-widget elementor-widget-heading" data-id="b1a51de" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Optymalizacja zdjęć na stronę internetową</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6ef4742 elementor-widget elementor-widget-heading" data-id="6ef4742" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ab63f1b e-flex e-con-boxed e-con e-parent" data-id="ab63f1b" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbd2dc1 elementor-widget elementor-widget-text-editor" data-id="bbd2dc1" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Optymalizacja zdjęć na stronę internetową jest podstawową rzeczą, aby strona wczytywała się szybko. Zdjęcia na stronę internetową nie muszą mieć po 4000px, wystarczy rozmiar rozdzielczości ekranu, a jest to najczęściej 1920x1080px. Jeżeli nie ma potrzeby wyświetlać zdjęcia w pełnej rozdzielczości (jak np. tło sekcji), można ograniczyć się np. do 1600px lub nawet 1200px &#8211; zdjęcie będzie nadal wyraźne i czytelne, zaś jego waga znacznie spadnie. W tym filmie pokazuję w jaki sposób można przyciąć zdjęcie oraz zmniejszyć jego rozmiar, wykorzystując dwa darmowe internetowe narzędzia.</p><ol><li>Kadrowanie</li><li>Zmniejszanie zdjęć</li><li>Optymalizacja</li></ol><p><br /><strong>STRONY WYKORZYSTANE W FILMIE</strong><br /><a href="https://anycrop.com/pl" target="_blank" rel="noopener">AnyCrop</a><br /><a href="https://bulkresizephotos.com/pl" target="_blank" rel="noopener">BulkResize</a> <br /><a href="https://shortpixel.com/online-image-compression" target="_blank" rel="noopener">ShortPixel</a></p>								</div>
				</div>
				<div class="elementor-element elementor-element-860aa5f elementor-widget__width-inherit elementor-widget elementor-widget-video" data-id="860aa5f" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;vimeo&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<iframe class="elementor-video-iframe" allowfullscreen allow="clipboard-write" title="vimeo Odtwarzacz filmu" src="https://player.vimeo.com/video/999901079?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t="></iframe>		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-89f81e6 elementor-widget elementor-widget-heading" data-id="89f81e6" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Podstawy edycji strony internetowej</title>
		<link>https://www.zawbar.pl/tutoriale/podstawy-edycji-strony-internetowej/</link>
		
		<dc:creator><![CDATA[Bartek]]></dc:creator>
		<pubDate>Sat, 17 Aug 2024 17:54:44 +0000</pubDate>
				<category><![CDATA[Projekty]]></category>
		<guid isPermaLink="false">https://www.zawbar.pl/?p=792</guid>

					<description><![CDATA[Podstawy edycji strony internetowej inne tutoriale Każda strona jest budowana indywidualnie, jednak posiadają wspólne możliwości edycji. W załączonym filmie ująłem podstawowe informacje, jakie są potrzebne do edycji strony, czy dodawania wpisów na blogu (jeżeli jest na stronie). Logowanie Dodawanie nowego użytkownika Zmiana menu głównego w nagłówku Edycja strony za pomocą Elementora Dodawanie wpisów na bloga [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="792" class="elementor elementor-792">
				<div class="elementor-element elementor-element-c5f1d06 e-flex e-con-boxed e-con e-parent" data-id="c5f1d06" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f14f93d elementor-widget elementor-widget-heading" data-id="f14f93d" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Podstawy edycji strony internetowej</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d0fd57c elementor-widget elementor-widget-heading" data-id="d0fd57c" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ab63f1b e-flex e-con-boxed e-con e-parent" data-id="ab63f1b" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbd2dc1 elementor-widget elementor-widget-text-editor" data-id="bbd2dc1" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Każda strona jest budowana indywidualnie, jednak posiadają wspólne możliwości edycji. W załączonym filmie ująłem podstawowe informacje, jakie są potrzebne do edycji strony, czy dodawania wpisów na blogu (jeżeli jest na stronie).</p><ol><li>Logowanie</li><li>Dodawanie nowego użytkownika</li><li>Zmiana menu głównego w nagłówku</li><li>Edycja strony za pomocą Elementora</li><li>Dodawanie wpisów na bloga</li><li>Umieszczanie plików na serwerze &#8211; takich np. pdf</li><li>Zmiana adresu mailowego w formularzu kontaktowym</li><li>Aktualizacja danych w stopce strony <em>(<a href="#edycja-stopki">pod filmem</a>)</em></li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-860aa5f elementor-widget__width-inherit elementor-widget elementor-widget-video" data-id="860aa5f" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;vimeo&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<iframe class="elementor-video-iframe" allowfullscreen allow="clipboard-write" title="vimeo Odtwarzacz filmu" src="https://player.vimeo.com/video/999896515?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t="></iframe>		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-ded611d e-con-full e-flex e-con e-child" data-id="ded611d" data-element_type="container" id="edycja-stopki">
				<div class="elementor-element elementor-element-3cef812 elementor-widget elementor-widget-heading" data-id="3cef812" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Edycja danych stopki strony</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-76839ee elementor-widget elementor-widget-text-editor" data-id="76839ee" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Stopka jest zbudowana również za pomocą Elementora, jednak aby dodać ją na stronę, najczęściej wykorzystany jest Shortcode. <br />W celu edycji &#8222;strony stopki&#8221; należy:</p><ol><li>wejść po lewej stronie menu w <strong>AE Templates</strong></li><li>następnie wybrać <strong>All AE Templates</strong></li><li>przy pozycji &#8222;Stopka&#8221; najeżdżając myszką kliknąć <span style="text-decoration: underline;">Edytuj w Elementorze</span></li></ol><p><br />Dalsze zmiany odbywają się w ten sam sposób co zmiany na stronie za pomocą Elementora pokazane w filmie instruktarzowym.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-336d295 elementor-widget elementor-widget-image" data-id="336d295" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="183" src="https://www.zawbar.pl/wp-content/uploads/2024/08/img_edycja_stopki.jpg" class="attachment-large size-large wp-image-883" alt="" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-89f81e6 elementor-widget elementor-widget-heading" data-id="89f81e6" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default"><a href="/tutoriale">inne tutoriale</a></h4>				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
