wordpress 自定义分页符

先在functions.php中设置:

function get_pagenavi( $range = 4 ) {
 global $paged,$wp_query;
 if ( !$max_page ) {
 $max_page = $wp_query->max_num_pages;
 }
 if( $max_page >1 ) { 
 if( !$paged ){
 $paged = 1;
 }
 echo "<li>"; previous_posts_link('上一页');echo"</li>";
 if ( $max_page >$range ) {
 if( $paged <$range ) {
 for( $i = 1; $i <= ($range +1); $i++ ) {
 echo "<li><a href='".get_pagenum_link($i) ."'";
 if($i==$paged) echo " class='current'";echo ">$i</a></li>";
 }
 }elseif($paged >= ($max_page -ceil(($range/2)))){
 for($i = $max_page -$range;$i <= $max_page;$i++){
 echo "<li><a href='".get_pagenum_link($i) ."'";
 if($i==$paged)echo " class='current'";echo ">$i</a></li>";
 }
 }elseif($paged >= $range &&$paged <($max_page -ceil(($range/2)))){
 for($i = ($paged -ceil($range/2));$i <= ($paged +ceil(($range/2)));$i++){
 echo "<li><a href='".get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a></li>";
 }
 }
 }else{
 for($i = 1;$i <= $max_page;$i++){
 echo "<li><a href='".get_pagenum_link($i) ."'";
 if($i==$paged)echo " class='current'";echo ">$i</a></li>";
 }
 }
 echo "<li>";next_posts_link('下一页');echo"</li>"; 
 echo '<li><span>共'.$max_page.'页</span></li>'; 
 }
}

调用:

 <div class="pagination">
 <ul>
 <?php get_pagenavi();?>
 </ul>
 </div>

 

调用特色图片为缩略图

调用特色图片为缩略图:
在functions.php中加入add_theme_support( 'post-thumbnails' );
如果想加入自定义格式加入:
add_image_size( 'one', 215, 140, true ); // one是调用参数名,后面是大小
add_image_size( 'two', 345, 205, true ); // Set thumbnailsize

add_image_size( 'big', 350, 220, true ); // Set thumbnail size

调用:尺寸可以在多媒体后台设置
<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?><!--特色图像引用:小尺寸-->
<?php $thumbnail_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'); echo $thumbnail_image_url[0]; ?><!--特色图像引用:中尺寸-->
<?php $medium_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium'); echo $medium_image_url[0]; ?><!--特色图像引用:大尺寸-->
<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large'); echo $large_image_url[0]; ?><!--特色图像引用:自定义尺寸-->
<?php $array_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(200,200)); echo $array_image_url[0]; ?>array(200,200)来定义图片大小也可以 设置为 'one' 在functions.php中设置自定义图片名。

如果没有图片,指定固定图片

<?php if ( has_post_thumbnail() ) { ?>
    <a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>">
        //特色图片
        <img alt="<?php the_title(); ?>" src="<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>"/>
    </a>
<?php } else {?>
    <a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>">
        //暂无图片
        <img title="<?php the_title(); ?>" src="<?php bloginfo('template_url'); ?>/images/morentu.png" />
    </a>
<?php } ?>

 

Contact Form 7 显示提交成功,并返回当前页面URL

1.需要先为按钮指定ID如“submit”,如果页面有多个表单按钮,那就需要定义多个ID

<a href="#" id="submit" onclick="document.getElementById('click').submit();return false;">
				<div class="yuyue-NOW" id="bottomBnt"><i>开始计算</i></div>
			</a>

 

2.DOM到按钮ID,使用javascript事件来跳转

<script type="text/javascript">
		document.getElementById( "submit" ).addEventListener( "click", function () {
			var url;
//将当前页面的URL,赋值给url变量
			url = window.location.href; 
			alert( "提交成功" );
			//跳转到当前页面URL
			location = url;
		} );
	</script>

 

Contact Form 7 Javascript 代替 html sumit做按钮

案例代码:

