{"id":27476,"date":"2021-05-09T16:24:00","date_gmt":"2021-05-09T13:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27476"},"modified":"2021-10-18T03:48:38","modified_gmt":"2021-10-18T00:48:38","slug":"jak-zarejestrowac-niestandardowe-rozmiary-obrazow-i-zmienic-rozmiar-istniejacych-obrazow-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-zarejestrowac-niestandardowe-rozmiary-obrazow-i-zmienic-rozmiar-istniejacych-obrazow-w-wordpress\/","title":{"rendered":"Jak zarejestrowa\u0107 niestandardowe rozmiary obraz\u00f3w i zmieni\u0107 rozmiar istniej\u0105cych obraz\u00f3w w WordPress?"},"content":{"rendered":"<p>WordPress ma wbudowan\u0105 miniatur\u0119 wpisu funkcji, czyli polecany obraz. Za ka\u017cdym razem, gdy nowy obraz zostanie przes\u0142any do WordPress za pomoc\u0105 programu do przesy\u0142ania multimedi\u00f3w, tworzone s\u0105 3 rodzaje obraz\u00f3w o r\u00f3\u017cnych rozmiarach.<\/p>\n<p>Administrator mo\u017ce zarejestrowa\u0107 3 rozmiary obraz\u00f3w ze strony <strong>Ustawienia-&gt;Media<\/strong>.<\/p>\n<h3>Domy\u015blny rozmiar miniatury<\/h3>\n<p>Jak wida\u0107 na zrzucie ekranu, zarejestrowano rozmiar miniatury, \u015bredni rozmiar i du\u017cy rozmiar. Kiedy wgrywamy nowy obraz, proporcjonalnie tworzone s\u0105 3 obrazy o wy\u017cej okre\u015blonych wymiarach. Je\u015bli wybierzemy opcj\u0119 \u201ePrzytnij miniatur\u0119 do dok\u0142adnych wymiar\u00f3w (zwykle miniatury s\u0105 proporcjonalne)&quot; pod \u201eRozmiar miniatury&#8221;, to obraz zostanie mocno przyci\u0119ty do okre\u015blonego rozmiaru.<\/p>\n<p>Chodzi o domy\u015blne 3 rozmiary obrazu, kt\u00f3re WordPress pozwala nam z ustawie\u0144 medi\u00f3w. Co je\u015bli musimy zarejestrowa\u0107 jeszcze jeden rozmiar dla przes\u0142anego obrazu? W niekt\u00f3rych przypadkach musimy wy\u015bwietli\u0107 obrazy o dok\u0142adnej szeroko\u015bci i wysoko\u015bci.<\/p>\n<p>C\u00f3\u017c, mo\u017cemy to zrobi\u0107 za pomoc\u0105 kilku linijek kodu.<\/p>\n<h3>Zarejestruj nowy rozmiar obrazu dla miniatur<\/h3>\n<p>WordPress udost\u0119pnia funkcj\u0119, <code>add_image_size()<\/code>kt\u00f3ra pomaga zarejestrowa\u0107 nowy rozmiar post_thumbnail.<\/p>\n<p>Aby skorzysta\u0107 z tej metody, powinni\u015bmy doda\u0107 obs\u0142ug\u0119 miniatur post\u00f3w. Umie\u015b\u0107 poni\u017cszy kod w <code>functions.php<\/code>pliku.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<p><code>add_image_size()<\/code> metoda ma 4 parametry takie jak: add_image_size(&#8217;nazwa-rozmiaru&#8217;, szeroko\u015b\u0107, wysoko\u015b\u0107, tryb przycinania );<\/p>\n<p>Je\u015bli przeka\u017cemy czwarty parametr jako prawdziwy, obraz b\u0119dzie twardym przyci\u0119ciem. Je\u015bli wpiszemy fa\u0142sz to obraz zostanie przyci\u0119ty proporcjonalnie.<\/p>\n<p>Przyk\u0142adowy kod wygl\u0105da nast\u0119puj\u0105co.<\/p>\n<pre><code>add_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Upewnij si\u0119, \u017ce w powy\u017cszej funkcji nie u\u017cywasz nazw zarezerwowanych. Zarezerwowane nazwy to \u201ekciuk&#8221;, \u201eminiaturka&#8221;, \u201e\u015brednia&#8221;, \u201edu\u017ca&#8221;, \u201epo miniaturce&#8221;.<\/p>\n<p>Wi\u0119c nasz ostateczny kod wygl\u0105da nast\u0119puj\u0105co.<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\n<p>Po dodaniu powy\u017cszego kodu do pliku functions.php, ka\u017cdy nowy obraz przes\u0142any przez narz\u0119dzie do przesy\u0142ania multimedi\u00f3w utworzy dodatkowe 2 miniatury o powy\u017cszych rozmiarach.<\/p>\n<h3>Jak tego u\u017cy\u0107?<\/h3>\n<p>Dodali\u015bmy kod dla dodatkowych rozmiar\u00f3w obraz\u00f3w. Teraz, aby wy\u015bwietli\u0107 te obrazy, mo\u017cesz u\u017cy\u0107 poni\u017cszego kodu.<\/p>\n<pre><code>&lt;?php the_post_thumbnail( 'your-specified-image-size-name' ); ?&gt;<\/code><\/pre>\n<p>Powy\u017cszy kod powinien u\u017cywa\u0107 wewn\u0105trz p\u0119tli post. Je\u015bli chcesz go u\u017cy\u0107 poza p\u0119tl\u0105, kod b\u0119dzie wygl\u0105da\u0142 nast\u0119puj\u0105co:<\/p>\n<pre><code>&lt;?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?&gt;<\/code><\/pre>\n<h3>Dlaczego warto u\u017cywa\u0107 Regeneruj miniatury?<\/h3>\n<p><code>add_image_size()<\/code>funkcja rejestruje nowe rozmiary miniatur dla nowych obraz\u00f3w, a nie dla starych obraz\u00f3w, kt\u00f3re zosta\u0142y ju\u017c za\u0142adowane do systemu. Aby przekonwertowa\u0107 stare obrazy, zainstaluj wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Regenerate Thumbnails<\/a> i aktywuj j\u0105.<\/p>\n<p>Po aktywacji wtyczki przejd\u017a do <strong>Narz\u0119dzia-&gt;Regen. Miniatury<\/strong>. Kliknij przycisk Regeneruj wszystkie miniatury.<\/p>\n<p>Mo\u017cesz tak\u017ce zregenerowa\u0107 miniatur\u0119 dla okre\u015blonego obrazu. Poni\u017cej znajduj\u0105 si\u0119 kroki do tego.<\/p>\n<ul>\n<li>Przejd\u017a do strony Media.<\/li>\n<li>Wybierz uk\u0142ad siatki tabeli.<\/li>\n<li>Sprawd\u017a obraz, kt\u00f3ry chcesz zregenerowa\u0107 miniatury.<\/li>\n<li>Wybierz z menu opcj\u0119 \u201eRegeneruj miniatury&#8221;.<\/li>\n<li>Naci\u015bnij przycisk Zastosuj.<\/li>\n<\/ul>\n<p>Mamy nadziej\u0119, \u017ce rozumiesz, jak rejestrowa\u0107 niestandardowe rozmiary obraz\u00f3w i zmienia\u0107 rozmiar istniej\u0105cych obraz\u00f3w. Je\u015bli masz jakie\u015b pytania lub sugestie, zostaw komentarz poni\u017cej.<\/p>\n<h4>Powi\u0105zane artyku\u0142y<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/jak-programowo-ustawic-wyrozniony-obraz-w-wordpress\/\" title=\"Jak programowo ustawi\u0107 wyr\u00f3\u017cniony obraz w WordPress\">Jak programowo ustawi\u0107 wyr\u00f3\u017cniony obraz w WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/zmien-rozmiar-obrazu-w-php-za-pomoca-tinypng\/\" title=\"Zmie\u0144 rozmiar obrazu w PHP za pomoc\u0105 TinyPNG\">Zmie\u0144 rozmiar obrazu w PHP za pomoc\u0105 TinyPNG<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/przeslij-obraz-za-pomoca-bulletproof-library-w-php\/\" title=\"Prze\u015blij obraz za pomoc\u0105 kuloodpornej biblioteki w PHP\">Prze\u015blij obraz za pomoc\u0105 kuloodpornej biblioteki w PHP<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mo\u017cemy zarejestrowa\u0107 niestandardowy rozmiar obrazu w WordPress. Funkcja add_image_size() u\u017cywana do rejestrowania miniatury posta w celu uzyskania dodatkowego rozmiaru.<\/p>\n","protected":false},"author":1,"featured_media":20673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[501,612],"tags":[847],"class_list":["post-27476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-uncategorized-8","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/27476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=27476"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/27476\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/20673"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=27476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=27476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=27476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}