如果正文中包含 iframe 代碼的文章(例如 Youtube)使用 WPtouch 顯示失真怎麼辦


【圖片來自標記。朝聖

日前,WPTouch涉足顯示領域更新聽說發布了,所以決定推遲了,因為再修改主題會很麻煩。更新我們決定實施它!

備份雖然我能夠在一個小時內恢復設計,但由於我之前遇到問題的 iframe 導致顯示損壞的錯誤又回來了。

我被 Twitter 過去的日誌救了,並能夠修復它,但為了未來如果正文中包含 iframe 代碼的文章(例如 Youtube)使用 WPtouch 顯示失真怎麼辦記下它!

rzldn.com 的手機主題出了什麼問題?

下面的屏幕截圖解釋了當文章中包含 iframe 時顯示中斷的情況。

世界上最離奇的比賽!原來英國有一項神秘的運動叫“踢小腿”!除了特色圖像之外,文章還在文本中嵌入了 YouTube 視頻,但如下所示,特色圖像以其原始大小顯示。

此外,位於文章標題下方的 Hatena 書籤按鈕不會顯示。

我以前也遇到過同樣的問題,但是當時一個朋友查看了源代碼並告訴我以下內容!你應該有一個朋友...

@哥裡星球core.js:121 解包(刪除目標父元素)YouTube 等的 iframe,但由於江南 Style iframe 直接位於 div#singlentry 下,因此此時 div#singlentry 被刪除。

— 大崎正太郎 (@sfc)2012年11月11日

換句話說,通過刪除“wptouch/themes/core/core.js”第 121 行“$wpt( this )”之後寫入的“.wrap()”來解決這意味著它將完成!刪除後,應該是這樣的:

	$wpt( allVideos ).each( function(){ 
		$wpt( this ).addClass( 'wptouch-videos' ).parentsUntil( '.content', 'div:not(.fluid-width-video-wrapper), span' ).removeAttr( 'width' ).removeAttr( 'height' ).removeAttr( 'style' );
	});

現在,當您清除緩存並重新加載圖像時,損壞的圖像將像以前一樣顯示!

Hatebutton 按鈕現在已正確加載。

發生這種情況可能是因為我正在修改現有主題,但如果有人面臨類似的問題,請嘗試一下!

WordPress實現1秒加載速度採取的5個措施 |哥裡我大幅提升頁面加載速度!如何結合CloudFlare和W3 Total Cache來加速 |哥裡我免費的CDN服務器“CloudFlare”是必備的,因為它極大地提高了顯示速度! ! |哥裡我