如何确保社交图标出现在所有页面上？

时间：2017-06-24 作者：Daniel

我使用高级自定义字段编码了一个页脚部分，其中社交图标有自己的字段标签、名称和类型。您可以看到下图：

enter image description here

现在你看到它说如果Page等于Home，则显示此字段组，逻辑方法是添加“并且Page等于About Us”等等，但当我尝试时，它不起作用。我不知道如何让这个自定义字段显示在我网站的所有页面上。

以下是它在所有页面上的外观：

enter image description here

这是我的页脚。php文件：

<?php

// Custom Fields
$modal_title            = get_post_meta(14, \'modal_title\', true);
$modal_body             = get_post_meta(14, \'modal_body\', true);
$modal_logo             = get_post_meta(14, \'modal_logo\', true);

// Advanced Custom Fields
$twitter_username       = get_field(\'twitter_username\');
$instagram_username     = get_field(\'instagram_username\');
$facebook_username      = get_field(\'facebook_username\');

?>

<!-- FOOTER -->
      <footer class="footer">
        <div class="container">
          <div class="col-lg-12">

            <?php if(!empty($twitter_username)) : ?>
             <a href="https://twitter.com/<?php echo $twitter_username; ?>" target="_blank" class="badge social twitter"><i class="fa fa-twitter"></i></a>
            <?php endif; ?>

            <?php if(!empty($instagram_username)) : ?>
             <a href="https://instagram.com/<?php echo $instagram_username; ?>" target="_blank" class="badge social instagram"><i class="fa fa-instagram"></i></a>
            <?php endif; ?>

            <?php if(!empty($facebook_username)) : ?>
             <a href="https://facebook.com/<?php echo $facebook_username; ?>" target="_blank" class="badge social facebook"><i class="fa fa-facebook"></i></a>
            <?php endif; ?>

          </div>
            <div class="col-md-12">
              <p>&copy; 2008-2017 Three Green Birds. All Rights Reserved.</p>
            </div>
        </div>
        </footer>

        <!-- DONATE
        ==========================================================================  -->
        <div class="modal fade" id="myModal">
           <div class="modal-dialog">
              <div class="modal-content">
                 <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel"><i class="fa fa-envelope"></i> <?php echo $modal_title; ?></h4>
                 </div><!-- modal-header -->
                 <div class="modal-body">
                    <p><?php echo $modal_body; ?></p>
                    <?php echo $modal_logo; ?>
                 </div><!-- modal-body -->
              </div><!-- modal-content -->
           </div><!-- modal-dialog -->
        </div><!-- modal -->



<?php wp_footer(); ?>

 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  </body>
</html>

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

您有2个选项：使用Options Page （如果您有ACF Pro）或者您也可以get the values from another post.

Options Page

首先，在函数上创建一个设置页面。php：

if( function_exists(\'acf_add_options_page\') ) {

    acf_add_options_page();

}
然后在ACF上选择这些字段属于选项页，然后在wp admin上获得选项页。

要显示模板上的字段，可以使用相同的模板函数，但必须添加第二个参数：

<p><?php the_field(\'field_name\', \'option\'); ?></p>

Get values from another post

在ACF上，您可以在一个页面中设置字段。例如，在您的主页上。

在ACF模板函数的第二个参数上，添加该页面的ID：

<p><?php the_field(\'field_name\', 123); ?></p>
其中123是设置ACF字段的页面的ID。

结束
标签： advanced-custom-fields   小码农  

相关推荐

如何确保社交图标出现在所有页面上？ - 小码农CODE - 行之有效找到问题解决它

如何确保社交图标出现在所有页面上？

时间：2017-06-24 作者：Daniel

我使用高级自定义字段编码了一个页脚部分，其中社交图标有自己的字段标签、名称和类型。您可以看到下图：

enter image description here

现在你看到它说如果Page等于Home，则显示此字段组，逻辑方法是添加“并且Page等于About Us”等等，但当我尝试时，它不起作用。我不知道如何让这个自定义字段显示在我网站的所有页面上。

以下是它在所有页面上的外观：

enter image description here

这是我的页脚。php文件：

<?php

// Custom Fields
$modal_title            = get_post_meta(14, \'modal_title\', true);
$modal_body             = get_post_meta(14, \'modal_body\', true);
$modal_logo             = get_post_meta(14, \'modal_logo\', true);

// Advanced Custom Fields
$twitter_username       = get_field(\'twitter_username\');
$instagram_username     = get_field(\'instagram_username\');
$facebook_username      = get_field(\'facebook_username\');

?>

<!-- FOOTER -->
      <footer class="footer">
        <div class="container">
          <div class="col-lg-12">

            <?php if(!empty($twitter_username)) : ?>
             <a href="https://twitter.com/<?php echo $twitter_username; ?>" target="_blank" class="badge social twitter"><i class="fa fa-twitter"></i></a>
            <?php endif; ?>

            <?php if(!empty($instagram_username)) : ?>
             <a href="https://instagram.com/<?php echo $instagram_username; ?>" target="_blank" class="badge social instagram"><i class="fa fa-instagram"></i></a>
            <?php endif; ?>

            <?php if(!empty($facebook_username)) : ?>
             <a href="https://facebook.com/<?php echo $facebook_username; ?>" target="_blank" class="badge social facebook"><i class="fa fa-facebook"></i></a>
            <?php endif; ?>

          </div>
            <div class="col-md-12">
              <p>&copy; 2008-2017 Three Green Birds. All Rights Reserved.</p>
            </div>
        </div>
        </footer>

        <!-- DONATE
        ==========================================================================  -->
        <div class="modal fade" id="myModal">
           <div class="modal-dialog">
              <div class="modal-content">
                 <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel"><i class="fa fa-envelope"></i> <?php echo $modal_title; ?></h4>
                 </div><!-- modal-header -->
                 <div class="modal-body">
                    <p><?php echo $modal_body; ?></p>
                    <?php echo $modal_logo; ?>
                 </div><!-- modal-body -->
              </div><!-- modal-content -->
           </div><!-- modal-dialog -->
        </div><!-- modal -->



<?php wp_footer(); ?>

 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  </body>
</html>

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

您有2个选项：使用Options Page （如果您有ACF Pro）或者您也可以get the values from another post.

Options Page

首先，在函数上创建一个设置页面。php：

if( function_exists(\'acf_add_options_page\') ) {

    acf_add_options_page();

}
然后在ACF上选择这些字段属于选项页，然后在wp admin上获得选项页。

要显示模板上的字段，可以使用相同的模板函数，但必须添加第二个参数：

<p><?php the_field(\'field_name\', \'option\'); ?></p>

Get values from another post

在ACF上，您可以在一个页面中设置字段。例如，在您的主页上。

在ACF模板函数的第二个参数上，添加该页面的ID：

<p><?php the_field(\'field_name\', 123); ?></p>
其中123是设置ACF字段的页面的ID。

标签： advanced-custom-fields   小码农  

相关推荐