我们有时为了方便操作会把一些特定的链接添加到wordpress后台左侧菜单栏中，这个要如何实现呢？...其实不会很难，使用两个WordPress内置函数就可以解决问题，分别是add_menu_page()和add_action()，添加到主题目录下的functions.php中就可以了，参考代码如下 /*...* * 名称：WordPress后台添加顶级菜单 * 作者：Ytkah * 博客：https://www.cnblogs.com/ytkah */ // my_add_pages() 为 'admin_menu...wrap 类是WordPress构建好的css类，可以在你的HTML代码中使用 /* echo ' 使用帮助...点击直接跳转到设置好的后台页面编辑页面中。感兴趣的朋友可以试试
不过，此文并非分享如何将百度站内搜索添加到博客的侧边栏，所以想添加到侧边栏的朋友，请看知更鸟作者鸟哥很久以前的相关教程：《将百度站内搜索添加到侧边小工具中》，理论上适用于各种 WordPress。...②、再打开主题模板中的 header.php，可以找到这样一段代码： ? 可知，当选择为 Google 搜索时，调用的就是 includes/g_search.php，所以，今天的折腾对象就是它了！...>/images/go.gif" id="go" alt="Search" title="搜索" /> 将 includes/g_search.php 内容替换为以上代码...>/images/go.gif" id="go" alt="Search" title="搜索" /> 将代码中的第 1、2 行修改成你的站内搜索地址及 ID 即可...至于牵扯到的相关 CSS 样式神马的，请自行调整，就不赘述了，毕竟折腾 WP 还是要有那么一点功底的。
$tree[] = $cate;//就把顶级分类放到里面，以次内推........> cates.php <!
CSS 代码： .app-menu { -webkit-transform: translateX(-100%); transform: translateX(-100%...CSS 代码： .app-menu { -webkit-transform: translateX(-100%); transform: translateX(-100%...【顶级操作】中改造分离 DOM，然后用 JS控制，手动添加 menu--animatable 类，然后用到 transitionend 事件 会在 CSS transition 结束后触发，移除 menu...通常来说，我们能做到进阶操作或高级操作中的实现应该就够了，如果在特殊情景下，如对 FPS 要求特别高，我们再开拓思路，启用顶级操作！...（顶级操作是把宝刀，一般不拿出来~） 写在结尾 我们都知道编码习惯非常重要，但同时又一直苦于思考，如何将一些原理知识与实际编码结合？！
给WordPress博客添加返回顶部和底部的教程 ---- 今天就给大家分享下返回顶部那块的制作教程，其实也不难，主要是用到html、css和一些jq代码。...效果图如下图所示： 我们开始教程： 首先我们把下面的html代码添加到主题footer.php文件的上面： 可以看到在右侧按钮上面是有Icon图标的，所以我们还需要加载一个Icon图标，把下面的一行代码添加到header.php的标签上面，加载Icon样式。...图标样式，可以不用添加上面的代码，用自己的图标 然后我们添加js代码，将下面代码添加到footer.php文件的上面： $(window).scroll(function...最后就是css样式了， 将下面代码添加到header.php文件的上面，也可以添加到主题的样式文件内，一般是style.css这个文件。
一、将下面代码加到主题 functions.php 模版文件的最后。 <?...php function custom_login() { echo '<link rel="stylesheet" tyssspe="text/<em>css</em>" href="' . get_bloginfo...三、将下面<em>代码</em><em>添加到</em> custom_login.<em>css</em> <em>中</em>。...可以使用火狐扩展 Firebug 查看各部分 <em>DIV</em> 选择器名称进行详细修改。...另外，也可以将下面<em>代码</em><em>添加到</em>主题 functions.<em>php</em> 模版文件<em>中</em>，直接将样式写在其中。
第一步、添加HTML代码 将下面的HTML代码添加到主题页脚模板footer.php，标签的上面。 第二步、添加CSS样式 将样式代码添加到WP后台 → 外观 → 自定义 → 额外CSS 中，点击“发布”即可（以wp为例）。...下载打包PHP：https://wuyouge.lanzoui.com/i8sqlyh 使用方法： 第一步，解压后将deng.php文件上传到当前主题根目录中。...‘/deng.php’; ?> 也是一样，如果只想在首页显示灯笼，可以用下面的判断语句把上面的代码包裹起来： <?
首先，将以下js添加到主题，你可以添加到自己的js文件，也可以添加到footer.php文件中。添加的js文件中，直接添加即可。...添加到footer.php，需要用包括js代码。如果你觉得毫秒太快，请自行删除下方代码中关于ms的相关代码，再引入即可。...div class="idot"> 首先，打开主题目录下post.php文件，在适当位置添加如下代码，一般添加在... 主题css添加 p.notice{position:relative;padding:.5rem;border:1px dashed #b00;background:#eee} p.notice...你可以直接在文章中自定义notice
一、将下面代码加到主题 functions.php 模版文件的最后： <?...php function custom_login() { echo '<link rel="stylesheet" tyssspe="text/<em>css</em>" href="' ....三、将下面<em>代码</em><em>添加到</em> custom_login.<em>css</em> <em>中</em>： /** 背景及字体 **/ HTML,body.login{ background:#f2f2f2...可以使用火狐扩展 Firebug 查看各部分 <em>DIV</em> 选择器名称进行详细修改。...另外，也可以将下面<em>代码</em><em>添加到</em>主题 functions.<em>php</em> 模版文件<em>中</em>，直接将样式写在其中。
ok 最终效果 纯代码实现WordPress文章设置隐藏内容公众号可见 正文开始 此项目基于龙笑天下博客，教程大部分源自龙笑天下 1 核心代码 将以下代码放入 functions.php 中（钻芒修改版...不用再手动添加到 style.css 如果你想要修改css，可以下载下来自行修改。...本项目引用css：https://a-oss.zmki.cn/20190503/gzhhfxz.css 3 集成短代码 为了方便使用，在后台文本编辑器中集成该短代码。...将以下代码放入 functions.php 中即可： 由于wordpress会自动转义文章里的代码造成冲突，请复制后删除下面代码中第6行的两个“把我删掉” // 后台文本编辑框中添加公众号隐藏简码按钮...在文章中使用短代码 4.2 微信公众号 这里以微信公众号为例（QQ 公众号同理），在微信公众号的“自动回复-关键字自动回复”中设置好关键字（对应上面代码中的 keyword）及验证码（对应上面代码中的
WordPress固定在页面左侧的百度分享按钮，可方便读者分享自己喜欢的文章，本文教你把这个固定的分享按钮添加到其它主题中。...1、第一步，在你所用主题目录新建一个名称为：share.php的模板文件，将下面的代码复制到进去并保存： ...cdnversion=" + Math.ceil(new Date()/3600000) #share { display...php include('share.php'); ?> 3、添加到主题页脚模板footer.php这句上面： 4、以上代码在WP默认主题Twenty Twelve中测试通过，针对不同主题的页面宽度，可适当调整固定按钮的位置，代码中有注释。
在本教程结束时，您将拥有第一个VueJS动画，并了解和学习到如何将其添加到项目中。这是我们将要创建的两个示例。 首先，创建自己的CSS动画样式。 ?...然后，了解如何将第三方CSS库与Vue动画一起使用。 ? 让我们赶快开始吧。 过渡元素 动画的处理与VueJS过渡非常相似。他们都使用Vue的元素。... <img v-if='show'...在第一个示例中，我们只使用了元素生成的默认类名，但是我们可以做的就是将这些值覆盖到我们想要的任何类中，在这种情况下，它将是CSS库中的类名。...下边的示例中，我们将使用Animate.css – 要添加此代码，只需将CDN链接添加到我们的index.html文件即可。
，然后在添加style.css样式表内添加css。...第一步、添加HTML代码将下面的HTML代码添加到主题页脚模板footer.php，标签的上面。因为代码中有中文，编辑后需要将模板文件保存为UTF-8 无BOM（无签名）的格式，后台主题编辑中修改可以忽略，上面的代码可以只加一个...>第二步、添加样式将样式代码添加到WP后台 → 外观 → 自定义 → 额外CSS 中，点击“发布”即可。....php }/** 将代码绑定到页脚 **/add_action( 'wp_footer', 'deng', 100 );使用方法：第一步，解压后将deng.php文件上传到当前主题根目录中。
，并将数据添加到option中 （4）定义点击事件，注意点击省调用的是city函数，点击市调用的是area函数 （5）注意获取市信息用的是省编码（pCode），获取区用的是市编码（cCode）。...1、HTML代码 1 106 107 108 HTML优化版代码 1 <!...option中 39 $("#"+id).append(op);//将op添加到province中 40...id="area"> 93 94 95 96 97 2、data.php代码 1 <?
AdminLTE是一个很棒的单纯的由 HTML 和 CSS 构建的后台模板，在这片文章中，我将讲述如何将 AdminLTE 和 Laravel 优雅的整合在一起，而且我们可以通过 Bower 来及时的更新和管理...3、将admin-lte文件夹复制到public目录下，开始使用： 首先按照laravel模板的方式建立layouts基础样式模板 default.balde.php, 将admin-lte下的starter.html...内容复制到default中， 并将头尾侧边栏等公用部分放入不同的子模板_header _footer _left中，如图： ?...最后的default模板代码：（注意修改好导入样式和js文件的路径） <!...</div </div </div </section </div @stop 想要使用admin-lte自带的任何样式，直接复制那部分的页面代码粘贴到需要的位置即可， 在本地电脑上直接打开
写一个一言api，Hitokoto·一言是一个挺有意思的功能，简单来说，一言就是指一句话，可以是动漫中的台词，也可以是网络上的各种小段子，或是感动，或是开心，有或是单纯的回忆。...文字教程 首先我们开始部署接口文件 以上代码保存为api.php ，然后上传到网站目录下(自己随机定义)，剩下工作就是准备语录了，代码的意思呐就是随机从语录txt文本文件中随机取一行输出，这里分享一个我收集的语录文本.../api/yiyan/api.php 调用方法 调用方法和其他接口基本一致，非常简单，将下面两行代码添加到博客你想显示一言的位置即可： <script type="text/javascript" src...CSS 的话可以自己再美化美化。...当然，不会 css 的朋友可以先试下我这边写好的 css 代码（可以加到 style.css） 打字效果的呦 ，本人超喜欢 .print{width:1000px;white-space:
接下来也附上添加到WordPress 主题的教程。 WordPress 添加个性化的博客汉纸相关文件 ? ?...教程中要用到的文件有：一张图片、spig.js文件 下载地址：直链下载 百度网盘 华为网盘 WordPress 添加个性化的博客汉纸篇教程 一、CSS 将下载得到的spig.png放在主题的images...然后在主题的style.css 文件下加入以下代码： /* pets devework.com */ .spig {display:block;width:150px;height:190px;position...三、HTML 在主题的footer.php 文件下（一般是前）加入以下代码： 加载中…...接着,同样是在主题的footer.php 文件下，接着第三步的代码下面，加入以下代码： <script type="text/javascript" src="<?
然后，创建自己的CSS动画样式。 最后，我们将了解如何将第三方CSS库与Vue动画一起使用。...enter-from-class enter-active-class enter-to-class leave-from-class leave-active-class leave-to-class 将自定义库添加到代码中时...否则，将元素添加到DOM中或从DOM中删除时，这些元素可能只是在各处跳跃。 2.如果元素是一样的，则必须向该组件添加一个key属性 如果元素是一样的，Vue 会尝试优化内容，仅替换元素的内容。...在第一个示例中，我们只使用了元素生成的默认类名，但是我们可以做的就是将这些值覆盖到我们想要的任何类中，在这种情况下，它将是CSS库中的类名。...对于我们的示例，我们使用的[Animate.css](https://daneden.github.io/animate.css/) 这个动画库，我们只需将CDN链接添加到我们的index.html文件即可
元素是顶级（根）节点。它下面是子节点， 和 。再下面是逐级嵌套的后代节点。 在文档中，根节点是所有其他元素的祖先节点。...深入 CSS CSS入门容易，但精通不易。学习CSS并不是学习一两个小技巧，而是要理解这门语言的方方面面，并知道如何将其搭配使用。 深入 CSS CSS入门容易，但精通不易。...学习CSS并不是学习一两个小技巧，而是要理解这门语言的方方面面，并知道如何将其搭配使用。...学习CSS并不是学习一两个小技巧，而是要理解这门语言的方方面面，并知道如何将其搭配使用。...学习CSS并不是学习一两个小技巧，而是要理解这门语言的方方面面，并知道如何将其搭配使用。
下面是实现方法： 一、PHP 代码 /gg.js" > 将以上代码中的 QQ 邮箱订阅链接地址修改成你自己博客的订阅地址，然后粘贴到 WordPress 主题目录的 footer.php 的之前保存即可。...代码添加到主题的 style.css 当中。...四、可选调整 ①、本文分享的滚动条默认是随机显示 5 篇文章，如果你想修改这个数目，只要将第一步 PHP 代码中的 'posts_per_page' => 5 修改成你要的数值即可； ②、滚动速度可以修改第二步分享的
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