<head>
        <meta charset="utf-8">
        <title>注册</title>
        <link rel="stylesheet" type="text/css" href="css/reg.css" />

        //以下定义哪个id 的 form使用 javascript代替
		<script type="text/javascript">
            function submit(){
               $("#click").submit();
            }
        </script>

</head>



//定义 form的ID为click
<form action="loginControl" method="post" id="click">
     <p>
        用户名:<input type="text" name="username" id="username" value="" />
     </p>
            //定义a 为submit
     <a href="#" onclick="document.getElementById('click').submit();return false;">注册</a>
</form>

复制代码

 

wordpress 表单插件 Contact Form 7 额外的设置 Flamingo插件

显示效果:

需要对Contact Form 7 额外的设置

官方解释

自定义消息中的主题和字段

在“ 入站消息”管理菜单中,您将看到“ 主题”和“ 来自”字段。这些字段分别包含消息的主题,提交者的姓名和电子邮件地址。

默认情况下,这些字段从Contact Form 7的默认输入字段中检索值:your-subject,your-name和your-email。因此,如果您修改了联系表单并且没有默认输入字段,则“ 主题”和“ 发件人”字段不会显示正确的值。

在这种情况下,请尝试按以下方式自定义这些字段:

在联系表单编辑器页面中打开“ 其他设置”选项卡,然后添加以下行:

flamingo_email: "[the-email-field]"
flamingo_name: "[the-name-field]"
flamingo_subject: "[the-subject-field]"

您可以在每行的值中使用纯文本和邮件标记。您还可以在一行中使用多个邮件标签; 如果你有名字和姓氏的输入字段而不是单个名字段,你可能想要像这样设置flamingo_name:

flamingo_name: "[first-name-field] [last-name-field]"

wordpress 表单插件 Contact Form 7 额外的设置

官方解释:

仅订户模式
subscribers_only: true
您可能希望确保只有登录用户才能提交您的联系表单。在这种情况下,请使用仅限订户模式。在此模式下,未登录的用户无法提交联系表单,并会看到一条消息,通知他们需要登录,而登录用户可以照常使用。

在仅订阅者模式下,不会为联系表单提供反垃圾邮件验证,因为只有受欢迎的人才能够使用它们。如果此假设不适用于您的网站,则仅限订阅者模式可能不适合您。

示范模式
demo_mode: on
如果demo_mode: on在“其他设置”字段中进行设置,则联系表单将处于演示模式。在此模式下,联系表单将跳过发送邮件的过程,只显示“已成功完成”作为响应消息。

跳过邮件
skip_mail: on
该skip_mail设置的工作方式与该方式几乎相同demo_mode,但skip_mail仅跳过邮件发送。不同于demo_mode,skip_mail不影响其他活动,如使用Flamingo存储消息。

接受为验证
acceptance_as_validation: on
默认情况下,接受复选框的行为与其他类型的字段不同; 即使未选中此框,也不会显示验证错误消息。如果acceptance_as_validation: on在“其他设置”字段中进行设置,则联系人表单中的接受复选框的行为方式与其他表单字段的行为方式相同。

有关详细信息,请参阅接受复选框。

火烈鸟设置
您可以自定义Flamingo管理菜单中显示的主题和发件人字段值。有关更多详细信息,请参阅使用Flamingo保存已提交的邮件。

抑制消息存储
do_not_store: true
此设置告知消息存储模块(如Flamingo)不通过此联系表单存储消息。

JavaScript代码
on_sent_ok: “alert(‘sent ok’);”
on_submit: “alert(‘submit’);”
如果您设置on_sent_ok:后跟一行JavaScript代码,则可以告知联系人表单成功发送邮件时应执行的代码。同样地,on_submit:您可以告诉代码在表单提交时应该执行,而不管结果如何。

wordpress调用目录页

调用目录页:

