专业WORDPRESS主题设计制作

the_excerpt()函数(excerpt的意思)

发布于: 2022-08-19

wordpress内置函数 the_excerpt() 是个使用频率较高的函数,它是用来获取当前文章摘要的,以[…]结尾,如果在文章中没有编辑内容摘要字段,则默认截取文章的前55个字的内容,默认截取的字段去掉HTML标签和图形,并且一定要在循环内使用。

the_excerpt() 函数使用的方法也非常简单,用法如下:

这个标签没有任何的参数,直接使用即可,但函数默认的设置有时候并不能满足用户的需要,比如国内用户以[…]结尾就很不习惯,另外截取前 55 个字符有时候会太少了,还有文章摘要的结尾是不是我们可以自定义加个更多的链接呢,这些自定义只需要在主题 functions.php 文件中加入相应的代码就可以了。

the_excerpt()函数
functions.php中的代码

//设定摘要的长度
function new_excerpt_length($length) {
    return 150;
}
add_filter('excerpt_length', 'new_excerpt_length');

//把摘要默认的结尾[...]换成...
function new_excerpt_more(){
    global $post;
    return " <a href="". get_permalink($post->ID) . "">阅读更多</a>";
}
add_filter('excerpt_more', 'new_excerpt_more');
//在页面中直接调用摘要
<?php the_excerpt();?>

//也可以采用这种方法,但是测试的结果却是摘要字符无法截断,如果能截断这个是比较完美的一个方法
<?php if(has_excerpt()){
    the_excerpt();
} else{
    echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 75, "…");
}?>

get_the_excerpt() 返回文章摘要赋值给变量

如何在WordPress文章内添加JavaScript代码?(wordpress可以自己写代码吗)

发布于: 2022-11-03

1 WordPress文章内添加JS代码方法

  • 2 1)直接在WordPress文章里添加JS代码
  • 3 2)写入JS文件后WordPress文章中调用JS代码
  • 4 WordPress调用今天日期的JS代码
  • 5 注意事项

 

系统学过建站技术的SEO高手,都知道如何简单使用JavaScript程序。

网络上有很多别人分享出来的、好用的JavaScript代码。

如果你可以在WordPress文章里添加JS代码,必能让文章生色不少。

WordPress文章内添加JS代码方法

在WordPress文章中,添加JavaScript代码是非常简单的。

接下来,我们将会为你分享:如何在WordPress文章中,添加 JavaScript 代码程序?

通常有2种添加JS代码的方式:

  1. 直接在WordPress文章里添加JS代码
  2. 写入JS文件后WordPress文章中调用JS代码

1)直接在WordPress文章里添加JS代码

第一种方法,直接在WordPress文章中编写JavaScript。

以下是打印“Hello World!”文字的示例 ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

这是在WordPress文章中,执行JavaScript后显示“Hello World!” ▼

wordpress-article-add-js_001

2)写入JS文件后WordPress文章中调用JS代码

第二种方法,将JavaScript代码写入单独的文件。

然后在需要插入JavaScript的WordPress文章中,通过WordPress文本编辑器调用JavaScript文件。

以下示例是在WordPress文章中,打印“Hello World”文本 ▼

<script type="text/javascript" src="https://img.wordpressx.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript文件hello.js的内容 ▼

document.write("Hello World");

在WordPress文章中添加JavaScript代码所显示的结果 ▼

wordpress-article-add-js_002

WordPress调用今天日期的JS代码

互联网上有许多好玩又有用JavaScript代码。

现在举例说明如何使用它们?

在WordPress文章中打印今天的日期。

将以下JavaScript date.js文件,插入到WordPress文章中 ▼

<script type="text/javascript" src="https://img.wordpressx.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

以下是 date.js 文件的 JavaScript 內容 ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

以下是WordPress文章中JavaScript执行今天的日期的结果 ▼

wordpress-article-add-js_003

