網(wǎng)站制作

Website development

如何獲得你的窗口小部件選項(xiàng)的更多控制

發(fā)布時(shí)間：2017-03-13 09:57:44

WordPress提供的自定義您的網(wǎng)站的方法很多，很少有容易為普通的老插件實(shí)現(xiàn)。這些簡(jiǎn)單的元素，使你能夠建立復(fù)雜的功能，只需點(diǎn)擊幾下，所以，你要學(xué)會(huì)用他們的充分程度。

雖然WordPress做Widget選項(xiàng)提供大量開箱，總是在這種情況下，改進(jìn)–室，使用一個(gè)插件或兩。在這篇文章中，我們將學(xué)習(xí)什么部件，如何正確地使用它們。然后，我們將向您介紹兩個(gè)插件你可以獲得比你的選擇更多的控制，后才是告訴你如何設(shè)置其中一個(gè)了。讓我們跳！

Widget是什么（為什么你需要更多的控制他們）

對(duì)于外行人來(lái)說(shuō)，插件是你的WordPress網(wǎng)站執(zhí)行特定功能的獨(dú)立的元素。開箱，WordPress包括如搜索欄和檔案帖子功能部件。你可以選擇地方小部件在不同的位置，如你的邊欄和頁(yè)腳區(qū)多。

WordPress' widgets screen.

此外，很多主題–如額外–來(lái)與自己的自定義控件，使您能夠在網(wǎng)站中添加更多的功能。

插件可以很方便，但他們通常不提供自己的許多定制選項(xiàng)。你可以通過(guò)提供專用的插件等功能幫助縮小差距：

好的投資選擇默認(rèn)情況下，WordPress的用戶是非常有限的，他們可以把他們的小部件，但是這可以很容易地固定。
更多的定制大部分部件不容易定制，這可能會(huì)導(dǎo)致你的主題的潛在沖突。添加更多的選項(xiàng)可以解決這個(gè)問(wèn)題。

因?yàn)楹芏郬ordPress網(wǎng)站使用的小工具，有更多的控制他們可以派上用場(chǎng)。讓我們看看一些工具，可以幫助你實(shí)現(xiàn)這。

2個(gè)插件的控制部件

有插件，使你獲得你的WordPress的插件選項(xiàng)進(jìn)一步控制大量。然而，很少有全面的–和審查–作為兩介紹如下。讓我們看看他們能為你做什么。

1Widget選項(xiàng)

The Widget Options plugin.

這個(gè)插件不正是它在錫說(shuō)–提供Wordpress Widget選項(xiàng)。例如，它允許您使用自定義的對(duì)齊選項(xiàng)，設(shè)置不同的設(shè)備的可見性規(guī)則，和預(yù)覽他們?nèi)セ钤谀愕淖兓?/span>

好的部分是，它不會(huì)改變你如何與你的WordPress插件交互。你還可以選擇使用哪一個(gè)你外觀標(biāo)簽和配置他們–它只會(huì)增加你選擇更多選項(xiàng)。

主要特點(diǎn)：

你的WordPress插件添加新的配置選項(xiàng)。
選擇頁(yè)面將顯示每個(gè)部件。
指定“每設(shè)備的部件（根據(jù)用戶的屏幕尺寸）。
自定義控件的對(duì)齊
創(chuàng)建定制的目的客戶ID和類。
預(yù)覽才去住你的變化

2控件的邏輯

The Widget Logic plugin.

而我們以前的選擇更多的是為WordPress的窗口相關(guān)的所有事情的一站式解決方案，這一個(gè)是很簡(jiǎn)單的?？傊?，它讓你決定哪些頁(yè)面每個(gè)控件將使用WordPress的出現(xiàn)有條件的標(biāo)簽功能

如果你只是尋找添加組件到特定的頁(yè)面的一個(gè)簡(jiǎn)單的方法，這是你正確的選擇。然而，如果你更深入的定制設(shè)置感興趣，我們建議堅(jiān)持使用Widget選項(xiàng)。

主要特點(diǎn)：

選擇頁(yè)面上的每個(gè)控件將出現(xiàn)在。
使用條件標(biāo)簽或PHP插入小工具。
自定義控件的風(fēng)格相匹配，你的主題。
如何獲得你的窗口小部件選項(xiàng)的更多控制（2級(jí)）