<ul class="mproductpic">
	<?php if ($posts_perpage) { ?>
	<?php $postsperpage = $posts_perpage; ?>
	<?php } else { ?>
    <?php $postsperpage =6; ?>
    <?php } ?>
    <?php
						$categoryID=$cat;
						
						$wp_query = new WP_Query('cat=' . $categoryID. 'orderby=date&order=desc&posts_per_page='.$postsperpage.'&paged='.$paged); ?>
    <?php while (have_posts()) : the_post(); ?>
		
			
			<li>
				<a href=<?php the_permalink() ?> title="<?php the_title(); ?>"><?php if(function_exists('wp_thumbnails_for_homepage')) { wp_thumbnails_for_homepage(); } ?></a>

				<h2 class="mproductpicbt">
					<?php the_title(); ?>
				</h2>
			</li>
	    <?php endwhile; ?>
			<div class="clearfix"></div>
		</ul>

 

wordpress 获取相关文章两种方法 标签tag 和 目录category

1.使用当前文章tag获取:

<ul class="aboutCon">
<?php
global $post;
$post_tags = wp_get_post_tags($post->ID);
if ($post_tags) {
  foreach ($post_tags as $tag) {
    // 获取标签列表
    $tag_list[] .= $tag->term_id;
  }
 
  // 随机获取标签列表中的一个标签
  $post_tag = $tag_list[ mt_rand(0, count($tag_list) - 1) ];
 
  // 该方法使用 query_posts() 函数来调用相关文章,以下是参数列表
  $args = array(
        'tag__in' => array($post_tag),
        'category__not_in' => array(NULL),  // 不包括的分类ID
        'post__not_in' => array($post->ID),
        'showposts' => 6,                           // 显示相关文章数量
        'caller_get_posts' => 1
    );
  query_posts($args);
 $i=1;
  if (have_posts()) {
    while (have_posts()) {
      the_post(); update_post_caches($posts); ?>
    <li><br /><?php echo $i+".";?><?php the_title(); ?>
				<br /><?php the_excerpt(); ?>
				</li>
<?php
    }
  }
  else {
    echo '<li>* 暂无相关文章</li>';
  }
  wp_reset_query(); 
}
else {
  echo '<li>* 暂无相关文章</li>';
}
?>
				
			</ul>

2.使用目录category获取

<?php
			global $post;
			$cats = wp_get_post_categories( $post->ID );
			if ( $cats ) {
				$args = array(
					'category__in' => array( $cats[ 0 ] ),
					'post__not_in' => array( $post->ID ),
					'showposts' => 6,
					'caller_get_posts' => 1
				);
				query_posts( $args );

				if ( have_posts() ) {
					while ( have_posts() ) {
						the_post();
						update_post_caches( $posts );
						?>

			<li class="tuiJianCon last ">

				<ul class="tuiJianNews">

					<li class="font-24" id="shij">
						<?php the_time('d');?><br/>
						<span>
							<?php the_time('Y-m');?>
						</span>
					</li>
					<li class="newsBt"><a href=<?php the_permalink(); ?> title="<?php the_title(); ?>"><?php the_title(); ?></a>
					</li>
					<li class="newsCon"><a href=<?php the_permalink(); ?> title="">  
	<?php the_excerpt(); ?></a>
					</li>
					<div class="clearfix"></div>
				</ul>
			</li>


			<?php
			}
			} else {
				echo '<li>* 暂无相关文章</li>';
			}
			wp_reset_query();
			}
			else {
				echo '<li>* 暂无相关文章</li>';
			}
			?>

 

wordpress 代码实现分页

分页符调用:

<?php echo paginate_links(array(
    'prev_next'          => 0,
    'before_page_number' => '',
    'mid_size'           => 2,
));?>

分页CSS:

/*分页样式*/
.posts-nav {
	font-size: 14px;
	color:#000000;
	padding: 10px 0;
	margin: 0 auto;
	line-height:23px;text-align:center;
}
.posts-nav .page-numbers {
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	display: inline-block;
	text-align: center;
	width: 30px;
	line-height: 30px;
	margin: 0 5px;
}
.posts-nav .page-numbers.current, .posts-nav .page-numbers:not(.dots):hover {
	background: #1F7508;
	border-color: #1F7508;
	color: #fff;
}
.posts-nav .page-numbers.dots {
	border-color: rgba(0,0,0,0)
}