php - 超链接在 PHP 中自动生成图像

Question

我正在使用 Wordpress' Simplicity-Lite Theme 为我的第一批客户之一构建网站.

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

问题是图像是由从媒体库中选取图像的 PHP 脚本自动生成/获取的，因此一个脚本会为所有八张图像完成所有工作。

我想将通过 PHP 获取的这些图像中的每一个都链接到它自己的页面，以便为我的网站添加交互性，但我已经尝试了几种方法，但在 style.css 中都没有成功和 featured-box.php 文件。

我认为这是因为我找不到要超链接的元素，因为它是自动生成的。

下面是 featured-box.php 文件中的 PHP 脚本部分，它获取 8 张图像并将它们放置在特色框位置:

<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>

下面是 style.css 文件中渲染图像的代码:

#featured-boxs{padding:0 0 10px;display:block; margin: 0 -30px; text-align:center;}
.featured-box{width:210px;margin:0 15px 10px; display:inline-block; text-align:left;  vertical-align:top;}

.featured-box h3{font-family:Verdana, Geneva, sans-serif;font-weight:100;font-  size:15px;color:#555555;}
#featured-boxs h2{font-family:Verdana, Geneva, sans-serif;font-weight:100;font- size:19px;color:#555555;}
.featured-box-first{padding:20px 0;width:210px;margin:0;}
#featured-boxs img.box-image{border:3px solid #EEEEEE;width:202px;height:100px;}
#featured-boxs img.box-image:hover{box-shadow:0 0 11px 0px #555555;}
#featured-boxs img.box-icon{width:50px;height:50px;}
h3.featured-box2{width:140px;float:right;}

Answer 1

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

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

1。为 Simplicity Lite 添加超链接选项

将此超链接选项添加到 simplicity-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。输出链接

您可以使用主题选项附带的此功能从您的设置中提取信息:of_get_option()。此函数接受两个参数:name 和 default value。您可以在 simplicity-lite/inc/options-framework.php 的 383 行中找到更多相关信息。

让我们用 a 标签和 href 将每张图片包装到您设置中存储的字符串中。

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>' : ''; ?>