
內容簡介
Telkari 是一款讓您在 WordPress 網站上顯示社交媒體連結的外掛,提供三種獨特的設計佈局,並使用純 CSS 渲染圖示以確保最佳效能。
【主要功能】
• 三種設計佈局:Orbit、Ribbon、Pillar
• 支援 13 種社交平台的 SVG 圖示
• 社交帳號管理:新增、刪除及排序
• 圖示大小與間距可調整
• 顏色自訂:品牌顏色及背景色
• 安全性高:表單驗證與輸入消毒
外掛標籤
開發者團隊
原文外掛簡介
Telkari lets you display social media links on your WordPress site with three distinct design layouts. Each design has its own positioning options and all icons are rendered with pure CSS for optimal performance.
Live demo and documentation: https://tercan.github.io/telkari/
Design Layouts
Orbit — Quarter-circle trigger button in a corner. Icons fan out in an arc on click with staggered animation delays. Click to toggle, click outside to close.
Ribbon — Horizontal bar fixed at the bottom of the page with icons displayed in a row.
Pillar — Vertical sidebar strip with icons stacked in a column.
Supported Platforms
13 platforms with bundled SVG icons (no CDN dependency):
Instagram, YouTube, Facebook, X (Twitter), LinkedIn, TikTok, GitHub, Pinterest, Telegram, WhatsApp, Discord, Twitch, Spotify
Social Account Management
Add and delete social media accounts
Drag-and-drop reordering
Per-account enable/disable toggle
URL validation on account creation
Appearance Settings
Icon size (24-96px) via range slider
Icon spacing (0-48px) via range slider
Icon style: Rounded or Square
Link target: Same Tab or New Tab
Tooltips: Show or hide platform name on hover
Color Customization
Per-platform brand color overrides with WordPress color picker
13 official brand colors included as defaults
Configurable bar/wrapper background color for Ribbon and Pillar (with transparent option)
Configurable trigger button color for Orbit design
Auto-contrast foreground color calculation
One-click “Reset All Colors” to restore defaults
Performance
Pure CSS frontend rendering (no JavaScript except Orbit click handler)
Conditional asset loading: CSS only enqueued when enabled accounts exist
Design-specific CSS loaded per active design
Bundled SVG icons with static file cache
Security
Nonce verification on all form submissions
Capability checks on admin pages
Input sanitization and output escaping
SVG icon whitelist
Clean uninstall (single site and multisite)
