[WordPress] 外掛分享: WP-GraphViz

前言介紹

  • 這款 WordPress 外掛「WP-GraphViz」是 2013-08-28 上架。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2023-07-23,距離現在已有 651 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

debaat |

外掛標籤

dot | graph | diagram | network | graphviz |

內容簡介

GraphViz 是一個強大的工具,用於可視化連接物件的網絡和樹結構。

這個 WordPress 外掛提供了一個短碼機制,讓您可以在博客中創建 GraphViz 圖形,使用短碼機制。

它的工作基於 Mike Daines 提供的 viz.js 代碼:

https://github.com/mdaines/viz.js

特別感謝 TFO Graphviz 的作者 chrisy,例如為此自述文件提供了靈感:

TFO Graphviz

如何使用 WP GraphViz

短碼語法為:

[wp_graphviz ]

[/wp_graphviz]

其中是以下清單中的任意一個。所有選項都是完全可選的:

id=""

提供用於將生成的圖像與圖像映射連接的標識符。如果您使用 simple 選項,則它還提供了生成的 DOT 圖形容器的名稱(因為 GraphViz 使用此來生成圖像映射)。如果未給出,則使用類似 wp_graphviz_N 的形式生成一個標識符,其中 N 是當加載插件時從一開始的整數,並隨著使用而增加。

output=""

指示所需的圖像格式。默認為 png。

simple="yes|no"

simple 選項提供了非常基本的 DOT 包裝器以將代碼應用於以下目的:

[wp_graphviz simple="yes"] a -> b -> c; [/wp_graphviz]

生成的代碼將如下所示:

digraph wp_graphviz_1 {
a -> b -> c;
}

有關 digraph 名稱的說明,請參見 id 選項。 simple 默認為 no。

