PHP中的超链接自动生成图像

PHP中的超链接自动生成图像,php,css,wordpress,Php,Css,Wordpress,我正在为我的第一个客户建立一个网站 我想以某种方式改变主题,以便将我的图像超链接到特色框位置(幻灯片演示的正下方),在同一窗口中打开一个页面 问题在于,这些图像是由一个PHP脚本自动生成/获取的,该脚本从媒体库中获取这些图像,因此一个脚本可以对所有八个图像执行所有操作 我想让PHP获取的每个图像都链接到自己的页面,为我的网站添加交互性,但我尝试了几件事,但在style.css和featured box.PHP文件中都是徒劳的 我想这是因为我找不到超链接的元素,因为它是自动生成的 下面是featu

我正在为我的第一个客户建立一个网站

我想以某种方式改变主题,以便将我的图像超链接到特色框位置(幻灯片演示的正下方),在同一窗口中打开一个页面

问题在于,这些图像是由一个PHP脚本自动生成/获取的,该脚本从媒体库中获取这些图像,因此一个脚本可以对所有八个图像执行所有操作

我想让PHP获取的每个图像都链接到自己的页面,为我的网站添加交互性,但我尝试了几件事,但在style.cssfeatured box.PHP文件中都是徒劳的

我想这是因为我找不到超链接的元素,因为它是自动生成的

下面是featured box.PHP文件中的PHP脚本的一部分,用于获取8幅图像并将其放置在featured box位置:

<div id="featured-boxs">
<?php foreach (range(1,8) as $fboxn) { ?>
<span class="featured-box"> 
<img class="box-image" src="<?php echo of_get_option('featured-image' . $fboxn,   get_template_directory_uri() . '/images/featured-image' . $fboxn . '.png') ?>"/>
<h3><?php echo of_get_option('featured-title' . $fboxn, 'Simplicity Theme for Small  Business'); ?></h3>
<div class="content-ver-sep"></div><br />
<p><?php echo of_get_option('featured-description' . $fboxn , 'The Color changing  options of Simplicity will give the WordPress Driven Site an attractive look. Simplicity  is super elegant and Professional Responsive Theme which will create the business widely  expressed.'); ?></p>
</span>

这些特色“帖子”是从您的主题选项中提取的。你需要在“特色标题”和“特色图片”中添加一个新的“特色链接”选项

我没有测试以下步骤,但您会明白的

1.添加超链接选项以简化精简 将此超链接选项添加到simplication-lite/inc/options.php的89/90行中

$options[] = array(
  'name' => 'Hyperlink', 
  'desc' => 'Input the link for the Featured Areas.', 
  'id' => 'featured-hyperlink' . $fbsinumber,
  'std' => '#',
  'type' => 'text', );
保存文件,您将在主题选项中看到一个新选项

2.输出链接 您可以使用主题选项附带的此功能从设置中提取信息: 获取选项()的
。此函数接受两个参数:
名称
默认值
。您可以在simplicity-lite/inc/options-framework.php第383行中找到更多关于它的信息

让我们使用
a
标记将每个图像包装起来,并将其添加到设置中存储的字符串中

simplicity-lite/featured-box.php,第12行

<img class="box-image" src="<?php echo of_get_option('featured-image' . $fboxn, get_template_directory_uri() . '/images/featured-image' . $fboxn . '.png') ?>"/>
“/>
变成

<?php echo of_get_option('featured-image' . $fboxn) ? '<a href="' . of_get_option('featured-hyperlink' . $fboxn) . '">' : ''; ?>
  <img class="box-image" src="<?php echo of_get_option('featured-image' . $fboxn, get_template_directory_uri() . '/images/featured-image' . $fboxn . '.png') ?>"/>
<?php echo of_get_option('featured-image' . $fboxn) ? '</a>' : ''; ?>

"/>

您需要加入Stack Exchange的英语网络。非常感谢Hassim迄今提供的帮助。根据你在这里给我的建议,我已经取得了一些进展。然而,现在的挑战是,当我点击图像时,它会打开图像本身,而不是主题选项中提供的超链接。我请求你就如何克服这一挑战提出建议。另外,非常感谢大家的帮助,特别是哈西米。我在上面的例子中编辑了一个打字错误:而不是“特色图片”
<?php echo of_get_option('featured-image' . $fboxn) ? '<a href="' . of_get_option('featured-hyperlink' . $fboxn) . '">' : ''; ?>
  <img class="box-image" src="<?php echo of_get_option('featured-image' . $fboxn, get_template_directory_uri() . '/images/featured-image' . $fboxn . '.png') ?>"/>
<?php echo of_get_option('featured-image' . $fboxn) ? '</a>' : ''; ?>