이것의 끝에 항목의 저자에 대한 정보를 스타일링

보통 (발견 끝의 사이트에 대한과 정보 박스입니다 게시물 작성자 : 자신의 이미지를 Gravatar ), 너의 이름을, 작은 ...으로 전기 정보뿐만 아니라, 예를 들어, 웹사이트의 숫자의 항목을 출판했습니다 저자는이 .

오늘 우리는 어떻게 표시하려면이 모든 것들이 일부의 CSS 스타일을 제공 볼 것입니다 우리가 우리 자신을 만드는 데 도움.

Marcelo는 전에 시간이 좀 쓴 키 태그 데이터베이스 의지의 정보를 가지고 우리에게 사이트에 등록되어 우리가 관리를 한번 워드 프레스 저자 편집할 수있는 즉, 디스플레이에 대한 정보를, 그리고 우리가 어디로 할 수 의 필드는 "전기", "URL을", "Gravatar", 전자 메일 등

오늘 우리는 CSS의 일부로 쉽게 수정할 수있는 구조로 설정을하려고합니다. 의 시작합시다 :

 <div의 id="info-autor">
	 <div의 id="imagen-autor">
		 의의 <a href="**Web Autor**"> 저자 Gravatar ** ** </>
	 </ 사업부 정보>
	 <div의 id="bio-del-autor">
		 = "** 웹 저자의 ** <h4> href가 <니다 Written by"> ** ** 저자의 이름 </> </ h4>
		 / 피> 작가 설명 <p> ** ** <
	 </ 사업부 정보>
 </ 사업부의 ><!-- 작성자 정보 ->

코드에서 우리는 우리가 PHP에 효율적으로 변환 여러 가지 요소를 참조하십시오.

우리가 필요에 따라 PHP를 추가하자 :

 <div의 id="info-autor">
	 <div의 id="imagen-autor">
		 href가 <이 = "<는?의 PHP the_author_meta은 ( 'user_url') ?>"><? PHP는 (get_avatar (get_the_author_meta 에코 'user_email'), '80 ','');?> </>
	 </ 사업부 정보>
	 <div의 id="bio-autor">
		 <h4> <니다 Written by?의 PHP the_author_link ();?> </ h4>
		 <p> <? php에 the_author_meta ( '설명 ');?>의 </ 피의>
	 </ 사업부 정보>
 </ 사업부의 ><!-- 작성자 정보 ->

그리고 지금 것입 형식으로 최종 결과를 CSS를 준비 :

 사업부 # 저자 - 정보 (배경 : # eaeaec; 패딩 : 10px; 여백 : 0 0 15px 0; - moz - 국경 - 반경 : 8px; - 웹킷 - 국경 - 반경 : 8px; 국경 - 반경 : 8px; 오버플로 : 자동; ) # 저자 - 정보 사업부 사업부 # 저자 - 이미지 (플로트 : 왼쪽; 여백 : 0 10px 5px 0; 테두리 : 5px 솔리드 # DCDCE1;) 

간단.

이제 우리가 사용하는 모든 프로그램은 PHP 태그를 검토하자 :

 <?의 PHP the_author_meta ( 'user_url ');?>

사용자 (저자에 대한 정보를 여러 조각을 추출하는 데 사용).

 <가? PHP는 (get_avatar (get_the_author_meta 에코 'user_email'), '80 ','');?>

허용 자네가에 따라 작가의에 이미지를 제거 Gravatar 워드 프레스에 관련된 귀하의 이메일 계정에 기록된 그 (일치해야합니다.)

 <?의 PHP the_author_link의 ();?>

인쇄 작가의 이름을 자동으로 귀하의 웹사이트에 (자신의 프로필에 표시했습니다)에 연결.

 <? PHP를 the_author_meta ( '설명')?>

디스플레이의 주요 전기 정보.

우리는 당신이 생각하는 모든 트릭을하고 멋진 사이트를 사용하여 WordPress에 희망과 멀티 저자.