title=""</p> <p>指定圖像的標題。在圖像參考的 alt 和 title 屬性中使用。默認為空字符串。請注意,圖像映射可能指明一個 title 字符串,這將出現在工具提示中。</p> <p></p><h2><span id="i-5">原文外掛簡介</span></h2> <p></p> <p>GraphViz is a powerful tool for visualising network and tree structures that connect objects.<br> This WordPress plugin provides a shortcode mechanism to create GraphViz graphics within blogs, using the shortcode mechanism.<br> It’s working is based on the viz.js code as provided by Mike Daines:<br> https://github.com/mdaines/viz.js</p> <p>Special thanks goes to chrisy as author of TFO Graphviz, e.g. for providing the inspiration for this readme:</p> <blockquote class="wp-embedded-content" data-secret="2BKnFhWeuS"><p><a href="https://wordpress.org/plugins/tfo-graphviz/" rel="nofollow">TFO Graphviz</a></p></blockquote> <p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; visibility: hidden;" title="“TFO Graphviz” — Plugin Directory" src="https://wordpress.org/plugins/tfo-graphviz/embed/#?secret=ovGenlzUvs#?secret=2BKnFhWeuS" data-secret="2BKnFhWeuS" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p> <p>How to use WP GraphViz<br> The shortcode syntax is:<br> [wp_graphviz<options>]<br> <dot code><br> [/wp_graphviz]</dot></options></p> <p>Where<options> is anything from this list. All are entirely optional:</options></p> <p>id="<id>"<br> Provides the identifier used to link the generated image to an image map. If you use the simple option then it also provides the name of the generated DOT graph container (since GraphViz uses this to generate the image map). If not given then an identifier is generated with the form wp_graphviz_N where N is an integer that starts at one when the plugin is loaded and is incremented with use.</id></p> <p>output="<png>"<br> Indicates the desired image format. Defaults to png.</png></p> <p>simple="yes|no"<br> The simple option provides a very basic DOT wrapper around your code such that the following is possible:<br> [wp_graphviz simple="yes"] a -> b -> c; [/wp_graphviz]</p> <p>The generated code would look like:<br> digraph wp_graphviz_1 {<br> a -> b -> c;<br> }</p> <p>See the id option for a description of where the name of the digraph comes from. simple defaults to no.</p> <p>title="</p><title>"<br> Indicates the title of the image. This is used in the alt and title attributes of the image reference. This defaults to an empty string. Note that image maps may indicate a title string which will appear in tool-tips. <div class="gads" style="width:100%"> <div class="width_100" style="width:50%; float: left;text-align:center;"><script type="text/javascript"> google_ad_client = adClient; /*google_ad_host = "ca-host-pub-7449992691305813"; google_ad_host_channel = "2031107259";*/ google_ad_slot = "3790584390"; google_ad_format = "auto"; google_ad_width = 336; google_ad_height = 280; </script> <!-- mxp_content_336x280 --> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div class="mobile_hide" style="width:50%; float: left;text-align:center;"><script type="text/javascript"> google_ad_client = adClient; /*google_ad_host = "ca-host-pub-7449992691305813"; google_ad_host_channel = "2031107259";*/ google_ad_slot = "1291294008"; google_ad_format = "auto"; google_ad_width = 336; google_ad_height = 280; </script> <!-- mxp_content_336x280 --> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> </div> <p></p><h2><span id="i-6">各版本下載點</span></h2> <p></p> <ul> <li>方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。</li> <li>方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「<a href="https://www.mxp.tw/plugins/wp-graphviz/">WP-GraphViz</a>」來進行安裝。</li> </ul> <p><strong>(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。</strong></p> <hr> <p><a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.0.1.0.zip">0.1.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.0.0.zip">1.0.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.1.0.zip">1.1.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.2.0.zip">1.2.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.3.0.zip">1.3.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.4.0.zip">1.4.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.5.0.zip">1.5.0</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.1.5.1.zip">1.5.1</a> | <a rel="nofollow" href="https://downloads.wordpress.org/plugin/wp-graphviz.zip">trunk</a> | </p> <p></p><h2><span id="i-7">延伸相關外掛(你可能也想知道)</span></h2> <p></p> <ul> <li><img decoding="async" src="https://ps.w.org/buddypress/assets/icon.svg?rev=977480" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/buddypress/">BuddyPress</a> 》您正在尋找現代化,強大且複雜的社交網路軟體嗎?BuddyPress 是一套常見社交網路的組件,透過 WordPress 的豐富外掛系統,可以提供多種優秀的附加功能。, Bud...。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/unconfirmed.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/unconfirmed/">Unconfirmed</a> 》如果您正在運行 WordPress 或 BuddyPress,您可能知道激活過程是最令管理人員頭痛的部分之一。激活電子郵件可能會被垃圾郵件過濾器捕獲,不小心被刪除,也可...。</li> <li><img decoding="async" src="https://ps.w.org/snitch/assets/icon-256x256.png?rev=2993186" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/snitch/">Snitch</a> 》Snitch 是一款 WordPress 網路監控外掛,具有連線概覽功能,可控制和調節網站數據通信。, 信任,但要驗證, Snitch 監控和記錄 WordPress 網站的傳出數據流。...。</li> <li><img decoding="async" src="https://ps.w.org/shariff-sharing/assets/icon-256x256.png?rev=1039024" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/shariff-sharing/">Shariff for WordPress</a> 》這是基於 c’t Shariff 的 Shariff for WordPress 外掛程式。, 如需更多資訊,請查看原始GitHub 專案和c’t 訊息頁面。, , Shariff 讓網站使用者分享喜愛...。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/share-buttons.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/share-buttons/">Social Share Buttons for WordPress</a> 》這是一個社交網路外掛程式,使您的網站可以與9個不同的社交網路互動。, 其中包括了VKontakte、Odnoklassniki.ru、Mail.ru、LiveJournal、Yandex等俄羅斯社交...。</li> <li><img decoding="async" src="https://ps.w.org/martins-link-network/assets/icon-256x256.jpg?rev=2806608" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/martins-link-network/">Martins Free And Easy SEO BackLink Link Building Network, Improve Rankings And Traffic</a> 》通過安裝這個SEO外掛程式,您的網站可以自動從超過100萬篇文章中獲得真正的反向鏈接,並匿名加入Martins百分百免費的反向鏈接建設網路,為優化您的SEO,提高...。</li> <li><img decoding="async" src="https://ps.w.org/theme-duplicator/assets/icon-128x128.png?rev=1724796" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/theme-duplicator/">Theme Duplicator</a> 》這個外掛會建立一個你選擇的佈景主題的複製版本。。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/network-privacy.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/network-privacy/">Network Privacy</a> 》這個外掛可以在單個安裝中新增2個隱私選項,在網路安裝中可以新增3個選項。在網路安裝中,網路管理員(超級管理員)可以選擇設置整個網路的隱私設置。當為整...。</li> <li><img decoding="async" src="https://ps.w.org/multisite-toolbar-additions/assets/icon-256x256.png?rev=1850877" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/multisite-toolbar-additions/">Multisite Toolbar Additions</a> 》, 快速訪問超級管理員資源–節省時間!, 這個小巧且輕量級的外掛只會在多站點安裝時為您的工具條/管理欄添加一些可能遺失但非常有用的管理員連結,甚至是常規...。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/activate-update-services.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/activate-update-services/">Activate Update Services</a> 》當您創建網路 (也就是啟用 WordPress MU/Multisite) 時,WordPress 會移除「更新服務」功能 (設定 - 撰寫)。, 啟用此外掛以恢復此功能。, 注意: 這僅適用於具...。</li> <li><img decoding="async" src="https://ps.w.org/humix/assets/icon-256x256.jpg?rev=2969947" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/humix/">Humix for WordPress</a> 》- 這個外掛可以讓使用者在自己的 WordPress 主題中嵌入 Humix.com 的影片。, - 外掛提供了一個 Humix widget,讓你可以在主題中自定義一個播放區塊,並調整浮...。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/wp-over-network_3da6a6.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/wp-over-network/">WP Over Network</a> 》新增從網站網絡中取得文章資訊的功能。支援小工具、短碼以及自訂原始功能。, 使用以下內容:, 在範本中, <?php , , get_header();, the_post();, , ?>,...。</li> <li><img decoding="async" src="https://ps.w.org/wp-multi-network/assets/icon-256x256.png?rev=1534001" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/wp-multi-network/">WP Multi Network</a> 》將您的 WordPress Multisite 安裝轉換為許多多網站網絡,圍繞一個全球用戶集合。, , 揭露隱藏的 WordPress Multisite 功能。, 包括一個“網絡”頂級網路管理菜...。</li> <li><img decoding="async" src="https://s.w.org/plugins/geopattern-icon/user-activation-keys.svg" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/user-activation-keys/">User Activation Keys</a> 》這是一個 WordPress Multisite 網絡的外掛,稱為 WP Network Multisite,主要提供以下功能:, , 刪除用戶激活鍵,以允許使用相同的用戶名重新註冊、更改電子...。</li> <li><img decoding="async" src="https://ps.w.org/network-plugin-auditor/assets/icon-256x256.png?rev=985311" style="background-size: contain!important; height: 96px!important;width: 96px!important;"> <a href="https://www.mxp.tw/plugins/network-plugin-auditor/">Network Plugin Auditor</a> 》隨著我的 WordPress 網絡不斷擴大,我發現很難追踪到每個網站使用了哪些外掛和佈景主題,而檢查的唯一方法就是逐一訪問每個儀表板,真的太麻煩了!, 此外掛會...。</li> </ul> <p><script>document.addEventListener("DOMContentLoaded", function(event) {window.onpopstate = function() {location.href="https://www.mxp.tw/plugins/";}; history.pushState({}, "");});</script></p> <p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-slot="9308222110"></ins> <script> setMxpAdClient();(adsbygoogle = window.adsbygoogle || []).push({}); </script></p>

文章
Filter
Apply Filters
Mastodon