Devicons

2025-08-20 WP免费插件库 6

Devicons is a plugin that allows you to easily display Devicons (Software and Web Developer icons) on your WordPress site. Show off your skills by including them in a graphical way. This plugin is based on the Devicon project by Julien Monty.

作者：Ryder Damen

截图：

A screenshot showing a full list of rendered, coloured devicons without titles.
A screenshot showing devicons with titles, of a specific colour.

评分：5

各个星级评论数量：100%#1#0%#0#0%#0#0%#0#0%#0

问答：

Installation Instructions

Using The WordPress Dashboard

Navigate to the ‘Add New’ in the plugins dashboard
Search for ‘Devicons’
Click ‘Install Now’
Activate the plugin on the Plugin dashboard

How do I display one devicon?

You can show one devicon as an inline style by using the shortcode [devicon icon="wordpress"] in a page or a post. This will return the colour, non-title version of that icon inline. This means it’s returned in the html tag you put it in. If you wrap the shortcode in a h1 tag, it will return with the same font-size as your h1 (page titles), or the same with a regular p (paragraph) tag.

How do I display multiple devicons?

You can display multiple devicons either by stringing together the above ‘devicon’ shortcode, or by using the following shortcode:

Simply list the ones you want within the shortcode, (separated by a space, comma, or enter key) and the plugin will display them for you. These once again default to colour without titles, but are not displayed inline. These instead are displayed as 50px size icons, giving you a better way to showcase a bunch of skills for a particular project.

How do I display icon titles (wordmarks)?

If you hover over an icon, it will always return the title of that icon for web accessibility purposes. You can however show the title right on the icon if you like. This is available for most (but not all) icons, but the plugin will simply return the non-titled version if it’s not available. To show titles, simply add the title=”true” parameter to the shortcode. Here are a few examples:

When requesting a single devicon with a title:

When requesting multiple devicons with titles:

How do I set a custom colour?

Icon colours can be customized with the color=”#cc0000″ (American spelling) tag. You can input any CSS-valid colour here, but most people will just put in a hex code like #cc0000. Here are a few examples:

When requesting a single devicon with the colour #cc0000:

When requesting multiple devicons with the colour #cc0000:

插件官方网址：https://cn.wordpress.org/plugins/devicons/

缩略图网址：https://ps.w.org/devicons/assets/icon-256x256.png?rev=1843880

Devicons

猜你喜欢

MC4WP: Mailchimp for WordPress

TruVisibility Plagiarism Checker

EHx Members

Contact Form Builder by RioForms – Drag & Drop WordPress Form Plugin

Edit Recent Edited Posts

Clean Post Content

评论0

社交账号快速登录

社交账号快速登录