
內容簡介
本外掛程式被改良以避免在每次載入頁面時載入 VKontakte 社群小工具的 JavaScript 和 iframe。實際上,JavaScript 和 iframe 會增加頁面載入時間,對網站的表現往往會造成傷害。當代碼所提供的功能不是必要的時,不是每個人都喜歡在自己的網站上增加額外的程式碼。
此外掛程式受到類似的 WordPress 外掛程式 的啟發,並針對 VKontakte 社群小工具進行了改良。
您可以在我的網站上查看有關本外掛程式的教程、更新和新聞- Natural Web Design。
***請注意,此外掛程式目前處於 BETA 測試階段***
功能:
減少包含您的 VK.com 社群小工具程式碼的頁面的頁面載入時間
VK 快取 WordPress 小工具 (預設寬度為 240px)
手動快取更新
關於此外掛程式的一些注意事項:
該外掛程式要求您的伺服器安裝和啟用 PHP5 和 cURL。
您可以在這裡查看外掛程式的前端演示。
還有待完成的功能:
縮短代碼以插入到頁面中的簡易碼
CSS 指南
如果您選擇禁用內嵌 CSS,您可以將以下程式碼貼到您的主題 style.css 檔案中,它將為您提供預設外觀。
.widget_vkcache .community_div {
margin:10px auto;
width:240px;
}
.widget_vkcache .community_div_head {
border-bottom:1px solid #D8DFEA;
padding-bottom:5px;
}
.widget_vkcache .connections .total {
font-size:12px;
padding: 5px 0 0;
}
.widget_vkcache .connections .grid a {
float:none;
text-align:center;
text-decoration:none;
}
.widget_vkcache .connections .grid a img {
margin:0;
border: 0;
}
.widget_vkcache .connections .grid a span {
color:#808080;
font-size:10px;
}
.widget_vkcache .img_Link {
float:left;
padding-right:5px;
}
.widget_vkcache .VKuser {
padding: 3px 0;
width: 73px;
float:left;
text-align: center;
}
.widget_vkcache .VKuser-pic {
height: 47px;
clear: both;
overflow: hidden;
padding-bottom: 3px;
}
.widget_vkcache .img_Link img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget_vkcache .VKusername {
font-size: 0.9em;
text-align: center;
}
.widget_vkcache .connect_button.VKstyle {
display: block;
clear: both;
padding: 5px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
外掛標籤
開發者團隊
② 後台搜尋「VKontakte (VK.com) Community Widget Cache」→ 直接安裝(推薦)
原文外掛簡介
This plugin was adapted to avoid loading VKontakte Community Widget JavaScripts and images in an iframe every time a page is loaded. It is a fact, that the JavaScripts and iframes increase page loading times and are often harmful for websites’ performance. Not everyone likes to have extra weight code on his/her website. Especially when functionality that is brought by the code is not essential.
This plugin is inspired by a similiar WordPress plugin and adapted for VKontakte Community Widget.
You can check post on my website – Natural Web Design, for tutorial, updates, and news.
*** Please note, that Plugin is in BETA testing phase ***
Features:
Decrease page load time on pages that contain your VK.com Community Widget code
VK Cache WordPress Widget (Default 240px wide)
Manual Cache Refresh
A few notes about this plugin:
The plugin requires PHP5 and cURL to be installed and enabled on your server.
You can see a working demo of the Plugin on frontend here.
Still to be done:
Shortcode for inserting into a page
CSS Guide
If you opt to disable inline CSS, you can paste this into your themes style.css file, and it will give you the default look.
.widget_vkcache .community_div {
margin:10px auto;
width:240px;
}
.widget_vkcache .community_div_head {
border-bottom:1px solid #D8DFEA;
padding-bottom:5px;
}
.widget_vkcache .connections .total {
font-size:12px;
padding: 5px 0 0;
}
.widget_vkcache .connections .grid a {
float:none;
text-align:center;
text-decoration:none;
}
.widget_vkcache .connections .grid a img {
margin:0;
border: 0;
}
.widget_vkcache .connections .grid a span {
color:#808080;
font-size:10px;
}
.widget_vkcache .img_Link {
float:left;
padding-right:5px;
}
.widget_vkcache .VKuser {
padding: 3px 0;
width: 73px;
float:left;
text-align: center;
}
.widget_vkcache .VKuser-pic {
height: 47px;
clear: both;
overflow: hidden;
padding-bottom: 3px;
}
.widget_vkcache .img_Link img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget_vkcache .VKusername {
font-size: 0.9em;
text-align: center;
}
.widget_vkcache .connect_button.VKstyle {
display: block;
clear: both;
padding: 5px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
