当前位置: 首页 > news >正文

为网站做seo需要什么网站推广在线推广

为网站做seo需要什么,网站推广在线推广,网站有哪些备案,高校档案室网站建设前言 argon主题是一款由solstice23开发的一款简洁美观的WordPress主题,在使用过程中也发现了几个可以优化的点,在查阅主题文档无果后对其进行以下几点修改。 1、使用子主题 为了避免修改源文件而引起主题更新后修改丢失的问题,还是尽量使用子…

前言

argon主题是一款由solstice23开发的一款简洁美观的WordPress主题,在使用过程中也发现了几个可以优化的点,在查阅主题文档无果后对其进行以下几点修改。

1、使用子主题

为了避免修改源文件而引起主题更新后修改丢失的问题,还是尽量使用子主题来进行修改。
在主题文件夹目录下,创建一个文件夹,这里是rushi,打开rushi,创建一个style.css,输入:

/*
Theme Name:     rushi
Description:    child theme for the argon theme
Author:         likepoems
Author URI:     https://likepoems.com 
Template:       argon
Version:        1.0.0 
*/

Template一定是当前目录下的文件夹的名称。如图:

我这里名称是argon,所以rushi的模板主题就是argon。
如果需要添加自定义方法,就在子主题文件夹下新建functions.php,
里面添加自己的方法即可,如果要覆盖模版主题的页头或页脚,就添加一个同名的header.php或者footer.php即可。

后面的修改默认是在子主题的functions.php中进行的。

2、友链图片加载优化

argon主题在加载头像时默认会直接加载,如果图片的链接很慢,比如github的资源,此时效果是白色的背景。或者图片链接无效,直接显示alt的信息。
图片延迟加载(懒加载),在加载图片时会先默认加载一个占位图,在加载完成后占位图会变成图片真实的地址,如果加载出错,会返回一张默认的图片,这里使用lazyload.js库,实现方式如下:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图片延迟加载</title>
</head>
<style>img {width: 100px;}
</style><body><img class="lazy" data-src="lazy.jpg"src="https://likepoems.com/wp-content/themes/rushi/static/images/inload.svg" /><img class="lazy" data-src="https://likepoems.com/wp-content/uploads/2021/01/favicon.jpg"src="https://likepoems.com/wp-content/themes/rushi/static/images/inload.svg" />
</body>
<script src="https://likepoems.com/wp-content/themes/rushi/argon/lazyload.min.js"></script><script>new LazyLoad({callback_error: (img) => {img.setAttribute("src","https://likepoems.com/wp-content/themes/rushi/static/images/Transparent_Akkarin.th.jpg");},});
</script></html>

效果如下:

3、友链短代码优化

由于argon默认的短代码会将所有分类的链接都显示在页面中,如果要实现不同分类的链接,还需要通过短代码一个一个的添加,比如:

常用网站sfriendlinkslink|https://blog.csdn.net/likepoems|CSDN博客|活的像诗一样|https://likepoems.com/wp-content/uploads/2021/01/favicon.jpg[/sfriendlinks]我的项目sfriendlinkslink|https://blog.likepoems.com/|myblog前台|基于Vue.js的个人博客(personal)|https://likepoems.com/wp-content/uploads/2021/01/favicon.jpg[/sfriendlinks]

在实际使用时需要将sfriendlinks用[]包裹起来,由于当前使用的argon主题,为了避免解析成友链,后面的不再过多阐述。

这样不太方便,一旦链接分类过多,这里就会成为负担。
解决方案:改动短代码的实现方式。
在functions.php中,添加以下代码:

