اگر می خواهید بدون پلاگین و تنها با css آیکن های سایت وردپرسی را تغییر دهید ، می توانید از این روش استفاده کنید:

* آیکن باید با تگ <i> تعریف شده باشد

1- پک آیکن هایی که می خواهید استفاده کنید را در فایل functions.php لیست کنید:

مثلا اگر می خواهید از آیکن های bootstrap استفاده کنید:

function enqueue_bootstrap_icons() {
    wp_enqueue_style('bootstrap-icons', 'https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css', array(), null);
}
add_action('wp_enqueue_scripts', 'enqueue_bootstrap_icons');

یا اگر می خواهید از آیکن های fontawsome استفاده کنید:

function enqueue_font_awesome() {
    wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css', array(), null);
}
add_action('wp_enqueue_scripts', 'enqueue_font_awesome');

2- با استفاده از ابزار inspect مرورگر، نام کلاس آیکن را پیدا کنید.

(از این نام برای استفاده از کد css استفاده می کنیم. )

فرض کنید کد html آیکن بصورت زیر باشد:

<i class="fa fa-pencil">
::before
</i>

3- با استفاده از کد css زیر ، آیکن را تغییر دهید:

.fa.fa-pencil::before
{
content: "\F796"; 
font-family: 'bootstrap-icons' !important;
}