在本演練中，我們選擇小部件選項(xiàng)的插件，因?yàn)樗峁┑墓δ苋?，也一個(gè)偉大的戲劇。一旦你已經(jīng)安裝并激活的插件，你需要設(shè)置–看看怎么做。

步驟1：#配置您的控件的可見性

一個(gè)Widget選項(xiàng)的主要特點(diǎn)是只在特定的頁(yè)面顯示組件的能力。要做到這一點(diǎn)，頭外表>小工具在你的WordPress儀表盤和接部件。把它拖到你想要的位置，并擴(kuò)大到在其設(shè)置一看。你會(huì)發(fā)現(xiàn)四個(gè)新的標(biāo)簽在設(shè)置上出現(xiàn)：

The four new tabs added by Widget Options.

第一個(gè)標(biāo)簽（由“眼睛”的圖標(biāo)表示）包含您的新的可見性設(shè)置。在這里，你可以配置你的widget只出現(xiàn)在頁(yè)面從下面的列表中選擇你：

Setting up visibility settings.

你也可以使用后的類型和分類你的觸發(fā)顯示特定部件。一旦你選擇快樂(lè)，打保存你的按鈕準(zhǔn)備走了

記住，每一個(gè)部件都有自己的可見性設(shè)置，所以你必須為每一個(gè)你希望包括重復(fù)這個(gè)過(guò)程。

步驟2：#設(shè)置特定設(shè)備的限制

開發(fā)一個(gè)WordPress網(wǎng)站移動(dòng)設(shè)備應(yīng)該是一個(gè)關(guān)鍵問(wèn)題。通常，這意味著稍微修改你的布局和菜單來(lái)確保一切都是可用的，但有時(shí)這意味著可以禁用一個(gè)元素或兩。

Widget選項(xiàng)使您能夠?yàn)槿魏文阆胍膚ordpress widget做這個(gè)。你想禁用插件的設(shè)置菜單的回報(bào)，但這一次，進(jìn)入設(shè)備標(biāo)簽（即一個(gè)與智能手機(jī)圖標(biāo)）：

Setting up device-specific restrictions.

這部分是比較簡(jiǎn)單的因?yàn)樗话魏螐?fù)雜的分辨率設(shè)置。只需選擇你想要你的widget上的可用選項(xiàng)的設(shè)備。

步驟3：添加#自定義CSS ID到你的窗口

正如我們前面所提到的，Widget選項(xiàng)也可以創(chuàng)建為您的每一個(gè)部件的自定義ID和類。這使您能夠定制他們使用CSS或JavaScript，這取決于你的目標(biāo)是什么。這是一個(gè)恒星，有良心的選擇。

為此，訪問(wèn)你的插件的設(shè)置部分，點(diǎn)擊類，ID，與邏輯標(biāo)簽（由一個(gè)齒輪圖標(biāo)表示）：

Setting up custom IDs and classes for your widgets.

這里有兩個(gè)領(lǐng)域–一允許你設(shè)置你的控件自定義ID，第二類。記住，每個(gè)控件只能有一個(gè)ID，但它可以將多個(gè)類的部分。一旦你完成了，點(diǎn)擊保存你會(huì)準(zhǔn)備定制你的窗口

結(jié)論

定制你的WordPress網(wǎng)站可以耗時(shí)。然而，它確保你網(wǎng)站上的每一個(gè)元素是易于使用和訪問(wèn)的可能永遠(yuǎn)是一個(gè)好主意。有沒(méi)有更好的方法來(lái)實(shí)現(xiàn)這比使用工具，重要的是，這個(gè)功能是內(nèi)置到WordPress。

然而，他們的定制選項(xiàng)通常是舊的。如果你想把你的WordPress插件的一個(gè)新的水平，好的方法之一就是通過(guò)設(shè)置Widget選項(xiàng)插件和跟隨這些步：

配置你的控件的可見性。
設(shè)置特定于設(shè)備的限制。
南通和配置任何CSS類（如果你想）。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7174,0.html

上一篇：餐飲行業(yè)網(wǎng)站設(shè)計(jì)的案例

下一篇：社會(huì)媒體如何塑造當(dāng)代設(shè)計(jì)？

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問(wèn)題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問(wèn)題可以再里面提出，人員分工到位，解決問(wèn)題很及時(shí)。

張經(jīng)理