Cách làm title đẹp cho wordpress dễ dàng nhất hiện nay

Hôm nay ToiCode.Net hướng dẫn các bạn là title đẹp cho bán hàng hoặc tùy biến theo ý thích của mình

Các bạn copy code Html dưới vào nơi cần hiển thị

<div class="bar">
  <div class="left-title"><h3>GIÀY TRẺ EM 2022</h3></div>
  <div class="right-title"><p>Xem thêm</p></div>
</div>

Các bạn copy Css vào style.css hoặc css của theme

Các bạn muốn thay đổi màu theo ý thích thì chỉnh sửa lại background là xong

.bar{
  width:400px;
  background:#fff;
  border:1px solid #000;
  display:flex;
  flex-direction:row;
  margin: 0 auto;
  justify-content:center;
  align-items: center;
}
.bar h3, .bar p{
  margin: 0;
}
.bar .left-title{
  width: 50%;
  padding: 10px;
  background: #475f81;
  color:#fff;
  position:relative;
}
.bar .left-title:before{
  position:absolute;
  content:"";
  width: 0;
  height: 0;
  top:0;
  right:-42px;
  border-style: solid;
  border-width: 42px 0 0 42px;
  border-color: transparent transparent transparent #475f81;
}
.bar .right-title{
  width: 50%;
  text-align:right;
  padding: 10px;
  
}

Không làm được các bạn có thể liên hệ qua facebook mình hoặc bình luận xuống dưới nhé !

Chúc các bạn thành công !!