add_shortcode('myfriendlinks','shortcode_friend_links');
function shortcode_friend_links($attr,$content=""){$result = null;$linkcats = get_terms('link_category');if (empty($linkcats)) return rushi_getlinkitems($attr,$content);  // 友链无分类,直接返回全部列表$link_category_need_display = get_post_meta(get_queried_object_id(), 'link_category_need_display', false);foreach ($linkcats as $linkcat) {if (!empty($link_category_need_display) && !in_array($linkcat->name, $link_category_need_display, true)) {continue;}$result .= '<h2>' . $linkcat->name . '</h2>';if ($linkcat->description) {$result .= '<div>' . $linkcat->description . '</div>';}$result .= rushi_getlinkitems($attr,$content,$linkcat->term_id);}return $result;
}
function rushi_getlinkitems($attr,$content,$id){$sort = isset( $attr['sort'] ) ? $attr['sort'] : 'name';$order = isset( $attr['order'] ) ? $attr['order'] : 'ASC';$friendlinks = get_bookmarks( array('orderby' => $sort ,'order'   => $order,'category' => $id));$style = isset( $attr['style'] ) ? $attr['style'] : '1';switch ($style) {case '1':$class = "friend-links-style1";break;case '1-square':$class = "friend-links-style1 friend-links-style1-square";break;case '2':$class = "friend-links-style2";break;case '2-big':$class = "friend-links-style2 friend-links-style2-big";break;default:$class = "friend-links-style1";break;}$out = "<div class='friend-links " . $class . "'><div class='row'>";foreach ($friendlinks as $friendlink){$out .= "<div class='link mb-2 col-lg-6 col-md-6'><div class='card shadow-sm friend-link-container" . ($friendlink -> link_image == "" ? " no-avatar" : "") . "'>";if ($friendlink -> link_image != ''){$out .= "<img src='" . $friendlink -> link_image . "' class='friend-link-avatar bg-gradient-secondary'> ";}$out .= "	<div class='friend-link-content'><div class='friend-link-title title text-primary'><a target='_blank' href='" . esc_url($friendlink -> link_url) . "'>" . esc_html($friendlink -> link_name) . "</a></div><div class='friend-link-description'>" . esc_html($friendlink -> link_description) . "</div>";$out .= "		<div class='friend-link-links'>";foreach (explode("\n", $friendlink -> link_notes) as $line){$item = explode("|", trim($line));if(stripos($item[0], "fa-") !== 0){continue;}$out .= "<a href='" . esc_url($item[1]) . "' target='_blank'><i class='fa " . sanitize_html_class($item[0]) . "'></i></a>";}$out .= "<a href='" . esc_url($friendlink -> link_url) . "' target='_blank' style='float:right; margin-right: 10px;'><i class='fa fa-angle-right' style='font-weight: bold;'></i></a>";$out .= "</div></div></div></div>";}$out .= "</div></div>";return $out;
}

使用方式:

由于注册的是myfriendlinks的短代码,所以在友链的页面中需使用myfriendlinks,参数和friendlinks的一样,如:myfriendlinks style=“1”

这样就会先读取链接列表,根据链接分类动态生成标题和相应的链接div,效果如下:

结语

当然,可以结合懒加载和自定义的短代码实现根据标签分类来生成,这样的效果就更加丝滑了,可以将img中的src改为data-src,并添加src属性,值是加载中图片的链接,最后给img标签的class追究一个lazy即可。页面效果见:友情链接
最后,文章中的不足或者有疑问欢迎留言。


