如何将div的变量添加到wordpress函数中？

Question

嘿所有，我想添加一些div的变量到函数。我知道html需要被封装，那么最好的方法是什么？这是我想要添加到函数中的代码。

function add_before_sidebar() { 

    <div class="acro-sidebar-preview"> 
     <div class="acro-sidebar"> 
      <div class="image-container"> 
       <div id="profile-picture-preview" class="profile-picture" style="background-image: url(<?php print $picture; ?>)"> 
     </div> 
    </div> 
     <h1 class="acro-username"><?php print $fullname; ?></h1> 
     <h2 class="acro-description"><?php print $description; ?></h2> 
    <div class="icons-wrapper"> 

    <?php print '<a href="' . $twitter . '"><img src="' . plugins_url('img/twitter.png', __FILE__) . '" ></a>' ?> 
    <?php print '<a href="' . $facebook . '"><img src="' . plugins_url('img/facebook.png', __FILE__) . '" ></a>' ?> 
    <?php print '<a href="' . $google . '"><img src="' . plugins_url('img/googleplus.png', __FILE__) . '" ></a>' ?> 

     </div> 
    </div> 
</div> 
} 
add_action('get_sidebar', 'add_before_siderbar'); 

所有上面的代码连接到该组变量我已经安装

<?php 
    $picture = esc_attr(get_option('profile_picture')); 
    $firstname = esc_attr(get_option('first_name')); 
    $lastname = esc_attr(get_option('last_name')); 
    $fullname = $firstname . ' ' . $lastname; 
    $description = esc_attr(get_option('user_description')); 
    $twitter = esc_attr(get_option('twitter_handler')); 
    $facebook = esc_attr(get_option('facebook_handler')); 
    $google = esc_attr(get_option('google_handler')); 
    ?> 

代码本身的运作功能的伟大之外。我很熟悉在一个函数中用变量写一个div，但是这比我习惯的更复杂一些。任何帮助，将不胜感激。提前致谢！

Answer 1

你可以这样写：

function add_before_sidebar() { 
?> 
    <div class="acro-sidebar-preview"> 
     <div class="acro-sidebar"> 
      <div class="image-container"> 
       <div id="profile-picture-preview" class="profile-picture" style="background-image: url(<?php print $picture; ?>)"> 
     </div> 
    </div> 
     <h1 class="acro-username"><?php print $fullname; ?></h1> 
     <h2 class="acro-description"><?php print $description; ?></h2> 
    <div class="icons-wrapper"> 

    <?php print '<a href="' . $twitter . '"><img src="' . plugins_url('img/twitter.png', __FILE__) . '" ></a>' ?> 
    <?php print '<a href="' . $facebook . '"><img src="' . plugins_url('img/facebook.png', __FILE__) . '" ></a>' ?> 
    <?php print '<a href="' . $google . '"><img src="' . plugins_url('img/googleplus.png', __FILE__) . '" ></a>' ?> 

     </div> 
    </div> 
</div> 
<?php } 
add_action('get_sidebar', 'add_before_siderbar');