wordpress如何添加自定义功能代码?
后台文章编辑框添加按钮,可以通过下面的代码实现 。
把这个代码放到主题functions.php文件里。
//增强编辑器开始 ,将代码放到function.php文件中function add_editor_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'outdent'; $buttons[] = 'indent'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'cut'; $buttons[] = 'backcolor'; return $buttons; } add_filter("mce_buttons_3", "add_editor_buttons");具体添加哪些按钮,可参照下面这些。
wordpress编辑器按钮调用的Key:1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter) 2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright) 3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image) 4.清除格式(removeformat)下划线(underline)删除线(strikethrough) 5.锚文本(anchor)新建文本(newdocument) 6.字体颜色(forecolor)字体背景色(backcolor) 7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect) 8.样式选择(styleselect)无序列表(bullist)编号列表(numlist) 9.减少缩进(outdent)缩进(indent)帮助(wp_help) 10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup) 11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more) 12.插入分页标签(wp_page) 13.隐藏按钮显示开关(wp_adv) 14.隐藏按钮区起始部分(wp_adv_start) 15.隐藏按钮区结束部分(wp_adv_end) 16.拼写检查(spellchecker)
wordpress后台如何给快速编辑添加项
展开全部编辑框添加按钮,可以通过下面的代码实现 。
把这个代码放到主题functions.php文件里。
//增强编辑器开始 ,将代码放到function.php文件中function add_editor_buttons($buttons) {$buttons[] = 'fontselect';$buttons[] = 'fontsizeselect';$buttons[] = 'outdent';$buttons[] = 'indent';$buttons[] = 'copy';$buttons[] = 'paste';$buttons[] = 'cut';$buttons[] = 'backcolor';return $buttons;}add_filter("mce_buttons_3", "add_editor_buttons");...
如何修改wordpress编辑器文本选择默认颜色
工具:wordpress编辑器步骤:1. 在主题根目录创建一个 editor-style.css 样式表文件,然后在 functions.php 文件里添加add_action( 'after_setup_theme', 'Bing_add_editor_style' );2. editor-style.css 样式表就会在可视化编辑器里引入了,在 editor-style.css 文件里书写 CSS 就能直接体现在可视化编辑器上。
3. 自定义 CSS 文件,还可以自定义 CSS 文件的路径。
4. 这样就会调用主题目录的 “css/custom-editor-style.css” 文件。
引入外部 CSS 文件add_editor_style() 函数还支持引入外部的 CSS 文件:
如何在wordpress文章中添加js代码
在制作wordpress主题猴子wordpress插件过程中,经常需要添加样式文件或者js脚本文件,由于大多数用户运行网站上多个插件,可能会加载各式各样的文件,容易引起冲突,所以wordpress系统为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚本冲突问题。
这篇文章中,主要介绍wordpress中添加Javascript文件与css文件的方法,对那些刚开始学习WordPress主题和插件的开发是特别有用的。
错误方式 wordpress中提供了wp_head钩子来帮助在页面的头部添加指定的头部消息,比如常见的关键词与描述,很多人也同样会使用这种方式来添加站点的外部样式文件与脚本文件,添加代码如下:'; //添加js文件}?> 这种方式虽然使用简单,但是非常不推荐使用,这种加载方式容易造成wordpress脚本的冲突。
wordpress脚本排队系统 1、介绍 wordpress在全球拥有强大的开发社群,很多人都非常积极的参与到wordpress的主题与插件的开发当中,并且可以免费使用,为了防止各个开发者开发的插件在使用过程总出现脚本冲突的问题,wordpress提供了一个非常强大的脚本加载函数wp_enqueue_script,通过这个函数,可以告诉wordpress在哪加载脚本,脚本依赖哪些框架,而且该函数在利用内置的Javascript库时,可以避免多次加载同一个脚本。
这有助于减少页面加载时间,以及避免与其他主题和插件冲突。
2、使用实例 wordpress正确加载脚本的使用很简单,代码如下: 可以将以上代码放入你的插件文件中或者你主题的functions.php文件。
说明: 实例中首先通过函数wp_register_script(),这个函数接收5个参数: $handle (string) (必须) 脚本名称. 名称必须唯一在之后函数 wp_enqueue_script() 会使用到该名称. Default: None $src (string) (必须) 脚本路径,可以使用绝对路径。
Default: None $deps (array) (可选) 脚本依赖包,依赖包会在脚本加载之前预先加载。
Default: array() $ver (string) (可选)脚本版本控制。
Default: false $in_footer (boolean) (可选) 定义脚本的位置,如果为true脚本会在页面底部加载,默认在head头部加载。
Default: false 当使用wp_register_script()函数注册脚本文件后,就可以使用函数wp_enqueue_script()函数来加载该注册的脚本文件。
也许有人会问为什么不直接加载脚本文件,而是先注册后加载,这不是多此一举吗。
其实这主要是为了站点其他开发者在其他插件或者主题总方便引用核心脚本文件。
wordpress如何加载CSS样式文件 wordpress css样式文件的加载与以上介绍的脚本文件加载方式是一样的,如下实例: 以上实例用了wp_register_script钩子来加载样式文件。
实例中使用了plugins_url()来获取样式文件的路径,这个一般在插件开发过程中使用的居多,如果主题中开发使用到wp_register_script()函数则可以使用get_template_directory_uri()来获取样式文件路径,如果是子主题中使用,则可以使用函数get_stylesheet_directory_uri()来获取路径,实例如下: 展开
如何使用contact form 7
1. 首先是安装,搜索 contact form 7即可找到,选择install并activate it2. 安装完成后,WP后台的左侧会出现一个contact 的菜单,这就是contact form 7的快捷菜单3. 新建表单,在contact菜单下面Add new即可新建表单,填好名字如Inquiry,保存即可。
4. Form的设置, Form里面是表格的元素的设置,默认生成的有your name, your email, subject, your message,你也可以根据需要点击FORM顶部的相关菜单,添加相应的功能,如URL等,方法:把光标放置到一个空行,点击URL,会弹出一个窗口设置:required field 视需要打勾或不打勾Name 保持默认即可Default value 填上your websiteuse this text as the placehold of the field, 打上勾this requires the author's URL 不打勾其他的暂时不填, 然后点insert tag,即可插入到表格中了,然后点击SAVE。
你可以根据需要添加其他的一些表单模块。
5. MAIL设置,这里是设置相关的发信息资料,如收到邮件的格式,发送人和收件人邮箱,邮件的标题等6. Message设置,这里面是一些提示信息文字的设置,一般保持默认即可7. Additional settings:这里面可以增加一些扩展的代码,下文会讲述到常用的一些应用。
8. 如何调用Contact form 7表单:当以上设置好以后,把标题下面的一段代码(shortcode)复制,并粘贴到post 或page或portfolio的编辑框里面,然后点update即可完成添加。
完成以后,可以做一个测试,看是否发送成功。
9. Bluehost空间上的网站使用CF7的常见问题及解决方法:询盘无法发送成功或无法收到,如下图所示SOLUTIONS:注:BLUEHOST上的网站不支持第三方邮箱发送系统邮件,所以如果装了SMTP插件则必须删掉才可以正常使用Step1假如你的工作企业邮箱为sales@xxx.com, 那么在CF7表单中将收件人邮箱设置为inquiry@xxx.com,发件人邮箱设置为wordpress@xxx.com,Step2到BH后台-hosting-email下面去添加3个网站域名后缀的email账号,分别是sales@xxx.com,inquiry@xxx.com, wordpress@xxx.com (无论你的企业邮箱在哪里,这里都必须要添加(不影响本身邮箱的使用),如果你的企业邮箱本身挂在BH上面了,那应该不会出现此问题),如下图Step3到bluehost后台 DOMAINS-ZONE EDITOR页面,找到MX(mail exchanger), 点击下面的more,勾选local mail exchanger,并点击changeStep 4到BLUEHOST后台-hosting -email中选择forwarding 并点击add email forwarder,在address to forward中填上inquiry,在forward to this address中填上你的实际工作企业邮箱,如sales@xxx.com或 XXX@GMAIL.COM都可以,并点击SUBMIT。
只要按以上步骤设置,即可成功发送询盘并收到询盘,亲测有效。
10.如何实现发件人的IP追踪和询盘页面的标题,URL等信息,可以在mail菜单下面的message body后面加上以下代码可以实现:[_remote_ip]:发送者当前的IP[_url]: 询盘表单所在的页面[_post_title]:询盘表单所有页面的名称全部的代码可以查看这里 http://contactform7.com/special-mail-tags/11. 询盘发送如何实现页面的跳转:在Additional settings里面加上以下代码(全部复制,如果不成功,则有可能是里面标点不对,一定要保证代码里面的所有标点符号为英文状态下的标点)on_sent_ok: "location = 'http://example.com/';"把example.com换成你跳转后的页面URL,保存,即可实现发送询盘后跳转。
这样便于进行GA的转化设置。
12. 常用询盘表单的代码参考:将以下代码放到 contact form 7第一个选项FORM里面,保存;就可以调用到这个询盘表单了,这是我常用的一个。
We will answer your email shortly![text* your-name placeholder "Your name*"][email* your-email placeholder "Email Address*"][text your-subject placeholder "Your website*"][textarea your-message placeholder "Give us your need as specific as possible*"][submit "Send"]效果如图:13. 配套插件:Contact form DB这个插件的作用时,当用户通过你的CF7等发询盘的时候,无论是是否发送成功,这个询盘的内容都可以被记录下来,非常好用,可以防止无法发送询盘或无法收到邮件导致的询盘丢失。
plugin是什么插件
展开全部 Plugin(Plug-in,addin,add-in,addon或add-on)是一种计算机应用程序,它和主应用程序(host application)互相交互,以提供特定的功能。
应用程序支持Plugin有许多原因,一些主要原因包括:使得第三方开发者有能力扩展应用程序,以提供无法先期预料的特色;减小应用程序的大小;由于软件版权之间的不兼容性将源代码和应用程序分享。
Plugin 通常译作插件,下文中以插件代替Plugin。
支持插件的软件例如有:Email客户端 使用插件对email编码、解码图像软件 使用插件对文件格式进行支持和处理图像(Adobe Photoshop,AcdSee)媒体播放器 使用插件支持文件格式和应用过滤器(foobar2000,GStreamer,Quintessential,VST,Winamp,XMMS,WindowsMediaPlayer)包嗅探器 使用插件对包的格式进行解码 (OmniPeek)遥感应用 使用插件处理不同类型传感器的数据(Opticks)软件开发环境 使用插件支持不同的编程语言(Eclipse,NetBeans,jEdit,MonoDevelop)Web浏览器 使用插件播放视频和媒体格式(Flash,QuickTime)blog应用平台 使用插件增强blog功能(WordPress,LightPress,MovableType,Z-Blog)blog终端 使用插件增加blog编辑功能(Windows Live Writer)文件编辑器 使用插件提供特定的文本编辑能力(Emeditor,Notepad++)编译任务管理软件 使用插件提供第三方语言支持或编译任务支持(Ant)企业Web应用平台 使用插件针对不同业务进行处理(Struts)...
如何在wordpress主题中添加设置页面
1、创建所需的文件在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
<?php// 设置选项页function themeoptions_admin_menu(){// 在控制面板的侧边栏添加设置选项页链接add_theme_page(“主题设置”, “主题选项”, 'edit_themes', basename(__FILE__), 'themeoptions_page');}
wordpress 首页 title 输出修改
1、首先找到向所有文章底部添加自定义内容的代码复制以下代码://在所有文章底部添加自定义内容function add_after_post_content($content) {if(!is_feed() && !is_home() && is_singular() && is_main_query()) {$content .= '你需要添加的自定义内容';}return $content;}add_filter('the_content', 'add_after_post_content');2、我们要把这段代码复制到WordPress的functions.php中,进入WordPress的后台,点击 “外观”》“编辑”,在右边栏“模板”,点击“Theme Functions (functions.php)”,进入functions.php的编辑界面。
3、然后把我们的代码复制到“//全部结束”的前面,这是你只需把“你需要添加的自定义内容”改为你自己想要的文字内容即可。
4、如果你不想添加一段文字,而是想添加一张图片,你就必须自己按照php格式写一段代码复制到“你需要添加的自定义内容”,比如小杰想再每篇文章底部添加我的公众微信账号的图片,那我就必须写一段代码,如下:a href="图片URL">这是在图片URL的地方替换你想要显示的图片即可,切记在修改完之后点击“更新文件”,不然你就前功尽弃了。
当然,你还可以添加“连接”“音频”“视频”等内容,只需填入相应的代码即可。
...
如何自定义WordPress的登录页面
你好,具体代码如下:自定义Logo图片制作一个名为 login_logo.png 的图片,放在主题下的images文件夹里(也可以根据自己的实际修改,只要下面的代码引用的Logo地址正确即可)。
//自定义登录页面的LOGO图片function my_custom_login_logo() {echo 'h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; }';}add_action('login_head', 'my_custom_login_logo');自定义Logo链接将Logo的链接改为网站首页链接://自定义登录页面的LOGO链接为首页链接add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));将Logo的链接改为任意链接://自定义登录界面LOGO链接为任意链接function custom_loginlogo_url($url) {}add_filter( 'login_headerurl', 'custom_loginlogo_url' );自定义Logo提示信息(tltle)自定义为网站名称://自定义登录页面的LOGO提示为网站名称add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));自定义为其他任何文本://自定义登录页面LOGO提示为任意文本function custom_loginlogo_desc($url) {return 'WordPress大学'; //修改文本信息}add_filter( 'login_headertitle', 'custom_loginlogo_desc' );自定义登录框内容//在登录框添加额外的信息function custom_login_message() {echo '欢迎来到'.get_bloginfo('name').',请登录后下载本站资源';}add_action('login_form', 'custom_login_message');自定义底部内容//自定义底部信息function custom_html() {echo ' ' . get_bloginfo(url).'';}add_action('login_footer', 'custom_html');自定义CSS要更加灵活地修改登录页面的显示样式,建议添加一个自定义的CSS文件,然后查看登录页面的源代码的html结构,撰写自己的CSS样式。
你可以使用下面的代码引入自己的CSS,注意修改代码中的css地址,以下调用的是主题根目录下的login_style.css://添加自定义CSSfunction custom_login() {echo '';}add_action('login_head', 'custom_login');
转载请注明出处51数据库 » wordpress add_editor
哆啦戚梦