从 WordPress function.php 调用函数到 page-home.php

Posted 2023-03-06

【中文标题】从 WordPress function.php 调用函数到 page-home.php

【英文标题】：Call function from WordPress function.php to page-home.php

【发布时间】：2015-11-24 21:24:53

【问题描述】：

我被困在这个问题上。请帮忙。基本上，我正在尝试在图像上创建悬停以显示社交图标效果。单击社交图标将在新窗口中将您带到社交网站的相关页面。我让悬停工作，除了 onclick 根本没有打开。

我的主要社交图标功能在functions.php中如下：

    function tfd_social_buttons($content) 
global $post;
$permalink = get_permalink($post->ID);
$title = get_the_title();
if(!is_feed() && !is_home() && !is_page()) 
    $content = $content . '<div class="tfd-social-buttons">
<h5>SHARE ON</h5>

    <a class="icon-twitter" href="http://twitter.com/share?text='.$title.'& url='.$permalink.'"
        onclick="window.open(this.href, \'twitter-share\', \'width=550,height=235\');return false;">
        <span>Twitter</span>
    </a>    

    <a class="icon-fb" href="https://www.facebook.com/sharer/sharer.php?u='.$permalink.'"
         onclick="window.open(this.href, \'facebook-share\',\'width=580,height=296\');return false;">
        <span>Facebook</span>
    </a>

    <a class="icon-gplus" href="https://plus.google.com/share?url='.$permalink.'"
       onclick="window.open(this.href, \'google-plus-share\', \'width=490,height=530\');return false;">
        <span>Google+</span>
    </a>
</div>';

return $content;
 
  add_filter('the_content', 'tfd_social_buttons');'

这就是我试图在我的 page-home.php 上实现的内容

<!-- Beginning of Featured Stories -->
            <div id="freshly-pressed">
<?php
global $post;
$args = array( 'post_type' => 'post', 'posts_per_page' => -1 );
$myposts = get_posts( $args );
 foreach( $myposts as $post ) : setup_postdata($post); ?>

            <div class="press">
   <figure class="cap-bot">
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('large', array('class' => 'featured-thumb grayscale')); ?></a>
           <figcaption>
      <div class="tfd-social-buttons">
<a class="icon-twitter" href="http://twitter.com/share?text='.$title.'& url='.$permalink.'"
    onclick="window.open(this.href, \'twitter-share\', \'width=550,height=235\');return false;">
    <span>Twitter</span>
</a>    

<a class="icon-fb" href="https://www.facebook.com/sharer/sharer.php?u='.$permalink.'"
     onclick="window.open(this.href, \'facebook-share\',\'width=580,height=296\');return false;">
    <span>Facebook</span>
</a>

<a class="icon-gplus" href="https://plus.google.com/share?url='.$permalink.'"
   onclick="window.open(this.href, \'google-plus-share\', \'width=490,height=530\');return false;">
    <span>Google+</span>
</a>
</div>
 </figcaption>
 </figure>
                <div class="press-info">
<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
            <p><?php the_date(); ?></p><p><?php $content = get_the_content(); echo wp_trim_words( $content , '15' ); ?></p>
            </div><!-- press-info --> 

            </div><!-- press --> 
      <?php endforeach; ?> 
            </div><!-- Freshly Pressed -->   
            <!-- End of Featured Stories -->

悬停效果和图标可见，但 onclick 不会打开新窗口。无论如何我可以在functions.php的onclick上调用该函数。任何帮助将不胜感激。

【问题讨论】：

你最好在Wordpress Development问这个问题。

在您的 page-home.php 中，您不必转义单引号；例如将 \'facebook-share\' 更改为 'facebook-share'。此外：您是否在浏览器控制台中看到任何 javascript 错误？

【参考方案1】：

出于安全原因，Wordpress 通常会停止某些代码行，问题是它不会通知您。 尝试使用此plugin 在帖子中插入代码，当您安装插件时，将代码放在 [script] 和 [/script] 之间