建站
咨詢
售后
建站咨詢
新聞中心
本周早些時候，websevendev將其第四個wordpress插件Block Attributes發(fā)布到官方目錄中。該擴展允許最終用戶向幾乎任何區(qū)塊添加任何HTML屬性。
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的原陽網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！
WordPress編輯器的問題之一是自定義HTML可能有點麻煩。區(qū)塊建立在一組標準上，標記應該滿足這些期望。如果某些內容不適合，用戶會看到無效標記警告。
但是，有時用戶出于各種原因需要放入自定義HTML屬性。例如，我有時需要添加一個自定義data-屬性來使用一些JavaScript。因為我對代碼非常了解，所以我通常通過自定義HTML區(qū)塊在這些情況下寫出HTML。但是，當需要添加次要屬性時，這沒有意義。
WordPress目前允許用戶向幾乎每個區(qū)塊添加類和ID（在管理中稱為“HTML錨點”）。它不允許直接輸入HTML支持的許多其他可能的屬性。普通用戶的用例很少。
對于某些用戶可以使用額外功能的場景，塊屬性插件非常方便。
該插件易于使用。它在每個區(qū)塊的“高級”選項卡下添加了一個名為“附加屬性”的新字段。用戶可以添加屬性名稱并單擊“添加”按鈕。從那里，它創(chuàng)建一個用于添加屬性值的新字段。
向onclick按鈕區(qū)塊添加屬性。
該插件還支持多個屬性。添加一個后，您只需使用相同的輸入字段來創(chuàng)建更多。
對于我的第一次嘗試，我添加了onclick一個值為myFunction(). 然后，跳轉到我的主題并通過JavaScript創(chuàng)建該函數(shù)以在控制臺中輸出一條簡單的消息。一切看起來都很好，而且它奏效了。
HTML視圖和控制臺，帶有用于按鈕區(qū)塊的自定義JS。
我想到的大多數(shù)用例都是與JavaScript集成的，這是一個簡單的例子。開發(fā)人員可以使用這樣的功能做更復雜的事情。這就是將該插件保留在工具箱中的充分理由——有時您需要扳手而不是錘子。
我還可以看到區(qū)塊屬性用于在其他可能有助于可訪問性的情況下添加ARIA屬性。
用戶可以通過style插件的屬性將自定義樣式添加到特定區(qū)塊。但是，除非這是一個簡單的一次性，否則我建議不要這樣做。對于更高級的用例，Blocks CSS是一個更合適的插件。它有一個內置的語法熒光筆。另外，textarea比單行文本輸入框更友好。
我見過的區(qū)塊屬性的唯一缺點是停用時。如果您添加了任何自定義屬性，您將在編輯器中看到可怕的“此區(qū)塊包含未預料的或無效的內容?！毕ⅰ＞庉嬈髟O法解決了我在核心區(qū)塊中遇到的任何問題。
停用插件后解決區(qū)塊警告。
停用插件不應影響前端輸出。因為自定義屬性是 HTML 標記的一部分，所以它們仍然存在。錯誤消息應該只顯示在編輯器中。
分享文章：使用區(qū)塊屬性插件BlockAttributes添加自定義HTML屬性
鏈接地址：http://www.5511xx.com/article/dhjgdie.html
