找到当前主题的标题样式,然后去主题样式文件修改。(一般在主题根目录style.css)
文章目录[隐藏] WordPress文章标题美化 实现代码: .article-content h1 , .article-content h2 , .article-content h3 , .article-content border-left : 5px solid #FF1493 ; border-radius : 0rem ; margin : 12px 0px ; } .article-content h3 font-weight : bold ; background-color : #f6f6f6 ; margin : 20px 0 ; border-bottom : 0px solid #3CB371 ; padding : 5px 12px ; border-left : 5px solid #3CB371 ; margin : 12px 0px ; border-radius 本文链接:https://www.xy586.top/10637.html 转载请注明文章来源:行云博客 » WordPress文章标题美化
之前有发过修改WordPress标题的文章,不过上次那个感觉过于花里胡哨。现在还是喜欢这种简单的。 效果如下图图片CSS样式代码.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5 .post-content padding: 5px 12px;border-left: 5px solid #FF1493;border-radius: 0rem;margin: 12px 0px;}.post-content h3 post-content h4 {font-weight: bold;background-color: #f6f6f6;margin: 20px 0;border-bottom: 0px solid #3CB371 ;padding: 5px 12px;border-left: 5px solid #3CB371;margin: 12px 0px;border-radius: 0rem;}.post-content
WordPress登录的初始页面感觉非常的丑,而又不想使用主题自带的登录页面,所以把Blog的登录页面进行了美化,觉得挺好看的,于是分享给大家美化方法。 夏末浅笑登录页面的美化效果 首先打开你主题的functions.php文件,在最后添加上以下代码: /** * WordPress 登录界面美化 夏末浅笑 https://blog.ccswust.org login form, .login .message { background: #fff; background: rgba(255, 255, 255, 0.3); border–radius: 3px (0, –100px, 0) } 100% { –webkit–transform: translate3d(0, 0, 0) } } @keyframes dropIn { 0% { transform : translate3d(0, –100px, 0) } 100% { transform: translate3d(0, 0, 0) } } /*逐渐出现的动画效果*/ @-webkit–keyframes
图片图片图片图片使用教程:把 wp-login.php 复制到网站根目录替换把 css images js 3个文件复制到当前使用的主题根目录下将下面代码添加到主题functions.php文件中 0; left: 0; bottom: 0; right: 0; background: #394673;/* 只设置左下角和右下角的圆角 */border-radius: 3% 3% 3% 3%;/* 阴影 */-webkit-filter: drop-shadow(8px 8px 10px #000);filter: drop-shadow(8px 8px 10px #000 100%;/*高度比例*/ padding-left: 1%;/*半边比例*/ margin-top: 0; /* 只设置左下角和右下角的圆角 */border-radius: 0% 3% .field__line:before{ left: 50%;}.field_type3 .field__line:after{ right: 50%;}.field_type3 .field__input
wordpress自带的标签云小工具,可以让我们在适当的页面位置展示我们添加的标签,但默认的标签样式有点难看,我们就在这次的wordpress美化教程中来美化以下吧。 此次美化教程由纸工厂分享,在此感谢纸工厂。 以下代码均添加于主题根目录下的functions.php文件<?php底部。 首先,您可以根据下面的代码注释来自定义您的标签云显示内容: //修改WordPress自带标签云小工具的显示参数 add_filter( 'widget_tag_cloud_args', 'theme_tag_cloud_args text); return ""; } add_filter('wp_tag_cloud', 'colorCloud', 1); 效果如下: 如果还不喜欢可以看看下面这个: //WordPress 1; color: #fff; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 3px
W3school:CSS cursor 属性 二、自定义全网页字体 <style> *{ font-family: 微软雅黑; } </style> 三、添加背景音乐 <! --在Wordpress——>外观——>小工具——>自定义HTML中插入如下代码--
WordPress默认初始登录界面非常的丑,所以不想使用,于是百度一下,找到了一些美化登录界面代码。 本次教程使用方法如下,首先在主题function.php文件相应位置添加如下代码: //WordPress 登录界面美化 function custom_login_style() { echo .message { background: #fff; background: rgba(255, 255, 255, 0.3); border-radius: 3px } /*掉落的动画效果*/ @-webkit-keyframes dropIn { 0% { -webkit-transform: translate3d (0, -100px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0) } } @
起因 因为我之前写过butterfly的版权美化 image.png 所以我一直想给子比的版权也做个美化,所以我就开始了紧张的移植(摸鱼)工作 更新日志 最新更新日期:3/29 3/29 更新FontAwesome 导致的显示和加载问题 3/18 发布第一版 效果 其中URL颜色是根据主题色调整的! 10px; padding: 10px 16px; border: 1px solid var(--light-grey); transition: box-shadow .3s display: inline-block; width: fit-content; padding: 2px 5px; font-size: 15px; } .muted-3-
WordPress首页底部“加载更多”按钮美化 ---- 1.演示效果 2.实现教程 主题文件style.css底部(子主题)添加以下代码即可,更多美化阅读文末标签 /* 加载更多https://xiaohuli.vip /16344.html*/ .post-list .load-more .post-load-button:hover { transform: translateY(-3px); } .post-list .load-more .post-load-button { width: auto; border: 0; transition: all .3s; padding: 12px 40px; font-size
有没有方法可以美化一下呢? 注意到《 免插件仅代码实现WordPress评论回复邮件 》的诸如 <div style="background-color:#eef2fa; border:1px solid #d8e<em>3</em>e8; color 本文所说的<em>美化</em>即是在这里下功夫。 在开始之前,让Jeff给出一个示例(你可以给我评论,如果我回复,你就会收到这类邮件): 您在 [DeveWork.com] 上的留言有回复啦! 评论人, 您好! 您在《<em>WordPress</em>评论回复邮件样式<em>美化</em>教程》的留言: hello Jeff 给你的回复: 这个是演示效果 你可以点击查看完整内容 欢迎再度光临DeveWork.com (此邮件由系统自动发出, 请勿回复 跟《 免插件仅代码实现<em>WordPress</em>评论回复邮件 》一样,在funtions.php文件的末尾最后一个 ?
WordPress网站首页广告位美化 ---- 1.效果演示 2.实现教程 后台添加模块,自定义html
背景通过CSS属性@font-face和font-family可以实现加载自定义web font,改变网页字体,实现美化效果。 '),}html { font-family: "afengblogfont", sans-serif; font-weight: 400; font-style: normal;}WordPress 原文地址:https://www.afengblog.com/wordpress-custom-fonts.html
主题前言 用 WordPress 来做博客程序完全是因为一款主题呢! 就是,由 蜜汁路易 二次修改发布的 Siren 主题! 它的前身就是由 Fuzzz 制作的 Akina 主题。 评论者的连接添加了页面跳转,不会在当前窗口加载了 评论框添加了表情,并支持实时预览;由 小さな手は 实现,效果很好,谢谢他 原生编辑器添加载入主题样式,后台写文章可视化与前台显示效果一致 后台屏蔽 WordPress HIGHLIGHT.JS)的 PJAX 重载功能 修复开启 PJAX 后,使用浏览器返回功能返回上一页时,N 个功能没有加载的问题 2019.04.04 替换评论头像服务器,更换为 V2EX 主题已支持 WordPress 5.1.1 ,修复该版本不能正常回复评论的问题 2019.04.05 更新“高斯”配色文件,匹配 WordPress 后台主题商店与插件商店的外观 2019.04.14 更新备案号的域名 添加一个新的页面滑动特效
如果厌倦了WordPress一成不变的默认登录页面,可以通过代码美化样式《自定义WordPress登录页面》 ,也可以安装登录页面美化插件Login Designer,随意更换背景图片,实现一键美化。 Login Designer下载页面 安装启用插件后,WP后台 → 外观 → Login Designer,在WordPress Customizer编辑器模式,进行选择风格和替换背景图片等操作。
WordPress文章添加彩色美化框及彩色按钮 ? ---- -----2019年6月11日更新 更新【WordPress文章添加彩色美化框及彩色按钮】一文样式 样式加了圆角显示和阴影效果。 border:1px solid #ccc; padding:4px; } 将以上样式替换之前第一版的即可(位置在主题的style.css内) ---- 我是一条分割线 ---- 有时候,wordpress 15px 15px 35px; } #sc_black { border-width: 1px 4px 4px 1px; border-style: solid; border-color: #3e3e3e padding: 15px 15px 15px 35px; } #sc_lvb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3 #05B536; background: #FFF; } #sc_redb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3
WordPress7b2主题弹窗公告美化 ---- Css代码: .gg-box .modal-content { width: 28rem; overflow: hidden;
美化教程有时候网站侧边栏默认的光秃秃,看起来比较单调,这个时候可以用一些代码进行美化来访信息美化可以看到某些博客网站侧边有来访信息的小工具下面以WordPress博客为例,进入外观→小工具→自定义HTML arial,sans-serif; overflow: hidden; background: url(https://dh.lt6.ltd/assets/images/T1.lJGFlVcXXa6Q3bb tp.html" target="_blank">
wordpress博客b2主题致美化首页区块 ---- 修改文件:找到你的主题文件根目录的index.php 查找:do_action(‘b2_index_before’); ? --致美化模块开始-->
具体样式可以自己修改效果图片/** 网站圆角样式集合 **/#slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3, .cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a,.nav-menu, .nav-menu 行样式内添加border-radius:10px;/*块圆角值*/图片缩略图前景(图片)加圆角在主题的style.css文件内第354行样式内添加border-radius:10px;/*块圆角值*/图片更新【WordPress 文章添加彩色美化框及彩色按钮】一文样式效果-样式加了圆角显示和阴影效果。