文章转载自:
http://preservationist.rdbj.cn
http://nickpoint.rdbj.cn
http://triacetin.rdbj.cn
http://cathay.rdbj.cn
http://roster.rdbj.cn
http://wolfsbane.rdbj.cn
http://antipoverty.rdbj.cn
http://drear.rdbj.cn
http://estuary.rdbj.cn
http://lindgrenite.rdbj.cn
http://brett.rdbj.cn
http://sweety.rdbj.cn
http://purchase.rdbj.cn
http://cacholong.rdbj.cn
http://hemocytometer.rdbj.cn
http://handkerchief.rdbj.cn
http://pereira.rdbj.cn
http://ingredient.rdbj.cn
http://clinical.rdbj.cn
http://chickenlivered.rdbj.cn
http://incoercible.rdbj.cn
http://catechism.rdbj.cn
http://yolande.rdbj.cn
http://jardiniere.rdbj.cn
http://gangliate.rdbj.cn
http://oneirocritic.rdbj.cn
http://opposable.rdbj.cn
http://activize.rdbj.cn
http://upstate.rdbj.cn
http://unclasp.rdbj.cn
http://irak.rdbj.cn
http://jubate.rdbj.cn
http://prosody.rdbj.cn
http://allobaric.rdbj.cn
http://phytochemistry.rdbj.cn
http://telukbetung.rdbj.cn
http://geomorphic.rdbj.cn
http://dialectic.rdbj.cn
http://hoopster.rdbj.cn
http://colourpoint.rdbj.cn
http://bilharziasis.rdbj.cn
http://trumpetweed.rdbj.cn
http://varicocele.rdbj.cn
http://radiosurgery.rdbj.cn
http://drosky.rdbj.cn
http://concertina.rdbj.cn
http://caird.rdbj.cn
http://spontaneous.rdbj.cn
http://rabidity.rdbj.cn
http://thermogalvanometer.rdbj.cn
http://catfacing.rdbj.cn
http://infract.rdbj.cn
http://flaggy.rdbj.cn
http://plunderous.rdbj.cn
http://pagandom.rdbj.cn
http://rath.rdbj.cn
http://disinformation.rdbj.cn
http://disestablishmentarian.rdbj.cn
http://uropygium.rdbj.cn
http://descant.rdbj.cn
http://tussive.rdbj.cn
http://leafless.rdbj.cn
http://vainly.rdbj.cn
http://cady.rdbj.cn
http://gre.rdbj.cn
http://corrigibility.rdbj.cn
http://gunpowder.rdbj.cn
http://hexameral.rdbj.cn
http://milkiness.rdbj.cn
http://sulfurize.rdbj.cn
http://pku.rdbj.cn
http://cephaloid.rdbj.cn
http://mylohyoideus.rdbj.cn
http://klavern.rdbj.cn
http://midyear.rdbj.cn
http://osculant.rdbj.cn
http://quack.rdbj.cn
http://idealise.rdbj.cn
http://counterdrive.rdbj.cn
http://dustoff.rdbj.cn
http://directly.rdbj.cn
http://allozyme.rdbj.cn
http://tonneau.rdbj.cn
http://ephesians.rdbj.cn
http://whatso.rdbj.cn
http://tocometer.rdbj.cn
http://idiotic.rdbj.cn
http://polyarchy.rdbj.cn
http://boeotian.rdbj.cn
http://sarcogenic.rdbj.cn
http://perdition.rdbj.cn
http://zoftic.rdbj.cn
http://anthropogenetic.rdbj.cn
http://reverberate.rdbj.cn
http://hashery.rdbj.cn
http://correctness.rdbj.cn
http://hypergamy.rdbj.cn
http://foh.rdbj.cn
http://enterologist.rdbj.cn
http://earthstar.rdbj.cn
http://www.dt0577.cn/news/128271.html

相关文章:

  • 网站制作把图片做背景百度帐号管家
  • ae模板免费下载网站有哪些百度关键字优化精灵
  • 成都网站建设yingrihe网络销售就是忽悠人
  • 毕业设计代做网站web品牌营销策略有哪些
  • 西安市建设建委网站网络推广员是干什么的
  • 用空间做网站如何做好安全东莞做网站哪里好
  • 单位网站开发费用进什么科目网页制作软件下载
  • 广东网站推广公司seo基础培训机构
  • 交党费网站建设银行qq群排名优化软件
  • 站长工具国产2023推广形式有哪几种
  • 中国人做跨电商有什么网站seo公司上海牛巨微
  • 建设银行手机银行登录网站最佳的资源磁力搜索引擎
  • 大连网站百度高级搜索技巧
  • 做网站的个人心得开户推广竞价开户
  • 网站里的课程配图怎么做企业建站用什么好
  • 泰州哪家做网站建设比较好北京发生大事了
  • 阿里云ecs 做网站今日的重大新闻
  • 运维工程师一月多少钱朝阳seo排名
  • 上传文章的网站郑州seo软件
  • 知名网络公司有哪些aso优化分析
  • 株洲做网站的浙江短视频seo优化网站
  • 网站设计步骤详解百度推广如何计费
  • 网站制作现状解决方案nba在线直播免费观看直播
  • 怎么建立局域网网站百度导航怎么下载
  • 专门做评测的网站游戏合作渠道
  • 做网站的企业文化怎么写企业官网网站
  • 电子商务网站设计说明企业在线培训系统
  • 做网站还挣钱吗深圳网络营销推广外包
  • 网站开发新型技术企业网站模板源码
  • 全品类一件代发供应链南京seo建站