Ang Kumpletong Gabay sa Itinatampok na Mga Thumbnail at Mga Laki ng Larawan sa WordPress

Ang Kumpletong Gabay sa Itinatampok na Mga Thumbnail at Mga Laki ng Larawan sa WordPress

Ang isang larawan ay nagkakahalaga ng isang libong mga salita --- maliban kung ito ay na-resize nang hindi naaangkop, sa kasong ito ay medyo nakakahiya. Naglalaman ang WordPress ng mga makapangyarihang tool para sa pagbabago ng laki ng mga imahe at mga thumbnail, ngunit kailangan mong malaman kung paano haharapin ang mga ito.





Basahin ang para sa lahat ng kailangan mong malaman tungkol sa mga laki ng imahe sa WordPress at pamamahala ng mga tampok na imahe.





Ang pag-edit ng PHP sa WordPress Files

Naglalaman ang post na ito ng PHP code para sa WordPress. Maaari mong basahin ang aming libreng kurso sa pag-crash ng PHP bago subukan ang anumang mga pagbabago sa iyong tema.





Kung hindi ka komportable na buksan ang iyong mga file ng tema, o ayaw dahil mawawala ang mga ito sa mga pag-update sa tema sa hinaharap, maaari mong gamitin ang Aking Mga Pasadyang Pag-andar plugin upang magdagdag ng mga bloke ng code sa halip.

https://en-gb.wordpress.org/plugins/my-custom-function/



Mga Pangunahing Kaalaman sa Laki ng Imahe ng WordPress

Sa dashboard ng admin ng WordPress, malamang na alam mo na ang tungkol sa Mga setting > Kalahati

chrome pagkuha ng masyadong maraming memorya

Ito ang tatlong mga default na laki ng imahe, na tinatawag ng WordPress: thumbnail , daluyan , at malaki . Ang laki ng thumbnail ay may isang espesyal na setting upang ma-crop sa eksaktong sukat na iyong tinukoy dito. Hindi ito kailangang maging isang 1: 1 sukat ng ratio --- maaari mo itong itakda subalit nais mo.





Kapag pinagana ang pag-crop, ang mga imahe ay mai-scale at nakasentro, pagkatapos ang anumang hindi akma ay itatapon.

Ang daluyan at malalaking setting ay gumagana nang bahagyang naiiba, na tutukuyin mo maximum mga sukat para sa parehong lapad at taas, at ang mga imahe ay mai-scale pababa nang naaayon. Kung ang imahe ay masyadong maliit, ang mga laki ng imahe ay hindi malilikha.





Kapag nag-upload ka ng isang bagong imahe, ang orihinal ay nai-save at magagamit upang ipasok sa isang post sa buong sukat, at ang iba pang mga nakarehistrong laki ng imahe ay awtomatikong nilikha.

Pagdaragdag ng Mga Custom na Laki ng Larawan sa WordPress

Ang tatlong laki na tinukoy bilang default sa loob ng WordPress ay maaaring hindi sapat, kaya't pinapayagan ang mga tema at plugin na magdagdag ng kanilang sariling mga pasadyang laki. Kung komportable ka sa pag-edit ng iyong mga file ng tema, magagawa mo rin ito.

Buksan ang direktoryo ng tema at hanapin ang pagpapaandar.php file Idagdag ang sumusunod na code, isa para sa bawat laki ng imahe na nais mong tukuyin:

add_image_size( 'my-thumbnail', 400, 200, true);

Ang bawat bagong laki ng imahe ay nangangailangan ng isang sukat ng pangalan, lapad at taas, at kung ang mga imahe ay dapat na i-crop sa eksaktong sukat na ito ( totoo o hindi totoo ). Para sa mga bahagi ng istruktura ng isang tema o widget, sa pangkalahatan ay nais mong i-crop upang hindi nito masira ang layout.

Maaaring matukso kang lumikha ng maraming pasadyang laki ng imahe, ngunit dapat mo itong gawin nang matipid. Ang bawat laki ng imahe na tinukoy mo ay mabubuo para sa bawat solong imaheng na-upload mo, kahit na inilaan mo lang ito para sa amin ng itinatampok na imahe.

