标题上方的图像:Wordpress

时间:2011-10-05 14:12:00

标签: php javascript wordpress

我正在尝试在wordpress(主页和单页)上的标题上方显示图像(类coreimgcoreimg大小:固定(例如:680 x 240)
我知道我可以通过相对对齐来做一些css技巧,但我想要一个更复杂的方法。我还尝试了westondeboer get_first_image()方法。但关键点是 -

  • 无法获取特定图片(使用课程coreimg),它必须是第一个。
  • 很难插入图片自己的alttitle

所以我要做的就是创建一个wp短代码,类似于:

  

[coreimg src =“http://example.org/wp-content/uploads/2010/06/fly.jpg”title =“放风筝”]

甚至以下代码都可以:

<img src="http://example.org/wp-content/uploads/2010/06/fly.jpg" title="The flying kite" alt="The flying kite" class="coreimg"/>

更新:问题只是通过php获取图片。而且我无法做到,所以我重新开始并希望代码能够启动   的 UPDATE2:
single.php

中的当前代码
<h1 class="entry-title"><?php the_title();?></h1><?php the_content(); ?>

新代码(应该是这样):

<img src="<?php get_coreimg_url(); ?>" title="<?php get_coreimg_title(); ?>" alt="<?php get_coreimg_title(); ?>" class="headcoreimg"/>  
<h1 class="entry-title"><?php the_title();?></h1><?php the_content(); ?>

现在我需要get_coreimg_url()get_coreimg_title()代码functions.php

2 个答案:

答案 0 :(得分:1)

您可以修改get_first_image()中的代码以查找具有该类的标记,而不仅仅是第一个图像。您必须更改正则表达式以查找class =“coreimg”或其他内容。

答案 1 :(得分:0)

终于得到了解决方案。 (:
谢谢大家的帮助..

所以你基本上只需要从<h1 class="entry-title"><?php the_title();?></h1>和/或single.php中移除默认index.php(对于默认主题)

functions.php中添加以下功能:

function coreimg($atts) {
   // Just add the below shortcode in the post.
   // [cover src='http://localhost/wordpress/wp-content/uploads/2010/06/flyingkite.jpg' title='A flying Kite']
   global $post;
   extract(shortcode_atts(array('src' => '', 'title' => '' ), $atts));
   if($src == '') {
    $src = get_bloginfo('template_directory') . '/rotate.php';
   }
   if ($title == '') {
    $title = "{$post->post_title}";
   }
   $coverup = '<a href="';
   $coverup .= get_permalink($post->ID);
   $coverup .= '" ' . "alt='{$title}' title='{$title}' class='corecover'><img src='";
   $coverup .= "{$src}' class='cocover' alt='{$title}' title='{$title}' /></a>";
   $before = '<h1 class="entry-title"><a href="' . get_permalink($post->ID) .'" title="' . "{$post->post_title}\">";
   $after = '</a></h1>';
   $output = "{$coverup}{$before}{$post->post_title}{$after}";

   return $output;
}
add_shortcode('cover', 'coreimg');

您可以从alistapart抓取random.php文件。

它做什么(特殊)

如果默认情况下您没有为帖子指定任何特定图像,则会旋转您可以在文件夹中上传的随机标题图像(并在random.php中指定) 。此代码的短代码似乎是[cover title="The flying kite"][cover]。对于完整的网址短代码,您可以输入[cover src="../mykite.png"][cover src="../mykite.png" title="Hey, look a kite!"]