• wordpress登录界面样式优化

    2019-10-16 浏览:1332
    效果 引入样式表 functions.php function login_scripts() { wp_enqueue_style( "login-index", get_template_directory_uri() . "/style/login.css" ); } add_action('login_enqueue_scripts', 'login_scripts'); 样式 less .login { position: relative; background-image: url("https://img.qianxiaoduan.com/wp-bj.jpg"); background-position: center; background-size: cover; } #login { position: abs... 展开全文
  • wordpress文章列表分页实现

    2019-04-03 浏览:1422
    wordpress文章列表分页实现 wordpress文章列表分页实现,解决了分页失效的问题 <?php $limit = get_option('posts_per_page'); $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $query = array( 'paged' => $paged, 'limit' => $limit ); query_posts($query); if (have_posts()) : while (have_posts()) : the_post(); ?> //content <?php endwhile; ?> <?php... 展开全文
  • 使用WP_Query输出文章列表

    2018-04-13 浏览:5301
    WP_Query 是在 wp-includes/query.php 中定义的一个用于处理wordpress中文章或页面的类,使用WP_Query可以查询任何你想要的内容 用法举例 查询分类别名为team的4篇最新文章并输出标题: <?php $args=array( 'category_name' => 'team', 'posts_per_page' => 4, ); $query=new WP_Query($args); if($query->have_posts()) : while ($query->have_posts()) : $query->the_post... 展开全文
  • wordpress文章自定义栏目使用

    2018-04-13 浏览:5523
    文章自定义栏目可以用来定义文章相关的属性、参数等属性 开启自定义栏目模块 勾选后在页面下方可以看到这个模块,在这里可以新增自定义的数据字段,并为它赋值 添加字段 页面调用 <?php $test = get_post_meta(get_the_ID(),'测试自定义',true); echo $test; ?> get_post_meta()函数详解 https://developer.wordpress.org/reference/functions/get_post_meta/ 展开全文
  • wordpress启用侧边栏小工具

    2018-04-11 浏览:5405
    wordpress后台默认不显示小工具选项,开发者需要启用小工具功能并把小工具在相应的前台位置调用出来,这样才能在后台直接拖动生成侧边栏。 激活小工具 激活小工具需要在functions.php中注册至少一个侧边栏 register_sidebar( array( 'name' => __( '默认侧边栏', 'Bing' ), 'id' => 'widget_default', 'description' => __( '侧边栏的描述', 'Bing' ), 'before_widget' => '<div class="widget ... 展开全文
  • wordpress文章自定义模板功能

    2018-04-11 浏览:5247
    该方法适用于4.7以及后续版本 在模板文件头部增加以下内容: <?php /* Template Name: page Template Post Type: post, page, product */ ?> 这样即可在post(文章)、page(页面)、product(产品)中使用该页面模板 展开全文
  • WordPress 多语言插件Polylang

    2018-04-08 浏览:7941
    添加语言 为文章添加多语言 为导航添加多语言 functions.php中开启自定义菜单 if(function_exists('register_nav_menus')){ register_nav_menus( array( 'header-menu' => __( '导航自定义菜单' ), ) ); } 添加语言切换按钮 输出ul标签 <?php pll_the_languages();?> 输出select下拉菜单 <?php $array = array( 'dropdown' => 1 ); pll_the_langu... 展开全文
  • 前期投入 1.注册域名 域名选择 域名后缀常用的有.com,.net,.org,当然也可以选择一些比较个性的如.top等。 .cn域名属于国家域名,由CNNIC管理,中国互联网络管理中心 (China Internet Network Information Center) 即CNNIC负责管理,因此不建议注册.cn域名。 域名注册机构 国内的有阿里(万网)、易名中国、西部数码、35互联等,国外的有Godaddy、Name等。 域名注册流程 首先通过域名注册商查询想要的域名是否已被注册,如未... 展开全文
  • 新建文件comments.php文件 <?php if (isset($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) die ('Please do not load this page directly. Thanks!'); if ( post_password_required() ) { return; } ?> <div id="comments" class="comments-area"> <?php if ( have_comments() ) : ?> <h3 class="comments-title">... 展开全文
  • 纯js实现文章导航目录

    2018-01-19 浏览:7557
    我们经常看到一些内容较多的文章都有一个目录导航,点击导航会跳转到响应的位置,页面滚动时相应位置的导航也会呈现选中状态非常的方便,这里使用js做一个简单的实现 实现思路 为文章中的标题标签h1、h2添加不同的id(举例只取h1、h2其他同理) 正则获取文章内容中的h1、h2标签 使用将获取到的标签转换成li、a标签,id转换为href属性 将转换后的标签插入需要显示目录的位置 编写监测页面滚动监听事件 编写描点点击事件 为文章... 展开全文
  • 前言 Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,我们将使用它来请求api。 WordPress REST API为WordPress数据类型提供API端点,允许开发人员通过发送和接收JSON(JavaScript Object Notation)对象与站点进行远程交互 。 demo需要实现功能 获取全部的文章列表 点击查看详情进入文章详情... 展开全文
  • wordpress设置文章摘要

    2018-01-07 浏览:4691
    文章列表设置文章摘要 为文章列表设置文章摘要,限制显示字数,添加指向详情页链接 function new_excerpt_more($more) { global $post; return '...<a href="'.get_permalink($post->ID). '">阅读更多</a>'; } add_filter("excerpt_more", "new_excerpt_more"); function new_excerpt_length($length) { return 350; } add_filter("excerpt_length", "new_excerpt_length"); 展开全文
  • wordpress输出文章列表

    2018-01-07 浏览:4752
    have_posts() 判断是否有日志 the_posts() 获取下一篇文章的信息,并将信息存储全局变量$post中 //调用全局变量 global $post; the_title() 获取变量标题 the_content() 获取当前日志的内容 the_category(',') 获取当前文章分类,参数为多个分类分隔符 the_author() 获取当前文章发布作者 the_time() 获取当前文章发布时间,未设置日期格式则按照wordpress后台设置日期格式输出 edit_post_link('before','编辑','after') 显示编辑... 展开全文
  • wordpress禁止代码标点转换

    2018-01-07 浏览:4695
    禁止代码标点转换,解决复制文章内代码时标点变为中文标点的问题 remove_filter('the_content', 'wptexturize'); 展开全文
  • 上传图片保存名称格式化,多用于处理上传图片中文名的问题 function byangPictureChinesePath($file){ $time=date("Y-m-d-H-i"); $file['name'] = $time."-".mt_rand(1,1000).".".pathinfo($file['name'] , PATHINFO_EXTENSION); return $file; } add_filter('wp_handle_upload_prefilter', 'byangPictureChinesePath'); 展开全文
  • function custom_adminbar_menu( $meta = TRUE ) { global $wp_admin_bar; if ( !is_user_logged_in() ) { return; } if ( !is_super_admin() || !is_admin_bar_showing() ) { return; } $wp_admin_bar->add_menu( array( 'id' => 'custom_menu', 'title' => __( '操作遇到问题?联系我们' ), 'href' => 'http://www.qianxiaoduan.com/', ... 展开全文
  • wordpress文章自定义字段

    2018-01-07 浏览:4827
    functions.php $new_meta_boxes = array( "add1" => array( "name" => "add1", "std" => "", "title" => "职位:"), "add2" => array( "name" => "add2", "std" => "", "title" => "从业经验:") ); function new_meta_boxes() { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { $meta_box_value =... 展开全文
  • 新建themeoptions_page页面,在functions中添加如下内容 function themeoptions_admin_menu() { // 在控制面板的侧边栏添加设置选项页链接 add_menu_page('站点设置', '站点设置', 'edit_themes', basename(__FILE__), 'themeoptions_page'); } if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); } ?> <div class="wrap"> <div id="icon-themes" class="icon32"><br /><... 展开全文
  • wordpress使用文章缩略图

    2018-01-07 浏览:4903
    首先检测有没有设置缩略图,如没有则查找文章内容页有无图片,如没有则调用指定图片 functions.php add_theme_support( 'post-thumbnails' ); function get_post_img_url($thumbnail = true) { global $post; if (has_post_thumbnail ()) { $domsxe = simplexml_load_string ( get_the_post_thumbnail () ); $thumbnailsrc = $domsxe->attributes()->src; return $thumbnailsrc; ... 展开全文
  • <?php $args=array( 'category_name' => 'team', 'posts_per_page' => 3, ); query_posts($args); if(have_posts()) : while (have_posts()) : the_post(); ?> 循环内容 <?php endwhile; endif; wp_reset_query(); ?> 展开全文