如何在“文本和全图(右文)”布局中为图像添加自定义域?

时间:2021-03-13 作者:CodeForGood

我需要在标准中添加另一个图像“;文本和全图(文本右)布局“;在WordPress中。默认情况下,此布局具有图像字段。我找到了呈现此页面的php文件text-and-full-image-text-right.php 有没有办法在这个标准布局中添加一个新的图像字段?下面的屏幕截图显示了我需要放置新图像的位置。我知道如何在模板中使用自定义字段,但不知道如何在编辑屏幕的布局/行中使用它们?

enter image description here

如何覆盖以下WordPress核心文件,以便在上图所示的布局中添加自定义图像字段。

<?php
$headline = get_sub_field( \'headline\' );
$text_area = get_sub_field( \'text_area\' );
$link = get_sub_field( \'cta\' );
$image = get_sub_field( \'image\' );
?>

<div class="bg-white-base">
  <div class="wrap-x">
    <div class="inside">
      <div class="row middle-xs mb0">
        
        <?php if($image): ?>
        <div class="col col-xs-12 col-md-6 mb0 col-img ">
          <picture>
            <source media="(max-width: 360px)" srcset="<?php echo($image[\'sizes\'][\'xsmall\']); ?>">
            <source media="(max-width: 668px)" srcset="<?php echo($image[\'sizes\'][\'small\']); ?>">
            <source media="(max-width: 1024px)" srcset="<?php echo($image[\'sizes\'][\'medium\']); ?>">
            <source media="(max-width: 1280px)" srcset="<?php echo($image[\'sizes\'][\'large\']); ?>">
            <source srcset="<?php echo($image[\'sizes\'][\'xlarge\']); ?>">
            <img src="<?php echo($image[\'sizes\'][\'xlarge\']); ?>" alt="<?php echo $image[\'alt\']; ?>" class="m-auto" />
          </picture>
        </div>
        <?php endif; ?>
        
        <div class="col col-xs-12 col-md-6 mb0">
          <div class="pt2x"></div>
          
          <?php if($headline): ?>
          <h2 class="mb0 color-tan-darkest alt-heading h5">
            <?php echo $headline; ?>
          </h2>
          <?php endif; ?>
          
          <?php if($text_area): ?>
          <article class="body-area mt">
            <?php echo $text_area; ?>
          </article>
          <?php endif; ?>
          
          <?php if($link): ?>
          <div class="mt2x">
            <a href="<?php echo $link[\'url\']; ?>" target="<?php echo $link[\'target\']; ?>" class="btn btn-tan" role="button">
              <?php echo $link[\'title\']; ?>
            </a>
          </div>
          <?php endif; ?>
          
          <div class="pb2x"></div>
        </div>
        

        
      </div>
    </div>
  </div>
</div>

1 个回复
最合适的回答,由SO网友:CodeForGood 整理而成

我不得不复制现有的灵活布局,使用高级自定义字段插件添加两个新字段。还需要复制和修改相关的PHP文件,以显示新的字段内容。

相关推荐

delete post also attachments

我正在尝试删除包含所有附件的帖子。这就是我现在想到的函数;function remove_post(){ if(isset($_POST[\'post_id\']) && is_numeric($_POST[\'post_id\'])){ $post = get_post($_POST[\'post_id\']); if(get_current_user_id() == $pos