hotantien
  • Laravel
  • WordPress
  • SEO
  • Đồ họa
  • Javascript
  • Download
  • Công cụ
No Result
View All Result
hotantien
No Result
View All Result
Home Wordpress

Tùy biến đơn giản giao diện đăng nhập WordPress không dùng Plugin

in Wordpress

Mặc định để đăng nhập vào phần quản trị WordPress sẽ là đường dẫn http://example.com/wp-login.php. Giao diện đăng nhập mặc định sẽ hiện logo của WordPress và khi nhấn vào nó sẽ dẫn đến  https://wordpress.org. Bạn có thể dùng vài đoạn code đơn giản để thay đổi logo và đường dẫn đó.

Giao điện đăng nhập WordPress

Trước khi thực hiện bạn nên chuẩn bị sẵn logo mới, có thể tải ảnh vào phần Thư viện (Media) và sao chép liên kết. Để thực hiện các tùy chỉnh giao diện đăng nhập WordPress bạn thêm các đoạn code sau vào functions.php

Mục lục ẩn
1. Thay đổi Logo giao diện đăng nhập WordPress
2. Thay đổi đường dẫn khi nhấn vào Logo

Thay đổi Logo giao diện đăng nhập WordPress

function my_login_logo() { ?>
<style type="text/css">
    #login h1 a,
    .login h1 a {
        background-image: url(logo.png); // thay logo.png đường liên kết hình ảnh logo của bạn
        height: 65px; // độ cao logo
        width: 320px; // độ rộng logo
        background-size: 320px 65px; // độ rộng, cao logo
        background-repeat: no-repeat;
        padding-bottom: 30px; // khoảng cách so với form đăng nhập
    }
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Thay đổi đường dẫn khi nhấn vào Logo

function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
    return 'Your Site Name and Info'; // thay bằng slogan của bạn
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Source: Customizing the Login Form
ShareShareSend

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết mới nhất

Google reCaptcha cho Laravel

Xử lý thời gian trong WordPress

7 kinh nghiệm khi mua Hosting giá rẻ

Kích thước chuẩn hình ảnh Google Ads, Facebook Ads

VPS / Hosting nên dùng

  • Azdigi.com
  • Vietnix.vn

Liên kết

  • Tranhuuvan.com
  • Tienemall.com

Resource

  • Freepik.com
  • Flaticon.com
  • Unsplash.com

© 2022 Blog của Tiến - Hosted by AZDigi

No Result
View All Result
  • Laravel
  • WordPress
  • SEO
  • Đồ họa
  • Javascript
  • Download
  • Công cụ

© 2022 Blog của Tiến - Hosted by AZDigi