Kaya't kung mayroon kang pitong mga pasadyang laki ng imahe, kasama ang tatlong mga default, ang bawat ima-upload mong imahe ay magbubuo ng 10 maliit na mga kopya mismo. Kung isaalang-alang mo na ang isang solong post ay maaaring may 10 mga imahe na naka-embed dito, iyon ang 100 mga file na nilikha para lamang sa post na iyon nang nag-iisa.

Hindi ka maaaring lumikha ng isang pasadyang laki ng imahe at tukuyin na dapat lamang itong gamitin para sa iyong itinatampok na mga imahe.

Gayundin, kahit na hindi ka na gumagamit ng isang tiyak na laki ng pasadya at tinanggal ang code na iyon (o binago ang mga tema), ang mga lumang imahe ay mananatili sa server magpakailanman. Hindi tatanggalin ng WordPress ang mga hindi nagamit na larawan para sa iyo. Sa isang site na kasing edad o kasing laki ng MakeUseOf, nangangahulugan ito na ilang daang gigabyte ang nasayang na pag-iimbak ng mga imahe na hindi na ginagamit.

Para sa mas maliit na mga site, ang Mas Malinis na Media maaaring makatulong ang plugin, ngunit palaging magpatakbo ng isang buong backup muna.

https://wordpress.org/plugins/media-cleaner/#description

Pasadyang Mga Laki ng Larawan para sa Paggamit sa Nilalaman ng Pag-post

Bilang default, ang mga pasadyang laki ng imahe ay hindi lilitaw sa drop-down na kahon kapag naglalagay ng isang imahe sa isang post. Ang tanging bagay na makikita mo doon ay Thumbnail, Medium, Malaki, at Buong Laki (depende sa laki ng orihinal na imahe, dahil hindi ito mapataas).

Kung nais mong ang iyong pasadyang laki ay nasa listahan din, kakailanganin namin ng kaunti pang code. Muli, idagdag sa iyong pagpapaandar.php file:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Gumagana ito sa pamamagitan ng pagsala sa listahan ng tagapili ng media. Pinagsasama namin ang orihinal na hanay ng listahan ng laki sa anumang mga bagong sukat na nais din naming nakalista. Baguhin ang 'my-thumbnail' at 'Aking Laki ng Thumbnail' sa iyong pasadyang laki, at ang nababasa ng tao na madaling kapitan ng pangalan na gusto mong nakalista bilang.

Ang mga tampok na imahe ay isang solong imahe na nauugnay sa isang post, ngunit hindi kinakailangang naipasok sa nilalaman ng post. Kadalasan ginagamit sila ng mga tema sa header, sa harap na pahina, o sa sidebar. Gayunpaman, sa mga tuntunin ng sukat ng imahe, hindi ginagamot ang anumang ito sa normal na mga imahe.

Para sa bawat laki na iyong natukoy, ang anumang imaheng na-upload ay madoble at baguhin ang laki, kabilang ang tampok na imahe.

kung paano makita kung sino ang tumingin nang libre sa iyong profile na naka-link

Kung hindi mo makita ang pagpipilian upang Itakda ang itinampok na imahe sa iyong pag-edit ng screen, posible na hindi sinusuportahan ng iyong tema ang tampok. Maaari mong pilitin ang suporta sa pamamagitan ng pagdaragdag ng sumusunod na linya sa iyong mga tema pagpapaandar.php file, ngunit masidhi kong iminumungkahi na maghanap ng isang bagong tema sa halip.

Ang kakulangan ng suporta para sa isang bagay na pangunahing bilang itinampok na mga imahe ay nagpapahiwatig ng hindi napapanahong code sa ibang lugar.

add_theme_support('post-thumbnails');

Upang magamit ang itinampok na imahe sa iyong sariling tema o mga plugin, gamitin the_post_thumbnail () pagpapaandar upang ma-output ang imahe ng tag:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Ang pag-andar ay tumatagal ng 2 mga parameter: ang pinangalanang laki na hinahanap mo (sa kasong ito 'my-thumbnail'), at anumang mga katangian na nais mong ipasa, tulad ng isang pasadyang klase ng CSS.