以下是本文中执行的JavaScript文件date.js的结果 ▼

注意事项

要将JS代码插入到文章中,你需要WordPress编辑器切换到文本模式。

需特别注意<script>和</ script>之间不能有换行。

如果有换行,WordPress将自动处理为段落,自动加上导致JS脚本代码失效的p标签。

这里还有更多关于WordPress JavaScript代码的文章 ▼

WordPress如何指定文章页面加载JavaScript/CSS代码?

在制作WordPress主题时,如果有一个特定的JavaScript或CSS代码,出现在WordPress的特定页面上,它只会被使用一次。应该把代码放在哪里? Style.css还是base.js?但这样做的成本有点大。……

wordpress-post-add-custom-fields_002-1如何让WordPress延迟加载JavaScript加速页面渲染?

WordPress延迟加载JavaScript,来加速页面渲染方法。什么是JavaScript的Defer属性?每个人都可能遇到过这种情况:head中有N个脚本,在加载脚本时,会阻塞页面渲染,这通常是空白的。 ……

hyperlink-icon_350x350-12WordPress如何适当引入JavaScript?自定义加载JS和CSS文件

用WordPress建站的程序员,在开发WordPress插件或定制WordPress主题时,会引用一些JavaScript和CSS脚本资源。通常,人们直接为HTML使用link、script标记。 实际上,WordPress内……

hyperlink-icon_350x350-12

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何在WordPress文章内添加JavaScript代码?》,对您有帮助。

如何自动同步到新浪微博?WordPress免代码分享(微博自动同步怎样关掉)

发布于: 2022-11-03

