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

如何美化自己的博客,wordpress 主题编辑入门教程。

本文不是高手教程,不过是自己在美化优化博客的过程中,边学边记录而已。 首先我的样式是默认的主题twenty fifteen 白色为主色调,左目录,右文章。...第一步的感觉就是,字体太大了,一个版面只能放几个文章, 对于初学者而已,在使用wordpress中,首先是把后台所有的选项和设计的全部都试一遍。把一切自定义小工具都配置到自己喜欢的样子。...现在开始增加有一点点技术含量的插件了, 第一个akismet是防止垃圾评论的,第二个是取消谷歌字体的,防止因为谷歌被墙导致打开wordpress的速度太慢,第三个是自带的,挺有意思,第四个是定期备份你的博客...这个不是问题,只要加载时间不超过两三秒就可以接受,但是也可以看到有两个资源是无法加载的,哪个是你的头像问题,因为这个资源被墙了,,导致你的博客会不断处于加载中,这个其实很好解决,直接不显示任何头像就可以了...本次教程到此结束,希望能帮上各位访客的博客设计。。 原创文章,转载请注明: 转载自URl-team 本文链接地址: 如何美化自己的博客,wordpress 主题编辑入门教程。

3.7K10

关于 WordPress 功能增强优化,看这一篇就够了

