如何在 WordPress 侧边栏中添加缩略图链接

Question

我正在尝试使用自定义 HTML 小部件在侧边栏中添加一些带有缩略图的手动链接。缩略图无法单击，因为我不知道如何使它们可单击。我的主要问题是，当我插入带有缩略图的链接时，它们不会以对称方式显示。有些图像和文字移到右侧，看起来很奇怪。

我在 WIDGET 中使用以下代码：

励志名言1

还有 10 个这样的 URL。

注意：smallthumb 是缩略图图像的 ID

这是我正在使用的 CSS 样式：img.alignleft {margin: 0 10px 0 5px;display: inline-block;}

您可以在此处查看屏幕截图：(https://i.sstatic.net/fzaWog16.png)

我非常努力，但无法以正确的格式获取这些链接。预先感谢...

Answer 1

1.使图像可点击：用标签包裹标签以使它们可点击。标签应将 href 属性设置为单击图像时要导航到的 url 2.css对称：为了确保图像和文本对称对齐，可以使用flexbox或grid布局样式。您还需要确保图像具有固定大小以保持一致性

<div class="box">
<a href="url here">
  <img src="img url" id="imagebox" class="box-inner" alt="mainpage">

CSS部分：

.盒子{

显示：弯曲；

对齐项目：中心；

边距底部：10px；

}

.box-inner{

右边距：10px；

宽度：100px；

高度：自动；

显示：块；

}