1 获取博客RSS地址

  • 2 配置新任务条件
  • 3 新浪微博授权访问
  • 4 查看微博同步内容
  • 5 成功自动同步到新浪微博
  • 6 补充说明
  • fttt像中介一样,fttt通过访问许多网络服务接口,连接到不同的网络服务。

    ifttt服务还打开了微博平台的接口,这样当我们在博客上发表文章时,它会自动转发到微博平台,从而扩大博客帖子的影响力。

    获取博客RSS地址

    为了让ifttt服务知道WordPress博客已经更新,它需要定期检查博客站点,并且检测方法最好是通过RSS订阅的方式实现。

    innity_adZoneAsync.q.push(function(){innity_adZoneAsync.display(“ee389847678a3a9d1ce9e4ca69200d06″,”96572”,{“target”:”div-ad-innity-96572/0″,”origin”:”MY”});});

    首先打开任何浏览器,并登录你经常访问的软件博客。

    单击右侧功能栏中的“文章RSS”链接,浏览器将自动跳转到新页面。

    或直接访问WordPress博客的RSS地址 ▼

    https:// 域名 /feed/

    记录此页面的地址链接,这是其它博客的RSS订阅地址 ▼

    ifttt-rss-weibo_1

    innity_adZoneAsync.q.push(function(){innity_adZoneAsync.display(“ee389847678a3a9d1ce9e4ca69200d06″,”96574”,{“target”:”div-ad-innity-96574/0″,”origin”:”MY”});});

    记录此订阅地址,该地址将用于以下操作。

    配置新任务条件

    然后打开一个新的浏览器标签,访问ifttt服务网站 ▼

    点此访问 ifttt 服务网站

    1. 转到网站的设置页面。
    2. 然后单击蓝色的“Create a Recipe”按钮,就能开始创建新的任务条件。
    3. 单击弹出窗口中的蓝色“This”按钮。
    4. 然后在弹出功能列表中选择“Feed”项。
    5. 单击后续页面上的“New feed item”按钮。
    6. 然后在弹出的“Feed URL”输入框中,设置刚刚记录的博客订阅地址。
    7. 设置完成后,单击“Create trigger”按钮,并设置规则的执行部分 ▼

    ifttt-rss-weibo_2

    新浪微博授权访问

    现在点击弹出页面中的蓝色“That”按钮。

    然后在弹出列表中选择“Sina Weibo”项目。

    由于这是你第一次使用新浪微博的接口,你需要根据提示点击窗口中的“Activate”按钮。

    此时,新浪微博账号登录窗口会弹出,请输入你自己的新浪微博账号和密码。

    登录成功后,将弹出一个查询窗口,点击“授权”,即可同意将ifttt服务连接到你的新浪微博。

    授权完成后,返回到ifttt服务的任务设置页面,然后单击任务列表中的“发布新帖子”命令 ▼

    ifttt-rss-weibo_3

    查看微博同步内容

    此时,ifttt服务将自动设置转发的内容参数。

    • 例如,EntryTitle,EntryContent和EntryUrl参数
    • 分别表示博客的标题、内容和链接。

    只需单击“Create action”按钮,即可完成设置 ▼

    ifttt-rss-weibo_4

    • 最后,ifttt服务将让用户检查。
    • 如果检查正确,请单击“Create Recipe”按钮进行确认。

    成功自动同步到新浪微博

    此时,ifttt系统会自动将博客文章转发到设置的微博帐户,该帐户将每15分钟自动检测一次并自动转发。

    之后,当网民登录新浪微博时,他们可以看到ifttt服务转发的博客帖子的简介 ▼

    ifttt-rss-weibo_5

    • 单击微博文字后面的Web链接,打开此博客文章以便阅读 。

    补充说明

    • ifttt服务的功能列表中有许多服务,我们可以自由连接和设置这些服务。
    • 例如,我们可以自动将指定的博客帖子保存到指定的云笔记,避免在备份文章时进行重复复制和粘贴操作,并将云笔记客户端用作RSS阅读器。
    • 事实上,许多网民在微博上共享一些文件,他们也可以使用ifttt服务自动将它们传输到云存储。

    希望我们网站( https://www.wordpressx.com/ ) 分享的《如何自动同步到新浪微博?WordPress免代码分享》,对您有帮助。

    WordPress/Typecho/Zblog/Emlog一键留言评论代码(wordpress typecho)

    发布于: 2022-11-03

    1 Javascript脚本的书签功能

    • 2 常见平台通用评论留言代码
    • 3 代码说明

     

    新媒体人执行网络推广任务,会经常给其它WordPress博客网站留言,所以不少人一直都在寻找各种更有效的SEO留言评论工具。

    默认情况下,我们访问一个新博客,若想在网站上评论留言,需手动输入以下内容:

    1. 名称
    2. 电子邮件地址
    3. 网址
    4. 评论内容

    由于名称、电子邮件和网址基本是相同不变的。

    那么,是否有更智能,更有效的方法来自动填写这些重复项?

    互联网上,没有任何东西是不可能的!

    Javascript脚本的书签功能

    使用Javascript脚本的书签功能,就可以让你很容易实现快速评论留言。

    • 所有网络上的方法有很大的缺陷,因为主要用于使用WordPress建站的博客,他们不具备跨网站、多平台的功能……

    我们在分享的代码,就是让你能在常见的开源程序建站的平台上,自动填写个人信息,方便进行评论的方法。

    换句话说,它可能适用于一个或多个WordPress,Typecho,zblog和emlog平台,但不是所有网络平台。

    常见平台通用评论留言代码

    只需单击即可自动填写名称、邮箱和网址的Javascript代码:

    javascript:void function(){var lauthor=["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name"],lmail=["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email"],lurl=["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']"];for(i=0;i<lauthor.length;i++){var author=document.querySelector(lauthor[i]);if(author!=null){author.value='名称';break}}for(j=0;j<lmail.length;j++){var mail=document.querySelector(lmail[j]);if(mail!=null){mail.value='邮箱';break}}for(k=0;k<lurl.length;k++){var url=document.querySelector(lurl[k]);if(url!=null){url.value='网址';break}}return!1}()
    • 将此代码添加到书签地址栏(URL)。
    • 将“名称”、“邮箱”和“网址”这3个字段替换为你的信息,保存即可。

    这里以Chrome谷歌浏览器为例,添加步骤:

    1. 右键书签栏
    2. 单击添加网页(Add page)

    auto-fill-message-js

    代码说明

    lauthor,lmail 和 lurl 中的引号里的内容,是要填写的留言评论框的input元素中相应id,class或标签。

    如果你遇到无法自动填写的博客站点,你可以右键单击“审查元素”。

    根据每个博客网站评论框的input元素,添加,删除和修改上述代码的相关位置。

    希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress/Typecho/Zblog/Emlog一键留言评论代码》,对您有帮助。

    TAG:

    get_theme_file_path()函数(file类的getpath方法)

    发布于: 2022-08-19

    get_theme_file_path()函数可以用来引入主题中某个文件,也就是说你想找到主题中某个文件,可以用此函数来查找。
    语法

    get_theme_file_path( string $file = '' )

    参数

    $文件 (字符串) (可选) 要在样式表目录中搜索的文件。默认值: ”

    返回值

    get_theme_file_path()函数

    文件的路径

    实例

    require_once get_theme_file_path() .'/inc/functions.php';
    //这段代码将加载主题文件夹下的inc文件夹下的functions.php文件
    
    TAG列表 wordpress最新最热TG汇集,掌握wordpress热线内容
    wordpress更换域名图标不显示wordpress文章浏览数量统计WordPress虚拟主机伪静态去除tag标签urlWordPress页脚页眉插件Markdown here插件WooCommerceCWP开启Redis缓存WordPress tag模版xmlrpc.php漏洞wp-json漏洞wp-json安全设置Shortcodes UltimateWooCommerce 商店All In One WP Security修改wordpress登录地址wordpress漏洞修复Better Search Replace插件Footer and Post Injections插件wordpress文章卡片样式wordpress cdnWordPress过滤敏感词插件WordPress外链特色图片织梦采集侠wordpress谷歌 SEORich Snippets结构化数据Pretty Links Pro插件WordPress网站防护WordPress超级菜单禁用 xmlrpc.phpbootstrap自适应布局WordPress广告词检测wordpress DropboxnameCheap最新优惠码WordPress文章描文本Wordfence Security插件隐藏WordPress代码内版本号Avada主题WordPress调试模式robots.txt禁止访问Shortcodes Ultimate插件critical automatic updatesAvada主题演示CWP控制面板转KLOXO-MRwp-json链接WordPress自动备份Image Sizes插件WP-No-Tag-Base插件robots.txt安全设置http://www.fandutaoci.cnRedis加速缓存插件安装WordPress插件百度熊掌号隐藏WordPress后台登录地址wordpress描文本xmlrpc.php攻击Jetpack插件WordPress大气的样式h5自适应布局BackWPup插件wordpress打开是代码Awesome SupportMega Menu插件主机壳Wordpresswp-json防止数据被采集wordpress小图标不显示WordPress自定义页眉WooCommerce 定价网站添加CDNWordPress显示运行数据库WordPress站内搜索排除所有页面Featured Image From URLEasy WP Cleaner插件wordpress表单跳转wordpress Post ViewsWordPress站内搜索排除某些类别的文章WordPress滤敏感词过滤插件WordPress违禁词检查namechep域名优惠码wp-json优化WP插件优化head代码Dropbox上传失败wordpress常规设置wordpress感谢页面WordPress tagWordPress页脚加载JSWP SMTP插件设置Jetpack站点加速器CDN图像缓存扒站怎么改wordpress主题namechep续费优惠码WordPress官网制作wordpress安全防护WP安全登录插件推荐WooCommerce 功能什么是 WooCommerceWordPress菜单自定义图标WordPress网站恶意代码WP SMTP插件WordPress网站安全防保护robots.txt
    服务电话:
    0533-2765967

    微信 13280692153