前面我花了整整一个月的时间,重新梳理和整理了 WPJAM Basic 中对 WordPress 功能屏蔽优化的设置和介绍。...现在又花了相同的时间把  WPJAM Basic 中功能增强的部分也整理了一下,介绍了每个功能的背景,为什么要实现这个功能的,今天在汇总一下: Google 字体加速服务 Google 字体很好用,很方便...,WordPress 很多主题也使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开,这也是 WordPress 有时候在国内速度不够快的原因。...WPJAM Basic 还额外增加一个选项,如果博客自定义了其他的自定义分类模式,可以选择设置哪个分类模式应用该功能: 详细介绍:去掉 WordPress 分类目录 URL 中的 category 最佳方法...WordPress 的版本,而服务发现代码则可以说明你的博客支持哪些服务。

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

    编写自己的 WordPress 模板

    也许 你之前已经使用过它,但不知道如何从头开始制作主题。或者,也许你是一个完整的新手。无论如何,这篇文章是给你的。 先决条件:在我们开始之前, 你需要满足以下一组要求。...你会在主题集中找到WP Start。 继续并激活此主题,然后访问该站点。瞧!从技术上讲, 你自己创建了一个自定义主题。当然,它除了有一个空白的屏幕之外什么都不做。...这里要提到的另一件事是,我在文件中使用了“硬编码”子部分,如“联系人”和“链接” footer.php。相反, 你可以使用 WordPress 小部件来自动化并使它们直接通过定制器进行修改。...你的自定义 WordPress 主题的第一个外观已准备就绪。 循环 这是整个 WordPress 主题开发中最令人兴奋的部分, 你可以控制所有帖子。...Loop是一种功能, 你可以使用它动态地将内容插入到 你的主题中。我们在本教程中的目标是将所有博客文章呈现为一个用户友好的列表,以便读者可以选择其中任何一篇。让我们看看我们是如何做到的。

    2.5K30

    WordPress开发人员犯的12个最严重的错误

    1.将WordPress主题的JavaScript代码放入一个主文件中 有一次,在为客户的网站做页面速度优化时,我注意到他们使用了一个高级主题,这个主题包含了所有他们正在使用的库,包括定制代码,在一个名为...这就是为什么许多开发人员在他们的变量和函数名前面加上了一些与插件本身相关的独特的东西。除了消除代码冲突之外,在启用了大量插件时,还可以更容易地发现问题。...有了这个,我可以轻松地阅读和管理代码,而不必担心有很长的唯一名称。 在使用它们之前,我建议您很好地理解命名空间,因为它们常常以错误的方式使用。...我看到WordPress主题和插件,他们的资产目录中已经有WordPress核心文件(例如,jQuery或Color Picker))中的文件。...主题设置中设置了颜色,字体大小和元素间距等内容,然后将其保存在数据库中。

    3.6K10

    打造个人IP: 开源项目网站构建框架

    前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js的构建框架? 在这篇文章我将向您展示如何创建一个美观并且实用的开源博客/开源项目官网构建框架!...我知道大多数人认为创建一个博客是令人生畏的,很多人都难以踏出疑似泰山,实则简单的第一步。这个免费指南是关于初学者的博客,并将教你如何成为一个博主只有最基本的计算机技能。...因此,无论您是8岁还是88岁,都可以在不到20分钟的时间内创建自己的博客。 我并不羞于承认,当我第一次学习如何建立一个博客时,我犯了很多错误。...WordPress同时兼具“免费”与无价。它的免费有二方面的含义,WordPress有免费的主题和WordPress构建这个框架是免费的。...此外,通常有限的选项来自定义免费主题的视觉外观 Hexo 官方地址: https://hexo.io/ 背书: 撰写文章此时github星数: 26484 通过一番折腾,对于博客系统的选择,我目前还是采用了

    1.8K40

    WordPress插件:WPJAM Basic优化设置

    WPJAM Basic 插件的「优化设置」是我爱水煮鱼博客多年使用 WordPress 的经验而整理的各类优化设置。...但是 WordPress 的更新服务器在国外,所以国内服务器的 WordPress 更新可能会很卡,造成 WordPress 后台运行变慢。我现在使用的非凡云云服务器的机房在美国洛杉矶,基本不受影响。...WordPress 很多主题也使用了 Google 字体,但是 Google 在线字体在国内的速度不是很快,甚至有时候还无法打开。...Google 字体加速服务可以根据自己的需求选择适合自己的加速服务,也可以自定义输入加速服务地址。...(2)Gravatar 加速服务绝大部分 WordPress 博客都使用了一个 叫做「Gravatar」的服务,就是全球注册公认头像。

    18200

    新手如何选择适合自己网站的WordPress主题模板

    在做决定之前,您需要了解一些关于主题的知识。 在这篇文章中,我将用5000字介绍为什么您的网站需要搭配高质量主题、选择主题时应考虑哪些因素、以及如何评估主题和筛选主题。...这将缩小您的选择范围,防止您选择缺乏必要功能的主题。 选择WordPress主题时应考虑的因素 在为博客,外贸网站,跨境电商独立站或小型企业网站选择WordPress主题时,有几个重要因素需要牢记。...选择字体易读、有足够自定义功能的主题。 简洁的主题通常与轻量级主题相对应。虽然充满高质量图片和特效的主题很好看,但它们往往非常沉重。...如果一个主题有生成器,一般主题描述中提到它。 考虑到这些因素,您就可以选择一个不仅符合您的审美偏好,还能为您的博客或小型企业网站提供必要的功能、性能和支持的WordPress主题。...让我们来看看您可以考虑的不同主题来源: WordPress.org主题目录: 这是一个很好的起点,它提供了大量经过审核的免费主题。该目录提供安全、定期更新并与最新 WordPress 版本兼容的主题。

    42510

    如何轻松自定义WordPress登录页面

    关于WordPress的好处是后端的每个部分都可以通过使用php 函数进行自定义。 在今天的教程中,我将向您展示如何以您希望的方式自定义WordPress登录屏幕。...首先,将您喜欢的徽标(png文件格式)放在图像文件夹中的二十四个WordPress默认主题目录中(对于本教程,我使用了custom-login-logo.png徽标)。...我们首先使用以下代码自定义登录屏幕的背景颜色和字体。...body.login { background-color: #3d3d3d; font-family: Helvetica; } 现在我们已经更改了登录屏幕的背景颜色和字体,让我们在登录表单的持有者上放置一个漂亮的灰色背景...我还将字体大小设置为13px,使其看起来像一个平面按钮。

    3.5K20

    WordPress 教程:自定义页面(Page)的模板样式

    WordPress 中存在两种信息发布形式:文章(Post)和页面(Page),在写如何自己定义某个页面的特殊样式之前,有必要为一些新手简单介绍一下它们之间的区别,已经了解的朋友请跳过本节。...如果我博客的某个页面,想要展示的是我的作品集,而我的作品集想用一些并排的方块样式展示而不是以传统文章的形式展示。那么,就需要来自定义这个页面模板了。...你可能会问,为什么我的页面编辑页面没有这个选项?只有你的主题至少包含一个页面模板,这个地方才会检测出来并显示出来,然后提供选择。如果你没有自定义的页面模板,有什么必要出现这个选项?...> 这就是一个自定义 Page 页面模板的效果测试,来自 潜行者m@我爱水煮鱼 使用模板文件命名规则来覆盖默认模板样式 上面是使用了注释让 WordPress 直接识别页面模板文件,然后勾选。...就上面最初的那个例子,我想我博客上的某个放着作品集的页面,使用排列的方块布局,然后包含图片、下面有作品标题和链接,没有边栏。那我应该怎么办?

    5K41

    15款速度超快的最佳轻量化WordPress主题

    WordPress 轻量级主题是如何在众多主题中脱颖而出的。 简洁优化的代码: 轻量级 WordPress 主题使用精简、结构良好的代码(HTML、CSS 和 JavaScript)构建。...除了轻量级设计外,它还有非常详细的自定义选项,可以帮助你创建任何类型的网站。...它还附带了几十个预先设计好的可导入演示网站,包括一个独特的演示网站导入程序,让你可以轻松更改字体和颜色,以符合自己的喜好。...无论您是要建立一个商业网站、博客、作品集还是电子商务商店,这些主题都能为您提供一个快如闪电、反应灵敏的完美网站。...我可以在不丢失内容的情况下切换到轻量级主题吗? 可以!切换主题时,您的博文、页面和媒体将保持不变,但您可能需要重新配置布局和小部件。 10. 哪种 WordPress 主题速度最快?

    1.7K00

    服务器安防配置–笔记二–搭建高速安全的wodpress网站

    在network上,disable cache 然后刷新看出现的文件中,哪些最慢,我去掉谷歌字体之后速度就之卡在大图片上,不过已经在无缓存10s-20s(看网速)有缓存2-4s(看电脑速度)已经很快了....有一些背景图可以在这里压缩非常高效率 https://tinypng.com/ 最后我网站的速度从一开始一两分钟到现在 关闭缓存(这意味着相当与一台从未访问过你网站的电脑) image.png 这个也看网速...项目规划 image.png 提高seo与搜索排名 多合一SEO包 为你的WordPress 博客服务的最酷的SEO。...功能有 XML 站点地图,为自定义文章类型的搜索引擎优化,博客或商业网站的搜索引擎优化、电子商务网站搜索引擎优化,以及更多。自 2007 年以来的近 3000 万下载。...还有一个神器 百度sitemap这个只能在百度那里搜到,很好用两个结合可以自动提交你的网址增加访问 原创文章,转载请注明: 转载自URl-team 本文链接地址: 服务器安防配置–笔记二–搭建高速安全的

    94620

    神级WordPress主题框架Genesis 2.8发布:容易引起极大舒适感

    这就导致用户需要在文档中摸索如何导入演示内容,很容易让人崩溃,也会招致用户的吐槽,甚至很多时候用户就完全放弃了WordPress。 “主题和演示效果不一样”,我把它叫做“网上最烦人的问题”。...通过一键导入演示数据的功能,主题开发者可以很轻松地在一个使用了该主题的新站上将所需插件和精心设计好的Gutenberg块导入进来。...这有助于主题开发人员在一个统一的地方组织配置信息,如颜色和字体大小,并提高子主题的可读性和可维护性。...,搜索、下载、试用了大量的wordpress 主题,收藏了各种Wordpress主题站,但是基本上没有哪个是能让我完全满意的,要么是“照骗”,要么是改起来心烦意乱,要么各种收费找破解。。。...总之wordpress主题的体验非常不好。 直到有一天,我偶然发现了Genesis这个主题框架,简直太棒了,一见钟情!

    2.2K11

    WordPress 官方推出的简洁文字阅读主题 Livro

    今天给大家推荐 WordPress 官方出的一个非常简洁的 WordPress 主题:Livro,这个主题使用深色背景,白色文字,适合文字阅读,按照官方说法,这样的设计是旨在让你获得如同阅读古典书籍时一样平静的感觉...颜色:整个主题使用深色背景和白色文字,并且只有两种预先定义的颜色,深色:#1E1E1E,白色:#DBDBDB。 字体:主题只使用 Newsreader 这一种字体。...我测试了一下,在中文环境下显示效果也是可以的: Livro 支持全站编辑 Livro 主题虽然简洁,但是支持古腾堡编辑器全站编辑,所以就很容易进行自定义设置。...,其中两个是页面的,一个是关于我们页面,一个是联系页面: 作为一个适合阅读的主题,我觉得对于一些主要作为文字的博客是非常合适的,并且是 WordPress 官方出的主题,所以主题的质量也是能够得到保证的...,并且作为一个支持全站编辑的主题,作为研究 WordPress 块主题的开发也是一个很好的例子。

    68330

    WordPress SEO 宝典:让你的博客流量增长10倍

    比如这篇文章:「WordPress SEO 宝典:让你的博客流量增长10倍 - 我爱水煮鱼」,首先标题中有关键字「WordPress SEO」,然后可以在文章标题后面加上网站名称(我没有加,两个看你喜欢...DIV,WordPress 默认的主题就是这么设置。...除了设置 H1 标签之外,还要给文章内容中的子标题按照要求设置 H2 H3 标签,这样除了更加文章内容更加清晰之外,语义化也更佳,对 SEO 有非常大的帮助,Google 喜欢语义化的内容。...比如这篇前面那张“我爱水煮鱼有超过 70% 的流量来自搜索引擎”的图片,我就给它命名为“wpjam-seo-traffic.png”,而不是不知所云的“12414124124.jpg”,并且给他赋予 alt...WordPress SEO 总结 关于 WordPress SEO 就介绍这么多,WordPress 本身就是 SEO 做得很好的一个开源程序,如果再加上一些优化和提高,一定会让你的博客的流量提升的很快

    1K20

    17个最佳WordPress画廊插件

    我们已按画廊类型对其进行了细分,因此请继续阅读以了解更多有关为什么这些是用于视频和多媒体,图像和WordPress网格的最佳WordPress画廊插件的信息,以及它们如何支持和提升您的WordPress...这个WordPress画廊插件使您能够通过用户友好的拖放式管理面板完全自定义播放器的外观和功能 ,或者使用设计中心为您的视频画廊生成与品牌兼容的外观。...共有八个入门模板,实时模板构建器使您可以控制画廊的各个方面,因此颜色,字体,尺寸和布局均可自定义。 该画廊带有一个内置的灯箱,该灯箱支持图像,YouTube和Vimeo。...用户dehlia13300说: “我用过的最灵活的网格插件。 我绝对喜欢它! 这真的很容易使用,文档非常有帮助。 任何博客,网站和电子商务都必须有A。...优步网格 另一个基于网格的WordPress画廊插件UberGrid使用手动或自动从WordPress提取内容创建了一个时尚的方形主题画廊 。

    10.5K31

    WordPress 使用火山引擎 veImageX 进行静态资源 CDN 加速完全指南

    通过该功能,可以轻松让 WordPress 对静态资源进行 CDN 加速,为了方便大家的使用,我整理一个非常长的完全指南,基本上覆盖了 WordPress 使用火山引擎 veImageX 进行静态资源...如何迁移到 veImageX 由于火山引擎 veImageX 上线的时间比较晚,所以绝大部分的 WordPress 博客都已经使用了其他云存储服务,很多人可能基于稳定压倒一切的想法,害怕出问题,就不想迁移了...其实迁移根本不会有什么大的问题,并且现在火山引擎推广期间,使用我的邀请码 CLEMNL,可以领取福利:每月免费额度(10GB流量+10GB存储+20TB基础处理)+https访问免费+回源流量免费,对于很多博客来说...所以解决方法有两个,最简单的就是关闭防盗链,如何想要设置防止其他站点盗链我们的图片,又要能给自己的小程序使用,那么怎么办呢?...为什么网站上的小图标显示成空方格? 首先说明一下,这些小图标不是图片,而是图标字体,所以这是因为当前 WordPress 的主题是使用了字体图标,而字体由于造成的 CORS 资源跨域问题。

    3.4K40

    数款二次元wordpress主题,你值得拥有!

    这大概是博主通过搜索引擎找的现在还可以用的,咱们中国人做的WordPress动漫主题了。 不多说直接进入主题。...作品也是好作品~可定试用了一下,就是太卡了,可能自己的1g1核太渣了,所以没采用。 Siren 主题特色 多种首页文章列表风格 支持异步文章搜索 首页大图自定义随机图片 首页大图自定义滤镜效果。...自定义评论UA信息显示。 自定义系统邮件前缀。 文章打赏。 字体图标库。 重构全局JS函数。 移除必应图片。 去除冗余代码。...(这里就不贴了,百度搜索一下,第一个页面就有,不被人说恰饭) krato 主题特色: 添加了可爱的看板娘,不仅支持多个人物切换,而且还可以更换衣服 添加了代码美化插件,可以美化你的代码 主页文章展示有动画效果...不过现在大佬的网站里面的友人帐有一些博客采用了他的主题,可以当做演示站看看。 这是可定至今用的最久的一款主题,很感谢小游的辛苦付出,很感谢他将主题开源出来。

    12.3K30

    WordPress最受欢迎的主题模板

    大家好,我是条哥,我又来分享啦,今天给大家分享的是WordPress最受欢迎的几款主题模板。 VisualCompany Pro 第一款主题是VisualCompany Pro。...VisualCompany Pro是一个使用WordPress网站编辑器构建的惊人主题,它允许您通过拖放创建漂亮的网站,而无需任何编码技能。...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 粘性网站标题 自定义代码编辑器 主题选项导入/导出 单员额选项...专业支持 VisualBlog Pro VisualBlog Pro是使用WordPress网站编辑器构建的WordPress博客主题,它允许您通过拖放创建漂亮的博客网站,无需编码技能。...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 10+ 主页样式 主题选项面板 响应式设计 1000+ 谷歌字体 19+ 块模式 自定义代码编辑器 主题选项导入/导出 单员额选项

    47750

    【网站优化经验】Wordpress的代码与功能简单优化

    禁用谷歌字体 wordpress本身包含了大量的Google资源,比如谷歌Open sans字体,而现在谷歌被大陆GFW大规模屏蔽,严重影响了网站的访问速度。...针对这个问题,我们有两种有效的解决方案,第一,禁用谷歌字体,第二,使用谷歌字体镜像加速。 我们可以利用wordpress插件来实现禁用谷歌字体的效果。...同时这个插件适用于任何wordpress默认的主题,以及大部分的主题。 Remove Google Fonts References – 这也是一个很优秀的插件。.../avatar/ 选择响应度更高更简介的主题 wordpress的主题在网上可以说是包罗万象,有免费的,有付费的,也有自己制作的,一个主题决定了一个网站躯壳容器,如果容器不好,那么我们装再好的东西也没用...安装缓存插件 wordpress有很多不错的页面缓存插件,这里贴一下我在使用的缓存插件。 当然你也可以使用更传统的WP Super Cache来提高网站访问速度。

    1.3K00
    领券