隐藏空值和链接值

时间:2018-01-31 05:04:07

标签: php css wordpress

我正在使用WordPress网站,并希望在肥胖的图像下集成照片标题和照片信用额度。我找到了一个很棒的代码,可以在媒体上传页面中添加一个摄影师信用和URL字段。但是,在页面中显示它后,我想进一步自定义它。

目前,当我上传照片时,我可以添加摄影师姓名和摄影师(或来源)网址。如果填写,URL会自动链接到该名称。但是,我想要做的是在摄影师姓名之前添加一个文本和图标来说明"(icon)Image Credit /"

我能够使用css添加它,但是,当没有摄影师名称时,它仍然显示Image Credit文本和图标但没有名称。如果摄影师名称字段中没有值,我该如何隐藏?

另外,如果我输入摄影师姓名,但没有输入网址,则会将名称链接到空网址。如果URL字段为空,我如何才能使它不链接名称?

以下是我正在使用的代码:

function be_attachment_field_credit( $form_fields, $post ) {
$form_fields['be-photographer-name'] = array(
    'label' => 'Photographer Name',
    'input' => 'text',
    'value' => get_post_meta( $post->ID, 'be_photographer_name', true ),
    'helps' => 'If provided, photo credit will be displayed',
);

$form_fields['be-photographer-url'] = array(
    'label' => 'Photographer URL',
    'input' => 'text',
    'value' => get_post_meta( $post->ID, 'be_photographer_url', true ),
    'helps' => 'Add Photographer URL',
);

return $form_fields;
}

add_filter( 'attachment_fields_to_edit', 'be_attachment_field_credit', 10, 2 );

/**
 * Save values of Photographer Name and URL in media uploader
 *
 * @param $post array, the post data for database
 * @param $attachment array, attachment fields from $_POST form
 * @return $post array, modified post data
 */

function be_attachment_field_credit_save( $post, $attachment ) {
    if( isset( $attachment['be-photographer-name'] ) )
        update_post_meta( $post['ID'], 'be_photographer_name', $attachment['be-photographer-name'] );

    if( isset( $attachment['be-photographer-url'] ) )
update_post_meta( $post['ID'], 'be_photographer_url', esc_url( $attachment['be-photographer-url'] ) );

    return $post;
}

add_filter( 'attachment_fields_to_save', 'be_attachment_field_credit_save', 10, 2 );

然后在我的single.php文件中,我添加了以下代码以显示照片信用。

<div id="tgg_credit_line" class="tgg-photo-credit" align="right">
  <?php echo "&#x1F4F7; Image Credit / " ?><a href="<?php echo get_post_meta(get_post_thumbnail_id(), 'be_photographer_url', true); ?>"><?php echo get_post_meta(get_post_thumbnail_id(), 'be_photographer_name', true); ?></a>
  </div>

1 个答案:

答案 0 :(得分:1)

您可以先查看是否设置了摄影师姓名,如果没有,请不要添加任何信用代码。您还可以检查是否有网址,然后只在必要时添加链接标记。应该使用此代码代替单个模板中的代码。

<?php 
$photographer_name = get_post_meta(get_post_thumbnail_id(), 'be_photographer_name', true);
$photographer_url = get_post_meta(get_post_thumbnail_id(), 'be_photographer_url', true);

if ( $photographer_name ) : ?>
    <div id="tgg_credit_line" class="tgg-photo-credit" align="right">
    &#x1F4F7; Image Credit /
    <?php if ( $photographer_url ) : ?> 
         <a href="<?php echo $photographer_url ?>">
    <?php endif; ?>
    <?php echo $photographer_name ?>
    <?php if ( $photographer_url ) : ?> 
         </a>
    <?php endif; ?>
    </div>
<?php endif; ?>