Html 如何创建特定于页面的链接

我已经创建了一个图标，想知道如何使其特定于页面。我使用WordPress，因此html是通过主页上的html小部件实现的。但是，当用户导航到另一个页面时，我希望该链接将该页面共享到社交媒体，而不是当前的站点页面

HTML代码

<div id="custom_html-21" class="widget_text widget widget_custom_html">
  <div class="textwidget custom- html-widget">
    <a href="https://www.facebook.com/sharer/sharer.php?u=https://4309.co.uk" target="_blank" rel="noopener noreferrer">
      <div class="containercross">
        <div class="cross1">
          <div class="cross2"></div>
        </div>
      </div>
    </a>
  </div>
</div>

@media (min-width: 768px) . {
   #custom_html-21 {
      position: absolute;
      height: 0px;
      top: -8px !important;
      left: 90%;
      margin-left: -46px;
   }
}
#custom_html-21 {
   position: absolute;
   height: 0px;
   top: -5px;
   left: 90%;
   margin-left: -46px;
}
.containercross {
   left: 0px;
   top: 20px;
}
.cross1 {
   height: 20px;
   width: 5px;
   background-color: black;
   margin-left: 50px;
}
.cross2 {
   height: 20px;
   width: 5px;
   background-color: black;
   margin-left: 50px;
   transform: rotate(90deg);
   margin-left: 0px;
}

因此，如果用户在主页上并选择共享主页，则他们按下主页中的链接，并将主页共享给社交媒体。但我想这样做，如果一个用户在另一个页面上，他们按相同的图标，它以相同的方式链接到社交媒体，但不是共享主页，而是共享用户所在的页面

---

使用PHP在移动设备上最容易看到，您可以执行以下操作：

$currentPageUrl = 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
$link = 'https://www.example.com?share=' . $currentPageUrl;

HTML:

我用你的代码创建了一个演示。实际上，你想要Facebook的共享按钮？好的。如果有相同的区别，谢谢。我将如何实施它？我将把php和html放在哪里？Amd我可以按原样实施吗？就像“$link”中的链接一样？我不是WordPress的专家。也许你必须在页面的模板中实现它。好的。谢谢我会试试。@Newstack如果我的回答对你有帮助，请将其标记为已接受。

<a href="<?=$link?>" target="_blank">Share this page</a>