网站链接可点击化及域名显示优化技术求助

1. 实现可点击高亮链接 #

确保链接的href属性指向有效网址，同时通过CSS给链接添加高亮样式：

• 给<a>标签添加自定义类（比如highlight-web-link），并定义对应的高亮样式
• 确认$my_bio_excerpt变量存储的是完整有效的网站URL（如https://mywebsite.com）

2. 提取并简化显示域名 #

用PHP的parse_url解析URL结构，再通过正则去掉www.前缀，只保留核心域名。

完整代码示例 #

<?php
// 假设$my_bio_excerpt是从字段获取的原始网址
$raw_url = $my_bio_excerpt;

// 解析URL获取主机名
$parsed_url = parse_url($raw_url);
$domain = $parsed_url['host'] ?? '';

// 移除www.前缀
$clean_domain = preg_replace('/^www\./', '', $domain);

// 补全URL协议（如果原始地址没有的话）
$full_url = $raw_url;
if (!preg_match('/^https?:\/\//', $full_url)) {
    $full_url = 'https://' . $full_url;
}
?>

<!-- 输出可点击的高亮链接 -->
<a href="<?php echo esc_url($full_url); ?>" class="highlight-web-link"><?php echo esc_html($clean_domain); ?></a>

<!-- 高亮样式（可放到网站样式表中） -->
<style>
.highlight-web-link {
    color: #0066cc;
    text-decoration: underline;
    font-weight: 600;
    transition: color 0.2s;
}
.highlight-web-link:hover {
    color: #004080;
}
</style>

关键细节 #

• esc_url()和esc_html()用于过滤输出，防止XSS安全问题
• parse_url()负责拆解URL结构，精准提取主机名
• 正则/^www\./专门匹配并移除开头的www.前缀
• CSS样式可根据网站整体风格调整颜色、字体粗细等属性

内容的提问来源于stack exchange，提问作者sonic d