포스트 에디터로 About Me사이드 바 위젯 만들기 [WordPress tutorial]

대형 블로그는 "About Me"페이지를 잘 사용합니다. 사용자에게 99 %의 시간을 갖기 위해 블로그 사이드 바에 간단하고 흥미로운 "About Me Section"을 포함시킵니다. 이 포스트에서는 그 섹션을 만드는 방법을 보여 드리겠습니다. 새로운 글을 쓰는 것만 큼 쉽습니다. 사실 WordPress의 새로운 게시물 편집기를 사용하여.

포스트 에디터는 워드 프레스에서 가장 다재다능한 툴 중 하나이며 누구도 거의 알지 못합니다. 제가 여러분에게 보여 주려하는 것은 영리한 작은 디자인 해킹입니다. Hongkiat.com의 40 가지 WordPress Hacks 목록에 포함되지 않았 음을 간과 한 트릭입니다..

이 트릭은 방금 시작한 경우 기본 HTML 및 CSS를 배우기에 좋습니다..

메시지 작성

이 튜토리얼에서 필요한 것은 내 소개 정보 페이지, 자신의 사진 및 일부 텍스트입니다. 귀하의 "About Me"페이지는 블로깅에서의 성취에 초점을 맞추고 독자들에게 몇 가지 질문을하고 블로깅 사진을 포함시켜야합니다. 이미이 페이지를 만들었습니까? 완전한.

이제 우리는이 모든 것을 WordPress의 새로운 게시물 편집기. 그것을 열고 이미지를 업로드하십시오. 우리는이 일의 대부분을 HTML 탭. 이미지를 업로드하면 WordPress가 자동으로 HTML 코드를 생성합니다. HTML 탭으로 이동하여 이미지 위에 공백을 입력하십시오. 그런 다음 "Who 's Behind This Behind?"와 같은 작은 후크 메시지를 작성하십시오. 심지어는 "About Me." 창조적이 되라..

독자의 흥미를 끌기위한 짧은 3 ~ 4 문장 설명을 추가하십시오. 이 텍스트 블록의 끝에서 "여기 더 알아보기"와 같은 문장을 작성하고 실제 정보 페이지로 연결하십시오..

귀하의 메시지 스타일

이제 가자. 시각적 탭. 텍스트를 가운데에 배치하십시오. HTML로 돌아 가면 WordPress에서 "p 스타일"형식으로 코드를 작성했음을 알 수 있습니다. 이것은 새로운 게시물 편집기에서 위젯을 만드는 것의 아름다움입니다. WordPress 자동 작성 코드가 있습니다! 그런 다음 기본 CSS를 추가하기 만하면됩니다.!

다음과 같이 작성하십시오.

 당신의 메시지 

p 스타일을 닫으십시오.

생각하거나 필요로하는 다른 CSS를 추가하십시오. CSS를 모르십니까? Google 검색 "CSS 코드 ____"와 공란에 당신이하려는 것을 넣으십시오. 그런 다음 p 스타일을 복사하여 붙여 넣으십시오. 텍스트 블록 메시지를 이미지 아래에 놓습니다. 원하는대로 스타일을 지정하고 닫습니다. p 스타일을 닫는 것을 잊어 버리면별로 중요하지 않습니다. 스타일은 원하는 텍스트가 더 많이 적용되지만 모든 사람들이이 실수를 적어도 한 번 이상 내립니다..

코드 사용 기울임 꼴로 당신의 텍스트를 굵은 글씨로 그 글을 닫는 것을 기억하십시오..