このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Links With Icons Widget

説明

Links With Icons Widget adds a new custom widget which displays links with icons alongside. The links are dynamically added to each widget in the widget admin. This plugin does not use the links manager and does not create any custom post type to store the links. All data is self contained in each widget as widget option data. Images are added and managed using the media library and uploader.

Usage:

  1. In the WordPress admin, go to Appearance…Widgets
  2. Drag the “Links With Icons” widget to a sidebar
  3. Select the number of links the widget will display and save the widget.
  4. The widget will reload with the proper number of fields for the number of links needed.
  5. Fill out the data (URL, Title and Image) and save the widget.
  6. Viola! The widget now appears with your pretty icons.

Important Notes:

  1. The widget doesn’t care about icon / image size. You should probably keep it consistent (and small) so it will be pretty.
  2. If you reduce the number of links in a widget after it has been populated with data, the excess links data will be deleted forever.
  3. The default CSS class for the container UL is links-with-icons-widget
  4. Each link li has a class of link-with-icon
  5. You can style and override the defaults in your own custom css, like:

    .links-with-icons { /* custom styles / }
    .link-with-icon a { /
    custom styles / }
    .link-with-icon img { /
    custom styles */ }
    etc…

Fork away: https://github.com/ethanpil/wp-links-with-icons-widget

This WordPress plugin is brought to you by Los Angeles Web Design

Future Plans:

  1. Display the size of selected image in the widget under the preview
  2. Choose icon position for each link (left (default) or right side)

スクリーンショット

  • Managing links inside the widget
  • Example Widget Output

インストール

Like every other WordPress plugin! 🙂

  1. Upload all the files from links-with-icons-widget.zip into a folder within the /wp-content/plugins/ directory
  2. WordPress の「プラグイン」メニューからプラグインを有効化してください

FAQ

  1. The link doesn’t work! Its showing a 404 error!
    Don’t forget to add http:// to your link.

  2. What if I decrease the number of links in a widget?
    The excess links will be removed and the data deleted.

Installation Instructions

Like every other WordPress plugin! 🙂

  1. Upload all the files from links-with-icons-widget.zip into a folder within the /wp-content/plugins/ directory
  2. WordPress の「プラグイン」メニューからプラグインを有効化してください

評価

2017年2月7日
Hello, Its working great. But If I want to delete any single icon from multiple , how I will delete it.
6件のレビューをすべて表示

貢献者と開発者

Links With Icons Widget はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Links With Icons Widget” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.2

  • Added tag to text for additional CSS styling flexibility (thx: github.com/morfie78)

1.1

  • Added option for No Follow links
  • Image URLs are now returned without protocol to support HTTP or HTTPS

1.0

  • 最初のリリース