首页
学习
活动
专区
圈层
工具
发布

WordPress 教程:在 WordPress 后台使用 ThickBox 制作弹出窗

最近在项目中进行 WordPress 后台开发的时候,需要制作弹出层,经过一轮测试,发现还是 WordPress 原生已支持的 ThickBox 比较方便。...WordPress 的 ThickBox jQuery 库 WordPress 后台自带的 ThickBox 库是经过 WordPress 修改的,比如目前插件更新提示的详情链接就是使用 ThickBox...WordPress 后台自带的 ThickBox jQuery 库有两种使用方式: iframe 模式:在弹出层中加载另外一个网页。...inline 模式:在弹出层中加载 HTML 片段 下面分别详细讲讲这两种模式的详细使用方法: iframe 模式 的 href 属性即为 iframe 要加载的页面,TB_iframe 参数指定的是 ThickBox 的 iframe 模式,width 参数指定了弹出层的宽度,height 参数指定了弹出层的高度

1.3K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress搭建个人网站后台问题汇总

    ,为了更好的运用WordPress,我们需要将这些问题都解决掉,下面就来总结一下使用WordPress后台遇到的一系列问题。...原因:wp-content目录没有写入权限   解决方案:   1、找到wordpress目录下的wp-content目录,使用chmod给给文件夹赋予写的权限   2、回到博客后台,重新上传文件成功...相关概念介绍:伪静态是相对真实静态来讲的,通常为了增强搜索引擎的友好面,都将文章内容生成静态页面   解决方案:设置nginx的伪静态规则   1、找到nginx配置文件,在server{}中添加以下代码...在wp-config.php下添加代码:define('FS_METHOD','direct');   3、回到博客后台,重新安装成功 图片 ---- 写在最后   使用WordPress搭建个人网站所常遇到的问题基本都在上面汇总出现了...下一篇文章将主要讲述如何使用主题和工具,让自己的网站更加炫酷,里面的主题都是博主历经几天挑选出来的,肯定比你去网上一个个找效率要高。酷的个人网站

    6.6K20

    使用WAMP在Windows本地安装WordPress网站

    使用WAMP在Windows本地安装WordPress网站 wamp, WAMP搭建WordPress网站, wordpress建站   在我们摸索WordPress建站的时候,如果可以在本地计算机安装并使用...在本教程中,我将向您展示如何使用WAMP软件在Windows中安装WordPress网站,来测试更改代码或者设计WordPress网站。...使用 WAMP 在Windows PC中完全正常工作的WordPress网站,使用上述步骤的账号密码访问网站即可。   ...使用WAMP在Windows本地安装WordPress网站效果如下图所示: 总结   以上是晓得博客为你介绍的如何使用WAMP在Windows本地安装WordPress网站的全部内容, 可以通过多种方式设置本地...推荐:如何使用XAMPP搭建本地环境的WordPress网站   推荐:如何在Mac上使用MAMP本地安装WordPress网站 晓得博客,版权所有丨如未注明,均为原创 晓得博客 » 使用WAMP在Windows

    5.1K01

    在Windows环境下使用Vercel部署静态网站

    我想使用Vercel来部署静态网页,但是与此同时,我又不想通过Git的形式。那么如何在Windows环境下通过Vercel CLI来部署静态网页呢?...使用Vercel CLI就必须要npm, 我们可以首先先去下载NodeJS for Windows并安装 OpenJS Windows NodeJS其他额外组件不需要安装。...结果发现其实,都是安装到AppData里面 T_T Vercel CLI使用 https://vercel.com/docs/cli 我目前在PyCharm新建的项目文件夹内放置了我的静态网页,并直接通过...如果你是通过cmd的话,需要先cd到对的文件夹之后再上传。 直接输入vercel,就是preview, 你也可以通过vercel –prod实现直接放到production内。...Enter your email or team slug: 第一次使用会让你登录,无论你使用第三方如GitHub,还是Signin with Email都可以填写你的Email来进行验证。

    1.7K30

    加快WordPress后台访问速度&优化网站性能

    问题原因 前段时间访问网站后台速度慢的离奇,甚至还会出现登录失败的情况,这几天总算折腾的差不多了 总结下来造成卡慢的原因主要有以下几个 后台使用了谷歌字体 自动加载gravatar头像 主题与插件的更新请求...仪表盘元素过多 安装了过多插件 主题代码过于臃肿 服务器负载过大 解决思路 前四种原因可以用一个QQWorld Speed for China插件一站解决,直接在内置市场搜索即可 安装完成后从WordPress...左侧“设置”选项进入 也可在主题function.php中手动添加如下代码 /*wordpress后台禁用谷歌的字体api*/ class Uctheme_Disable_Google_Fonts...如果网站用的是第三方主题,并且有过多冗余代码,也可能造成后台卡慢问题,建议做好动静态分离 如果服务器本身除了建站还有其他业务,造成内存占用过高,可能会间歇性造成访问慢甚至无法访问的问题,可给服务器配置适当的...add_filter( 'login_redirect', 'login_redirect_url', 10, 3 ); 善用优化插件,比如Wp Super Cache(详细教程参考)和WPJAM Basic 为网站静态文件设置

    2.2K30

    使用七牛云对象储存缓存 wordpress 静态文件加速网站

    最近博客的访问量越来越大,导致使用阿里云的限制流量的云服务器超出了流量备关停,分析了以后大部分是一些下载的资源和图片资源占用的流量比较大。...所以自己做了一下顺便记录一下步骤(网上大部分教程已经比较老,不太好与现在七牛云的对应了) 创建一个对象储存空间 首先你要有一个七牛云的帐号,帐号很好注册,注册完成后登录到后台,首先创建一个新的储存空间,...我选择了使用插件,两个插件分别如下: WPJAM Basic:https://wordpress.org/plugins/wpjam-basic/ 七牛镜像存储 WordPress 插件:https:/...安装并启用插件后,在左侧菜单栏中就能看到七牛云储存的菜单了,点击七牛云储存->设置,进入设置页面: ? 在设置界面输入你的镜像储存的信息,如下图: ?...这样配置以后,你重新访问自己的网站,然后查看一下图片的源地址,已经变成了七牛云提供的那个测试域名的地址了,如下图: ? 与此同时,我们在七牛云创建的储存空间中也可以看到被缓存的信息了: ?

    3.6K60

    使用七牛云对象储存缓存 wordpress 静态文件加速网站

    最近博客的访问量越来越大,导致使用阿里云的限制流量的云服务器超出了流量备关停,分析了以后大部分是一些下载的资源和图片资源占用的流量比较大。...所以自己做了一下顺便记录一下步骤(网上大部分教程已经比较老,不太好与现在七牛云的对应了) 创建一个对象储存空间 首先你要有一个七牛云的帐号,帐号很好注册,注册完成后登录到后台,首先创建一个新的储存空间,...我选择了使用插件,两个插件分别如下: WPJAM Basic:https://wordpress.org/plugins/wpjam-basic/ 七牛镜像存储 WordPress 插件:https:/...安装并启用插件后,在左侧菜单栏中就能看到七牛云储存的菜单了,点击七牛云储存->设置,进入设置页面: ? 在设置界面输入你的镜像储存的信息,如下图: ?...这样配置以后,你重新访问自己的网站,然后查看一下图片的源地址,已经变成了七牛云提供的那个测试域名的地址了,如下图: ? 与此同时,我们在七牛云创建的储存空间中也可以看到被缓存的信息了: ?

    4.7K30

    WordPress 技巧:在 WordPress 后台隐藏自定义字段

    如果你想在写博客的时候保持日志编辑页面尽量的简洁,你可以通过下面的代码把 WordPress 自定义字段隐藏起来。...在你主题的 functions.php 文件中添加以下代码: add_action('admin_init','customize_meta_boxes'); function customize_meta_boxes...() { remove_meta_box('postcustom','post','normal'); } 当然 WordPress 自定义字段还是非常不错的,很多插件都会用到,但是对于一般用户来说...,如果整个项目做好了,用到的自定义字段就是那么几个,我们做项目的时候使用户更加容易使用和理解,一般把WordPress 自定义字段隐藏起来,然后把需要用到的字段使用一个表单显示出来,如以前做的阳诺太阳能项目

    1K20

    在 WordPress 后台如何使用分类和标签进行过滤文章列表?

    我们知道默认情况下,WordPress 后台文章列表,可以通过分类进行过滤,那么是否可以通过标签过滤呢?甚至自定义的分类呢?...它通过多个分类或者自定义分类的叠加筛选过滤,并且叠加的方式有三种:所有都使用,至少使用一个和所有都不使用。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。...站点选项 查看和管理所有非 WordPress 系统自动生成的站点选项。 如果你觉得某个选项无用,可以直接删除它。 后台论坛 WordPress 后台论坛,支持创建帖子,分组,消息。

    5K30

    WordPress网站尝试优化提升速度详细教程(前端+后台)WordPress教程

    ,尽量使用更高的PHP版本,另外缓存安装建议如下: 脚本缓存:xcache、opcache 任选一项安装,PHP5.2-5.4建议使用xcache,PHP5.5以上建议使用opcache 内容缓存:若程序支持...PHP版本,尽量不要设置过高的并发,以免服务器被打死 注2:VPS性能参差不齐,以上建议仅供参考,请根据实际使用效果自行调整 注3:不建议设置超过300并发上限,哪怕您的服务器性能足够好;若发现并发不够用...,点我查看原贴 【可选】wordpress 环境设置 在宝塔上的wordpress的站点设置中设置,访问限制,添加”wp-content/uploads”目录,设置为禁止执行”php|jsp” 禁用wordpress...在将下面代码添加到主题functions.php文件中: `// 移除后台界面右上角的帮助 add_action('in_admin_header', function(){ global $...current_screen; $current_screen->remove_help_tabs(); });` 移出后台右上角的选项 在将下面代码添加到主题functions.php文件中:

    1.4K10

    在 WordPress 后台自动压缩 PNG 图片

    虽然 TinyPNG 使用非常简单,只需要将需要压缩的图片通过拖动的方式上传到 TinyPNG 的网站,TinyPNG 就会自动将你图片压缩,并提供下载,但是对于 WordPress 博客来说,这样还是不太方便...,文章中的每张图片都要人工拖到 TinyPNG 网站上进行处理的话,这样也实在太烦人了,所以 Compress PNG for WP 这个插件就闪亮登场,它使用 TinyPNG 的 API 自动在你的...WordPress 后台压缩 PNG 图片。...Compress PNG for WP 这个插件使用非常简单,安装之后,它会要求你在 WordPress 后台 > 设置 > 媒体 界面上输入你的 TinyPNG 免费的 API Key: 默认情况下它会自动压缩所有的...设置好之后,在进入媒体库,就可以看到新上传的 PNG 图片的原始大小,压缩之后的大熊啊,以及节省比例: 需要注意的是 TinyPNG 免费的 API Key 使用上是有限制,每个月只能使用 500 次

    76320

    WordPress 开发之使用WordPress 3.8+后台图标(dashicons)

    伴随着WordPress 3.8 的新界面,WordPress 官方为后台UI 引进了目前贼流行的webfont(又称 icon font),官方独立项目名为dashicons。...那么,如果你是WordPress 开发者,你可以通过以下方式在你开发的主题或插件中使用WordPress 3.8+后台图标(dashicons)。...Dashicons 与WordPress 3.8 Dashicons 最初是集成在MP6 插件上的,但后来独立成一个项目托管在Github上,然后就是随着MP6集成在WordPress 3.8 新后台UI...Dashicons 项目主页:http://melchoyce.github.io/dashicons/ 在WordPress 主题或插件中加入Dashicons 的图标 如果你是在开发WordPress...在独立项目中使用Dashicons 的图标 如果你不是通过WordPress 这个平台开发项目,但也想使用,怎么办?

    1.7K80

    WordPress 静态化部署到云开发网站托管

    那么本篇文章,就教你如何把一个静态的WP部署到腾讯云的云开发上。 这里就有同学问了,什么是静态?为什么我们要使用静态? 1、什么是静态? 我们这里所说的静态,是指静态的web网站。...不过同学也不要理解成静态网站就是从视觉上的静态了。 2、为什么我们要使用静态WordPess? 关于这个问题,其实静态跟动态可以说是各有所长。...再然后就是可以配合CDN(内容分发系统),做到更快的网站访问速度。 费用---静态文件使用的资源较少。 这里有的同学又有问题了,静态那么好,为什么我们还要使用动态的呢?...之后我们再访问 http://本地/wordpress/wp-admin/ (http://localhost/wordpress/wp-admin/)就可以进入我们的后台管理页面啦,输入我们之前所填写的用户名与密码即可登录到后台管理页面...在使用插件之前,我们到我们腾讯云的控制台找到云开发 并创建好云环境,再进入云环境把网站托管打开。

    5.6K100

    在宝塔上搭建WordPress网站的详细教程

    使用宝塔的用户越来越多,使用云主机的朋友,宝塔几乎成了标配,下面简站WordPress为大家写一个用宝塔搭建WordPress网站详细教程,以图文的形式一步一步按步骤讲明白搭建过程。...网站添加成功后,需要对网站进行,基础的设置,比如,伪静态设置,如上图所示。点“伪静态”,在出来的选项中选择“wordpress”出现如所所求代码时,“保存”即可成功设置伪静态。...建议PHP版使用php8.0。下载完成后在宝塔面板中找到”文件”,选择“wodepress.com”文件夹,打开文件夹后,将下载好的wordpress程序上传到该目录。...上传成功后“解压”该文件解压后的文件在“wordpress”文件夹中,将该文件夹中的全部文件复制到网站根目录中从根目录中删除wordpress文件夹和wordpress程序文件包.zip文件3、第三步:...至此在宝塔搭建wordpress网站的步骤全部完成接下来就是输入自己的域名/wp-admin,登陆到网站的后台,进行wordpress网站的其它设置。

    3K20

    WPJAM Avatar:在 WordPress 后台自定义头像

    今天做的插件「自定义头像」,非常简单,只有两个功能,可以让用户在 WordPress 后台自定义头像和设置默认头像。...自定义头像 用户登录 WordPress 后台之后,在「我的个人资料」页面可以自定义头像,管理员也可以在编辑其他用户信息的时候自定义该用户的头像: 另外为了支持「订阅者」角色的用户能够自定义头像,系统会自动给...默认头像 除此之外,系统还支持设置默认的头像,在「用户」菜单下的「默认头像」子菜单: 这样如果用户没有自定义头像或者没有使用 Gravtar 也没有设置头像的话,会随机选择一张给用户作为头像。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...站点选项 查看和管理所有非 WordPress 系统自动生成的站点选项。 如果你觉得某个选项无用,可以直接删除它。 后台论坛 WordPress 后台论坛,支持创建帖子,分组,消息。

    1.7K20
    领券