前言
在 WordPress Soledad 主題的頭部新增用戶圖標。
新增用戶圖標
在 functions.php 檔案中新增以下代碼 (可以在外觀 > 佈景主題檔案編輯器中找到)：
1
2
3
4
5
6
7
8
9
| add_action('penci_header_extra_icons', 'zedo_top_header_user_icon');
function zedo_top_header_user_icon() { ?>
<div id="top-header-user-icon" class="top-search-classes pcheader-icon wishlist-icon<?php if (get_theme_mod('penci_topbar_search_check')): echo ' clear-right'; endif; ?>">
<a class="wishlist-contents" href="<?php echo wc_get_page_permalink( 'myaccount' ); ?>">
<i class="fa fa-user" style="font-weight: bold !important;"></i>
</a>
</div>
<?php
}
|
代碼中的 fa fa-user 是用戶圖標，可以根據需要更改。
可用的圖標可以在 Font Awesome 中找到，可以按照自己的需求更改成其他圖標。
修改用戶圖標的樣式
在外觀 > 佈景主題檔案編輯器中找到 style.css 檔案，新增以下代碼：
1
2
3
| .penci-header-extra i {
color: #f06292 !important;
}
|
代碼中的 #f06292 是用戶圖標的顏色，可以根據需要更改。
