Question

我正在网站上工作并使用常规主题主页而不是创建静态页面。他们（Business Elite）在页面底部附近有一个“联系我们”部分。我正在处理的网址是http://dlecpa1.com。主题不允许我更改“联系我们”部分中的三个图像，以便它们具有链接。我确实弄清楚如何更改第一个图像文本行以阅读＆＃34; CALL US＆＃34;通过在inc-front-front-function php下的css中更改它，但这并没有帮助我添加第二和第三个图像（circle_bg2和circle_bg3）的链接。我知道我无法使用css添加链接，所以我尝试使用javascript但是我迷失了尝试。我知道我需要添加js和html才能使链接正常工作，但我不知道如何做到这一点。我不知道这是否有帮助，但这就是我发现的css中的内容。

＆＃13;

<!-- TOP PART -->
        <ul class="cont_us_top container">
          <?php if ($contact_us_name) { ?>
            <!--name-->
            <li>
              <div class="circle" id="circle_bg1"></div>
              <div><p class="cont_title"> <?php echo __('CALL US', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_name; ?> </p></div>
            </li>
          <?php } ?>
          <?php if ($contact_us_address) { ?>
            <!--address-->
            <li>
              <div class="circle" id="circle_bg2"></div>
              <div><p class="cont_title"> <?php echo __('ADDRESS', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_address; ?> </p></div>
            </li>
          <?php } ?>
          <?php if ($contact_us_mail && $contact_us_showmail) { ?>
            <!--mail-->
            <li>
              <div class="circle" id="circle_bg3"></div>
              <div><p class="cont_title"> <?php echo __('EMAIL', "business-elite"); ?> </p>
                <p class="cont_text"> <?php echo $contact_us_mail; ?> </p></div>
            </li>
          <?php } ?>
        </ul>

        <div class="right_home right_home_center">
          <?php self::social_icons(); ?>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="clear"></div>
    <?php
  }
  }

＆＃13;

我真的很感激对此的一些帮助，这超出了我的wordpress技能。

Answer 1

您只需要进入CSS并查找＃circle_bg1 ID，然后将背景图像更改为您想要的ID：

#circle_bg1 {
    background: url(images/yournewimagelink.jpg) no-repeat center;
}

3个圆圈类位于style.css文档中，从第1979行开始。

如何在Wordpress中添加指向硬编码图像的链接？

1 个答案: