wordpress中特色縮圖和影象大小的完整指南

以下是您需要了解的有關WordPress中影象大小和管理特色影象的所有資訊。...

一張照片勝過千言萬語——除非它的尺寸調整得不恰當,否則會有點尷尬。WordPress包含強大的工具來調整圖片和縮略圖的大小,但是你需要知道如何處理它們。

wordpress-featured-image

請繼續閱讀有關WordPress中圖像大小和管理特色圖像的所有信息。

在wordpress文件中編輯php

本文包含WordPress的PHP代碼。在嘗試對主題進行任何修改之前,您可能需要閱讀我們的免費PHP速成課程。

如果你不想打開你的主題文件,或者不想打開,因為它們會在以後的主題更新中丟失,你可以使用mycustomfuncti***插件來添加代碼塊。

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

wordpress圖像大小基礎

wordpress media settings screen

在WordPress管理儀表板中,您可能已經瞭解了設置>媒體。

這是WordPress所稱的三種默認圖像大小:縮略圖、中等和大。縮略圖大小有一個特殊設置,可以按此處指定的確切尺寸進行裁剪。這不必是1:1的比例維度——你可以隨意設置。

啟用裁剪時,圖像將縮放並居中,然後任何不適合的內容都將被丟棄。

“中”和“大”設置的工作方式略有不同,因為您將為“寬度”和“高度”指定最大尺寸,並且圖像將相應地縮小。如果圖像太小,將無法創建這些圖像大小。

上載新圖像時,將保存原始圖像並可將其完全**到文章中,其他已註冊的圖像大小將自動創建。

在wordpress中添加自定義圖像大小

WordPress中默認定義的三種大小可能不夠,這就是為什麼允許主題和插件添加自己的自定義大小。如果你願意編輯你的主題文件,你也可以這樣做。

打開主題目錄並查找函數.php文件。添加以下代碼,每個要定義的圖像大小對應一個代碼:

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

每個新的圖像大小都需要一個名稱、寬度和高度尺寸,以及是否應將圖像裁剪為該大小(true或false)。對於主題或小部件的結構部分,您通常希望進行裁剪,以使其不會破壞佈局。

您可能會嘗試創建許多自定義圖像大小,但您應該謹慎地這樣做。您定義的每個圖像大小將為您上傳的每個圖像生成,即使您只打算將其與特色圖像一起提供給我們。

因此,如果您有七個自定義圖像大小,加上三個默認大小,那麼您上傳的每個圖像都將產生10個小副本。如果你考慮到一篇文章中可能嵌入了10個圖像,那麼僅為那篇文章就創建了100個文件。

您不能創建自定義圖像大小並指定它只能用於您的特色圖像。

此外,即使您不再使用特定的自定義大小並刪除了代碼(或更改了主題),舊圖像也將永遠保留在服務器上。WordPress不會為您刪除未使用的圖像。在一個像MakeUseOf這樣老的或大的站點上,這意味著存儲不再使用的圖像會浪費幾百GB的空間。

對於較小的站點,Media Cleaner插件可能會有所幫助,但一定要先運行完整備份。

https://wordpress.org/plugins/media cleaner/#說明

用於發佈內容的自定義圖像大小

默認情況下,將圖像**文章時,自定義圖像大小不會顯示在下拉框中。唯一能看到的是縮略圖、中、大和全尺寸(取決於原始圖像的大小,因為它不會被放大)。

insert-image

如果您希望您的自定義大小也在列表中,我們需要更多的代碼。再次,添加到您的函數.php文件:

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' );

這通過過濾媒體選取器列表來實現。我們將原始大小列表數組與我們還希望列出的任**大小合併。將“my thumbnail”和“my thumbnail Size”更改為您的自定義大小,以及您希望列出的可讀友好名稱。

wordpress特色圖片選項

特色圖像是與帖子相關聯的單個圖像,但不一定**到帖子內容中。它們經常被標題、頭版或側邊欄中的主題使用。但是,在圖像大小方面,它們與普通圖像沒有任何區別。

對於您定義的每個大小,上載的任何圖像都將被複制並調整大小,包括特色圖像。

如果在編輯後的屏幕上看不到設置特色圖像的選項,則主題可能不支持該功能。您可以通過在主題的函數.php但我強烈建議找一個新的主題。

缺少對像特色圖片這樣基本的東西的支持,可能意味著其他地方的代碼已經過時了。

add_theme_support('post-thumbnails');

要在自己的主題或插件中使用特色圖像,請使用\u post \u thumbnail()函數輸出圖像標籤:

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

該函數有兩個參數:您要查找的命名大小(在本例中為“MyThumbnail”),以及您要傳入的任何屬性,如自定義CSS類。

如果您也希望只獲取特色圖像的實際URL而不是所需的HTML,請嘗試以下方法(在本例中獲取中等大小的圖像):

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');echo $thumbnail[0];

重新生成wordpress縮略圖圖像

無論何時更改默認圖像尺寸或創建自定義圖像尺寸,它都只適用於新上載。所有現有圖像都保留在原始維度中。

