建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

wordpress独立页面模版制作教程(wordpress搜索页制作和调用的方法)

GG网络技术分享 2025-03-18 16:12 0


wordpress独立页面模版制作教程

很多WordPress模板并没有带tags.php, 而且Simple Tags这个插件无法用HTML注释语句的方法来实现标签云函数的调用, 所以, 这就需要大家自己来手动给模板创建一个tags.php. 方法其实很简单, 基本不需要大家做什么大规模的修改, 因为虽然很多模板没有带tags.php, 但它们绝大多数都会带有page.php或者single.php这些用于单独页面的模板文件, 我们要做的就是选择一个复制一份并改名为tags.php, 然后简单地修改一下里面的内容就可以了, 而里面的代码也不难理解, 尤其是如果有一定HTML基础或者PHP基础的人来说. 下面以tags.php的代码做一个简单的讲解.

首先选择一个你认为适合做tag页的模板文件, page.php也好single.php也好, 根据你的情况来看, 都无所谓. 然后修改里面的源代码.

源代码的解释是:

<?php /* Template Name: Tags */ ?> <!-- 上面这段很重要, 它会告诉WordPress这是一个命名为Tags的模板文件. --> <?php get_header(); ?> <!-- 上面一行代码为导入网页页首模板文件 --> <h3>标签云</3> <?php the_content(__('(more...)')); ?> <!-- 上面一行代码为显示页面的文章内容函数 --> <?php st_tag_cloud('cloud_selection=count-desc&cloud_sort=random&number=5000s&largest=32&smallest=10&unit=pt &maxcolor=#CC3300&mincolor=#339966'); ?> <? php // st_tag_cloud(); ?> <?php // wp_tag_cloud('smallest=14&largest=46&unit=px&number=5000');?> <!-- 以上三行代码为显示标签云的函数,任选一行, 第一个是用Simple Tags插件的带参数的函数, 第二个是用Simple Tags的不带参数的函数, 如用第二个, 要修改字体大小, 颜色, 显示数量等效果可以在WordPress后台Simple Tags的Tag cloud选项里面设置, 第三个是WordPress自带的标签云函数, 如果你没有安装任何标签插件, 可以使用WordPress自 带的这个函数来实现标签云, 其中smallest=代表最小字体, largest=代表最大字体, unit=代表单位(可以选pt[磅]或px[像素], number=代表显示标签数量. 这三个函数你可以选择任意一个使用, 之后用//屏蔽掉另外两个即可. 当然了,你还可以自己编写函数来显示标签云--> </div> </div> </div> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> </td> </tr> </table> <?php get_footer(); ?> <!-- 上面一行代码为导入模板页脚文件 -->

修改好以后, 保存, 并命名为tags.php上传到你WordPress当前使用的模板的目录(例如: WP安装根目录/wp-content/themes/模板A/)

接着到你的WordPress后台, 在”管理”-“页面”中, 编辑或者创建你的标签页. 然后你会在编辑页面的右侧一排功能选项出看到多出一个”页面模块”的选项。

在页面模板里选择刚刚编辑上传的tags.php, 然后在页面缩略名中将缩略名命名为tags(即模板文件里定义的名字), 然后保存就可以了.如果你在编辑页面的右侧功能处找不到”页面模块”选项, 或者页面模块选项里面没有你刚刚上传的文件, 那么请查看上面源代码中第一处红色加粗字体注释的地方, 必须为模板文件命名才能正确被WordPress识别并读取到页面模块中.另外除了标签页, 其他页面也可以用这个方法实现, 根据自己的情况和需要自己来修改就可以了。

根据这个原理,你可以制作自己的网站地图,独立搜索页,一篇和网站风格完全不同的活动页面,总之wordpress的该功能能给了开发者更多可以发挥的空间

wordpress搜索页制作和调用的方法

当网站内容比较多的时候,搜索页就显得非常重要了。

今天给大家介绍wordpress搜索页的制作方法,

在没有搜索内容的时候调用不同模板来显示。

在search.php页面中加入如下代码:

<?php if ( have_posts() ) : ?>

<?php while ( have_posts() ) : the_post(); ?>

<div><a href="<?php echo get_permalink($post->ID); ?>"><?php the_title(); ?></a></div>

<?php endwhile; ?>

<?php else : ?>

<article>

<header class="entry-header">

<h1 class="entry-title"><?php _e( '没有找到该文章', 'leizi' ); ?></h1>

</header>

<div class="entry-content">

<p><?php _e( '抱歉没有找到该文章', 'leizi' ); ?></p>

<?php get_search_form(); ?>

</div>

</article>

<?php endif; ?>

搜索关键的调用:

<?php the_search_query() ?>

搜索框的调用:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">

<div>

<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Search" />

</div>

</form>

标签:

提交需求或反馈

Demand feedback