小编ale*_*omy的帖子

更改 Woocommerce 中我的帐户页面上的标题

我已经看到了很多关于如何使用 WooCommerce 我的帐户仪表板重新排序/更改导航和页面的示例。但是我一辈子都无法弄清楚如何更改每个部分(我的帐户、订单、下载、地址等)的主要标题。

我已经搜索了模板,但没有任何乐趣。我尝试使用条件 php 注释来回显正确页面的标题。但它不起作用,因为我的帐户部分使用端点。我试过添加一个过滤器,但没有任何乐趣。有人知道我如何更改这些标题吗?

谢谢

php account wordpress title woocommerce

5
推荐指数
1
解决办法
5081
查看次数

CSS 动画 - 文本从左向右滑动

我试图让一些文本延迟从左向右滑动。它将出现在页面中间而不是画布外。当文本从页面滑入时,我可以轻松地让它工作。

从屏幕中间做有点不同,我错过了一些东西。文本出现在页面加载时(应该隐藏时)。我可以使用 jQuery 轻松完成此操作,但我确信仅使用 css 是不可能的。这是我到目前为止所得到的

HTML:

<div class="slide-right">
  <h2>Text that will slide in from the left</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.slide-right {
   width: 100%;
   overflow: hidden;
   margin-left: 400px;
   max-width: 500px
}

.slide-right h2 {
   animation: 2s slide-right;
   animation-delay: 2s;
}

@keyframes slide-right {
    from {
       margin-left: -500px;
    }

    to {
       margin-left: 0%;
    }
 }
Run Code Online (Sandbox Code Playgroud)

<div class="slide-right">
  <h2>Text that will slide in from the left</h2>
</div>
Run Code Online (Sandbox Code Playgroud)
.slide-right {
   width: 100%;
   overflow: hidden;
   margin-left: 400px;
   max-width: 500px
}

.slide-right h2 {
   animation: 2s …
Run Code Online (Sandbox Code Playgroud)

css css-animations

3
推荐指数
1
解决办法
2万
查看次数

使SVG在悬停时正确旋转

我正在尝试使svg圆线从svg的中心点旋转。在一分钟它在它的轴上旋转,这不是我想要发生的。关于如何解决这个问题的任何想法?

这是我的代码:

#lines {
  animation: antiClockwiseSpin 30s infinite linear;
  animation-play-state: paused;
}

svg:hover #lines {
  animation-play-state: running;
}

@keyframes antiClockwiseSpin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
Run Code Online (Sandbox Code Playgroud)
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="435" height="435" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve">
<g fill="#000" id="lines">
<path fill="none" d="M13.528,293.508C4.551,269.306,0,243.827,0,217.778c0-28.265,5.336-55.765,15.859-81.737l1.802,0.73
    C7.233,162.51,1.945,189.765,1.945,217.778c0,25.817,4.511,51.068,13.407,75.053L13.528,293.508z"/>
<path d="M217.778,435.556c-41.973,0-82.721-11.965-117.838-34.603c-34.202-22.047-61.498-53.081-78.937-89.745
    c-0.231-0.485-0.025-1.065,0.46-1.296c0.484-0.233,1.065-0.025,1.296,0.46c17.284,36.337,44.337,67.095,78.235,88.946
    c34.803,22.435,75.186,34.293,116.784,34.293c11.55,0,23.139-0.919,34.445-2.733c0.526-0.087,1.029,0.275,1.114,0.806
    c0.085,0.53-0.276,1.029-0.806,1.114C241.123,434.629,229.431,435.556,217.778,435.556z"/>
<path fill="none" d="M269.654,429.34l-0.461-1.889c30.629-7.484,59.825-21.988,84.433-41.944l1.225,1.511
    C330.021,407.152,300.56,421.787,269.654,429.34z"/>
<path d="M361.996,380.637c-0.268,0-0.534-0.11-0.726-0.325c-0.357-0.401-0.322-1.015,0.079-1.373
    c45.924-40.941,72.264-99.682,72.264-161.161c0-15.731-1.701-31.424-5.054-46.646c-0.115-0.525,0.216-1.043,0.74-1.159
    c0.526-0.12,1.043,0.216,1.159,0.74c3.384,15.359,5.099,31.194,5.099,47.064c0,62.033-26.576,121.303-72.914,162.612
    C362.457,380.556,362.226,380.637,361.996,380.637z"/>
<path fill="none" d="M423.026,150.825c-17.539-53.8-56.571-99.477-107.089-125.319l0.886-1.731
    c50.971,26.074,90.355,72.162,108.051,126.447L423.026,150.825z"/>
<path d="M28.427,113.072c-0.16,0-0.323-0.04-0.474-0.124c-0.469-0.262-0.636-0.855-0.374-1.323C66.089,42.772,138.969,0,217.778,0
    c31.227,0,61.374,6.469,89.603,19.229c0.489,0.221,0.706,0.797,0.485,1.287c-0.221,0.489-0.797,0.706-1.287,0.485
    C278.605,8.356,248.727,1.945,217.778,1.945c-78.106,0-150.336,42.391-188.502,110.63
    C29.098,112.893,28.768,113.072,28.427,113.072z"/>
</g>
</svg>
Run Code Online (Sandbox Code Playgroud)

这是一个jsfiddle:https ://jsfiddle.net/alexgomy/fdkh0wzb/1/

css css-animations

2
推荐指数
1
解决办法
33
查看次数

单击时从其他div中删除类,也切换类

我点击了多个div我想添加类'active'当我点击另一个div时我想让它将div'活动'添加到我刚刚点击的div中,并从前一个div中删除类'active'.我的工作正常.

如果我点击当前活动的div即toggleclass,我还需要能够删除类'active'.我试图将toggleClass包含到我的jquery中,但它不起作用.有任何想法吗?

这是我的js

$('.myDiv').click(function(){
    $('.myDiv.active').removeClass('active').addClass('not-active');
    $(this).removeClass('not-active').addClass('active'); 
})
Run Code Online (Sandbox Code Playgroud)

这是一个工作小提琴:https://jsfiddle.net/alexgomy/tfucru6z/3/

jquery

1
推荐指数
1
解决办法
3561
查看次数

标签 统计

css ×2

css-animations ×2

account ×1

jquery ×1

php ×1

title ×1

woocommerce ×1

wordpress ×1