如果你想調整以前上傳的圖片大小,你需要一個插件。AJAX縮略圖重建允許您選擇要重新生成的大小,並將緩慢地處理歸檔文件。

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

不過,您應該瞭解一些限制和陷阱。

雖然特色圖片可以自動調整大小,但沒有插件可以重寫帖子內容。例如,如果將圖像以較大的大小(當時可能是500px)添加到文章中,則更改“大”的定義不會更改文章中的圖像大小。它將保持在500px,除非你編輯文章並以新的大小重新**相同的圖像。

thumbnail-rebuild

如前所述,如果你有很多圖像大小,你會產生很多圖像。謝天謝地,縮略圖重建允許您將此限制為僅具有特徵的圖像。不過,請記住,這隻適用於您以前的圖像。所有未來的圖片上傳都將由WordPress管理,這意味著所有的圖片大小都將被創建。

現在是學習JPG和PNG之間的區別的好時機,這樣您就知道將來如何使用最佳格式。

把你的wordpress網站提升到一個新的水平

想調整你的WordPress主題嗎?您的主題對圖像、顏色和元素位置的使用主要由CSS和HTML定義,因此我們建議您查看這些分步教程來學習CSS和HTML。

如果你對主題感興趣的話,看看這些很酷的WordPress主題。

你的WordPress網站經常崩潰嗎?你付的太多了嗎?切換到一個著名的主機服務,如InMotion主機(特別MakeUseOf折扣與此鏈接)或Bluehost(特別MakeUseOf折扣與此鏈接)。

  • 發表於 2021-03-21 19:06
  • 閱讀 ( 57 )
  • 分類:程式設計

你可能感興趣的文章

今天就大膽地開始你自己的youtube頻道吧

... youtube縮圖-我如何獲得116k訂閱和11000000+瀏覽量 ...

  • 發佈於 2021-03-12 15:33
  • 閲讀 ( 49 )

採取以下8個步驟讓你的第一個網路漫畫

... 釋出--簡單的PDF?你的部落格上有以漫畫為中心的WordPress外掛嗎?或許它將作為智慧**應用程式釋出?在你開始寫作之前,對這個問題做一些初步的研究是個好主意。 ...

  • 發佈於 2021-03-13 09:03
  • 閲讀 ( 48 )

11 css模板網站:不要從頭開始!

... 與您將遇到的大多數其他型別的模板不同(無論是Wordpress、Excel還是InDesign模板),CSS模板確實需要一定的技術知識。 ...

  • 發佈於 2021-03-15 11:20
  • 閲讀 ( 55 )

將照片匯入到燈光室的完整指南

... 現在您將看到Lightroom幾乎可以匯入的所有照片和影片的縮圖。檢查這些並確保選中了所有要匯入的照片。完成後,檢視視窗頂部,您將看到四個不同的選項:Copy as DNG、Copy、Move和Add。 ...

  • 發佈於 2021-03-17 15:54
  • 閲讀 ( 52 )

如何為您喜愛的影片製作youtube播放列表

... 播放列表的縮圖。 它的隱私狀態。 播放列表中有多少影片。 更新播放列表時。 誰建立了播放列表。 ...

  • 發佈於 2021-03-19 09:00
  • 閲讀 ( 57 )

如何在raspberry pi上託管wordpress站點

如果你想要最輕鬆的WordPress體驗,像WP引擎這樣的託管WordPress主機可以處理所有的設定和支援,這樣你就可以專注於你的內容。這是我們用來經營自己的姐妹網站的。 ...

  • 發佈於 2021-03-21 11:33
  • 閲讀 ( 44 )

用wordpress建立你的部落格:終極指南

WordPress是世界上最強大的部落格平臺;網際網路上幾乎每三個站點中就有一個由WordPress提供支援。WordPress將站點內容與驅動站點的後端程式碼分開。這意味著您可以執行一個功能齊全的網站,而無需任何網路程式設計經驗。 ...

  • 發佈於 2021-03-21 12:15
  • 閲讀 ( 46 )

如何使用canva為你的部落格建立很棒的圖片

當一篇部落格文章在社交媒體上被分享時,其中的特色圖片就會被嵌入其中。因此,一個引人注目的形象是很重要的。然而,設計部落格圖片有一種微妙的藝術。 ...

  • 發佈於 2021-03-21 13:50
  • 閲讀 ( 55 )

什麼是谷歌放大器?它的工作原理以及為什麼對移動網站有用

... 例如,WordPress中的外掛將透過提供網站的簡化版本來服務於AMP。這些WordPress-to-AMP轉換器提供很少的視覺吸引力,也是許多AMP站點看起來相似的主要原因之一。 ...

  • 發佈於 2021-03-22 13:41
  • 閲讀 ( 50 )

2018年facebook圖片大小指南

...控制源媒體(比如你的個人部落格),你可以設計你的“特色”圖片,使其符合1.9:1的比例,大小約為1200 x 629畫素,以獲得最佳效果。 ...

  • 發佈於 2021-03-23 07:58
  • 閲讀 ( 44 )