前言介紹
- 這款 WordPress 外掛「Image Links」是 2018-09-03 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2022-06-23，距離現在已有 1046 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.3 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
內容簡介
此外掛會輸出浮動標題與切換圖片的圖片連結。
你可以輕鬆地停用樣式（或腳本）以便於編寫自己的樣式。
注意，此外掛不會在你的儀表板中添加任何屏幕-所有的設置/資訊
都在此自述檔案中。
範例
以下是一堆包裹在圖片連結格中的圖片連結範例。可以使用此格，讓圖片連結排列在欄中，而非始終橫跨整個寬度。
請留心使用image_link_grid時請不要包含其他標記-請注意文字編輯器換行符號是否被轉換為段落或斷行標記。最好在而非Visual視圖中編輯簡碼數據。
[mha_image_link_grid columns_xs=2 columns_md=2]
[mha_image_link attachment=100 link="/contact-us" text="聯絡我們！" subtext="現在就聯繫我們！"]
[mha_image_link attachment=101 link="https://www.example.com" text="查看範例"]
[mha_image_link attachment=102 link="/some-page" text="這是某個頁面"]
[mha_image_link attachment=102 link="/some-page" text="這是某個頁面" style="full"]
[mha_image_link image="/path-to/image.png" link="/another_page" text="這是另一個頁面"]
[mha_image_link image="https://www.example.com/remote-image.png" link="/another_page"]
[/mha_image_link_grid]
文檔
此外掛不會在你的儀表板中添加任何屏幕或選項。所有定制需在你的主題 CSS 文件中完成。
圖片連結Javascript
javascript 可以啟用每個圖片連結的多個圖片。如果你不使用該功能，或者想要自己實現它-可以停止包括 JavaScript 文件:
add_filter( 'mha_image_link_include_scripts', '__return_false' );
?>
腳本處理為 mha-image-links。
圖片連結CSS
停用外掛各自的預設 CSS 文件可以使用此篩選器:
add_filter( 'mha_image_link_include_styles', '__return_false' );
?>
CSS 處理為 mha-image-links
[mha_image_link_grid] 簡碼設置
columns_xs 默認 : 2
特定顯示在extra small設備上的欄數。 默認值為任何高達768px。有效值為 1、2、3 或 4，除非您基於 image-links.scss 中的源添加了更多代碼。
columns_sm 默認 : none
與columns_xs相同，但用於小尺寸屏幕(>768px)。如果未設置，則默認值為columns_xs的值。
columns_md 默認 : none
與columns_sm相同,但用於中尺寸屏幕(>992px)。如果未設置那將默認為columns_sm的值。
columns_lg 默認 : none
與columns_md相同,但用於大尺寸屏幕(>1200px)。如果未設置那將默認為columns_md的值。
[mha_image_link] 簡碼設置
image *默認: ”**
指定圖片URL。如果可以，請使用attachment。
text *默認: ”**
顯示於圖片上的大文字。
subtext *默認: false**
顯示於圖片連結上的較小文字。
link *默認: ”**
此圖片應指向的連結。可以是任何 href=””。
原文外掛簡介
Outputs links which are images, with floting-over captions and changing images.
Easily lets you disable the styles (and Scripts) so you can write your own styles.
Note there are no screens added to your dashboard – all the settings/information
is in this readme.txt file.
Example
Here’s an example of a bunch of image links wrapped in an image link grid. The grid is optional and just makes the image links sit in columns instead of always being full width.
Be careful when using image_link_grid that there is no other markup included – watch out for text-editor line breaks being turned into paragraph or line-break tags. You’re probably best editing the shortcode data in Text and not Visual view.
[mha_image_link_grid columns_xs=2 columns_md=2]
[mha_image_link attachment=100 link="/contact-us" text="Contact Us!" subtext="Get in touch now!"]
[mha_image_link attachment=101 link="https://www.example.com" text="Checkout Example"]
[mha_image_link attachment=102 link="/some-page" text="This is some page"]
[mha_image_link attachment=102 link="/some-page" text="This is some page" style="full"]
[mha_image_link image="/path-to/image.png" link="/another_page" text="This is another page"]
[mha_image_link image="https://www.example.com/remote-image.png" link="/another_page"]
[/mha_image_link_grid]
Documentation
No screens or options are added to your Dashboard. All customising needs to be done in your theme’s CSS file.
Image links Javascript
The JavaScript enables multiple images on each image link. If you’re not using that functionlaity, or want to implement it yourself – you can stop the JavaScript file being included with:
The handle of the script is mha-image-links.
Image links CSS
To stop the plugin including it’s default CSS file use this filter:
The handle of the styles is mha-image-links
[mha_image_link_grid] shortcode settings
columns_xs Default: 2
Specify hwo many columns should display on extra small devices. By default that’s anything up to 768px. Valid values are 1, 2, 3 or 4 unless you add more code based on the source in image-links.scss
columns_sm Default: none
The same as columns_xs but for small screens (above 768px). If not set then this will default to the value of columns_xs
columns_md Default: none
The same as columns_sm but for small screens (above 992px). If not set then this will default to the value of columns_sm
columns_lg Default: none
The same as columns_md but for large screens (above 1200px). If not set then this will default to the value of columns_md.
[mha_image_link] shortcode settings
image *Default: ”**
Specify the URL to an image. It’s better to use attachment if you can.
text *Default: ”**
The big text to display on the image
subtext *Default: false**
The smaller text to show on the image link
link *Default: ”**
The link this image should direct to. Can be anything href=”” takes.
attachment *Default: false**
The attachment ID of the image you want to use or the image. If you specify this instead of image then you’ll get a properly sized image and everything will be excellent.
To get the attachment ID find the attachment in your Dashbaord -> media screen, click the one you want and look in your browsers address bar for the Item number. For example in this address upload.php?item=400 the attachment ID is 400.
style *Default: half**
By default the caption covers half the image – you can set style to full to make it cover the whole image. You can also enter anything you like here and the .mha-image-link element will be given it as an extra class. See the bottom of image-link.scss for an example of styling it.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Image Links」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Yoast SEO 》Yoast SEO：#1 WordPress SEO 外掛, 自 2008 年以來，Yoast SEO 幫助全球數百萬個網站在搜尋引擎中排名更高。, Yoast 的使命是為所有人提供 SEO 服務。我們的...。
Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台，使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。
Contact Form 7 》Contact Form 7 可以管理多個聯絡表單，並且您可以使用簡單的標記靈活地自訂表單和郵件內容。此表單支援 Ajax 提交、CAPTCHA、Akismet 垃圾郵件過濾等功能。,...。
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
WooCommerce 》p>WooCommerce是全球最受歡迎的開源電子商務解決方案之一，擁有世界上最多的市場份額。, 我們的核心平臺是免費的、靈活的，並擁有全球社區的支持。開源的自由...。
LiteSpeed Cache 》LiteSpeed Cache for WordPress（LSCWP）是一種全方位的網站加速外掛，包括獨家的伺服器層快取和一系列的優化功能。, LSCWP 支援 WordPress Multisite 及大多...。
WPForms – Easy Form Builder for WordPress – Contact Forms, Payment Forms, Surveys, & More 》f="https://wpforms.com/features/pre-built-form-templates/?utm_source=wprepo&utm_medium=link&utm_campaign=liteplugin" rel="friend nofollow u...。
Akismet Anti-spam: Spam Protection 》Akismet會檢查您的評論和聯繫表單提交，將它們與全球垃圾郵件數據庫進行比對，以防止站點發佈惡意內容。您可以在部落格的“評論”管理畫面中檢查評論垃圾郵件的...。
Wordfence Security – Firewall, Malware Scan, and Login Security 》fective way to manage multiple WordPress sites with Wordfence installed from a single location., Monitor security status across all your sites from...。
Site Kit by Google – Analytics, Search Console, AdSense, Speed 》Site Kit是Google官方的WordPress外掛程式，提供有關人們如何尋找和使用您的網站的洞察。Site Kit是一站式解決方案，可部署、管理並獲取關鍵Google工具的見解...。
All-in-One WP Migration and Backup 》orage providers such as Dropbox, Google Drive, Amazon S3, and more, making it easy for you to securely store and access your website backups at any...。
WP Mail SMTP by WPForms – The Most Popular SMTP and Email Log Plugin 》WordPress Mail SMTP外掛, 如果您的WordPress網站無法正確發送電子郵件，您並不孤單。超過三百萬個網站使用WP Mail SMTP可靠地發送電子郵件。, 我們的目標是...。
Really Simple Security – Simple and Performant Security (formerly Really Simple SSL) 》le Plugins include Complianz GDPR, Disable Updates Manager, and Really Simple CAPTCHA., , Really Simple SSL是一個外掛，自動配置你的網站最大程度上使...。
Jetpack – WP Security, Backup, Speed, & Growth 》search engines, and grow your traffic with Jetpack. It’s the ultimate toolkit for WordPress professionals and beginners alike., , Customize and des...。
Yoast Duplicate Post 》這個 WordPress 外掛可以讓使用者複製任何類型 (type) 的文章，或將其複製到新的草稿 (draft) 以供進一步編輯。, 使用方法：, , , 在「編輯文章」或「編輯頁...。