워드프레스 사이드바 프로필 이미지 추가 방법

워드프레스 사이드바에
이미지에 강조 표시한 부분과 같은
프로필 이미지를 추가하려고 하는데

워드프레스 관리 화면에서
Media -> Library를 눌러준 후

강조 표시한 영역에
프로필 사진으로 쓰려는 이미지를 넣어주자

다음은 이미지가 정상적으로 삽입되면
이미지를 클릭해준 후

표시한 File URL 부분의 주소를 복사해서
따로 가지고 있어주자
이후 글 하단에서 이걸 가지고
프로필 사진으로 사용할 계획이다

다음은 워드프레스 관리 메뉴에서
Appearance -> Widgets 를 눌러준 뒤

Custom HTML을 눌러주자

다음은 Default Sidebar 를 선택해준 후
Add Widget을 눌러주자

참고로 여러 Sidebar를 가지고 있고
여러 Sidebar에 모두 표시해주려면
동일한 작업을 여러 Sidebar에 반복해야 한다

<img src="https://flatsun2.com/wp-content/uploads/2023/06/%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-removebg-preview.png" alt="About me"/>

<h4></h4>
<h4 class="widget-title">About me</h4>

Flat Sun에 오신 것을 환영합니다~ <br>
애드블록 예외 처리 부탁드립니다!

이제 Customer HTML 영역에
다음 코드를 복사 붙여넣기 해준 뒤
강조표시한 부분의 이미지와 텍스트만 변경해주면 된다

그리고 배경이 흰 배경이라면
img 바로 아래에 는 제거하는 것을 권장한다

이유는 배경이 흰색이 아닐 경우
약간의 공백을 제공하기 위해서 넣었기 때문이다

마지막으로 Customer HTML 를 드래그를 통해
원하는 위치로 옮겨놓는 것을 잊지 말자