Я создаю сайт для одного из моих первых клиентов, использующего WordPress «Simplicity-Lite Theme» .
Я хотел бы как-то изменить тему, чтобы гиперссылка на мои изображения в позиции признака (справа внизу слайд-шоу), чтобы открыть страницу в том же окне.
Проблема заключается в том, что изображения автоматически генерируются / извлекаются с помощью PHP-скрипта, который выбирает их из медиа-галереи, и поэтому один скрипт делает все это для всех восьми изображений.
Я хочу, чтобы каждое из этих изображений было выбрано ссылкой PHP на его собственную страницу, чтобы добавить интерактивность на мой сайт, но я пробовал несколько вещей, но все напрасно как в файлах style.css, так и в файлах featured-box.php .
Я думаю, это потому, что я не могу найти элемент для гиперссылки, поскольку он автогенерируется.
Ниже приведен фрагмент PHP-скрипта в файле featured-box.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;}
Избранные «сообщения» извлекаются из ваших параметров темы. Вам нужно будет добавить новую опцию «featured-link» среди «featured-title» и «featured-image».
Я не тестировал следующие шаги, но вы получите эту идею.
Добавьте эту опцию гиперссылки в строку 89/90 of simplicity-lite / inc / options.php
$options[] = array( 'name' => 'Hyperlink', 'desc' => 'Input the link for the Featured Areas.', 'id' => 'featured-hyperlink' . $fbsinumber, 'std' => '#', 'type' => 'text', );
Сохраните файл, и вы увидите новую опцию в настройках темы.
Вы можете вывести информацию из своих настроек, используя эту функцию, которая поставляется с параметрами темы: of_get_option() . Эти функции принимают два параметра: name и default value . Вы можете узнать об этом в файле simplicity-lite / inc / options-framework.php , строка 383 .
Позволяет обернуть каждое из изображений тегом и href его к сохраненной строке в ваших настройках.
simpleicity-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>' : ''; ?>