Kung mas gugustuhin mong makuha lamang ang aktwal na URL ng itinatampok na imahe kaysa sa kinakailangang HTML din, subukan ito sa halip (pagkuha ng katamtamang laki ng imahe sa halimbawang ito):

kung paano i-access ang mga clipboard windows 7
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerating ang Mga Larawan ng Thumbnail ng WordPress

Anumang oras na binago mo ang iyong mga default na sukat ng imahe o lumikha ng isang pasadyang laki ng imahe, malalapat lamang ito sa bago nag-upload Ang lahat ng iyong mayroon nang mga imahe ay mananatili sa mga orihinal na sukat.

Kung nais mong baguhin ang laki sa dati nang nai-upload na mga imahe, kakailanganin mo ng isang plugin. AJAX Thumbnail Muling Bumuo hinahayaan kang pumili ng aling mga laki upang muling makabuo, at dahan-dahang gagana sa iyong archive.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Mayroong ilang mga limitasyon at mga bitag na dapat mong malaman tungkol dito.

Habang ang tampok na mga imahe ay maaaring awtomatikong baguhin ang laki, walang plugin na maaaring muling magsulat ng nilalaman ng post. Halimbawa, kung nagdagdag ka ng isang imahe sa isang post sa malaki laki (na maaaring 500px sa oras), binabago ang kahulugan ng malaki hindi babaguhin ang laki ng imahe sa post. Mananatili ito sa 500px maliban kung ie-edit mo ang post at muling ipasok ang parehong imahe sa bagong laki.

Tulad ng nabanggit, kung mayroon kang maraming mga laki ng imahe, makakagawa ka ng maraming mga imahe. Sa kabutihang palad, hinahayaan ka ng Thumbnail Rebuild na limitahan ito sa itinampok lamang ang mga imahe . Ngunit muli, tandaan na nalalapat lamang ito sa iyong nakaraang imahe. Ang lahat ng mga pag-upload ng imahe sa hinaharap ay pamahalaan ng WordPress, nangangahulugang ang lahat ng mga laki ng imahe ay malilikha para sa lahat.

Ngayon ay magiging isang mahusay na oras upang malaman din ang pagkakaiba sa pagitan ng JPG at PNG upang malaman mo na gamitin ang pinakamainam na format sa hinaharap.

Dalhin ang Iyong WordPress Site sa Susunod na Antas

Nais mong i-tweak ang iyong tema sa WordPress? Ang paggamit ng iyong tema ng mga imahe, kulay, at pagpoposisyon ng mga elemento ay pangunahing tinukoy ng CSS at HTML, kaya inirerekumenda naming suriin ang mga sunud-sunod na mga tutorial upang malaman ang CSS at HTML.

At kung interesado ka sa mga tema, tingnan ang mga cool na tema ng WordPress para sa isang portfolio ng litrato.

Ang iyong WordPress site ba ay madalas na nag-crash? Nagbabayad ka ba ng sobra? Lumipat sa isang kilalang serbisyo sa pagho-host tulad ng InMotion Hosting (espesyal na diskwento sa MakeUseOf na may ang link na ito ) o Bluehost (espesyal na diskwento sa MakeUseOf na may ang link na ito ).

Magbahagi Magbahagi Mag-tweet Email Narito Bakit Naglabas ang FBI ng Babala para sa Hive Ransomware

Nag-isyu ang FBI ng isang babala tungkol sa isang partikular na hindi magandang pagsasama ng ransomware. Narito kung bakit kailangan mong maging maingat lalo na sa Hive ransomware.

Basahin Susunod
Mga Kaugnay na Paksa
  • Programming
  • Wordpress
Tungkol sa May-akda James Bruce(707 Mga Artikulo Nai-publish)

Si James ay mayroong BSc sa Artipisyal na Katalinuhan at sertipikado sa CompTIA A + at Network +. Kapag hindi siya abala bilang Hardware Review Editor, nasisiyahan siya sa LEGO, VR, at mga board game. Bago sumali sa MakeUseOf, siya ay isang technician sa pag-iilaw, guro ng Ingles, at inhinyero ng data center.

Higit pa Mula kay James Bruce

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe