How to Change the CSS Style, Font, Spacing, Alignment and Color of WordPress Image Captions 전투 근무 지원을 변경하는 방법에 스타일, 글꼴, 간격, 정렬 및 색상의 이미지를 캡션 wordpress
Since WordPress 이후 wordpress version 2.6 버전 2.6 , WordPress has added a built-in shortcode, “Caption”, which will be automatically rendered and translated into standard HTML CSS code to display the caption for the photo or image, which saved via media uploader, beneath it. , wordpress가 추가하는 기본 -이 단축 코드, "캡션"로 번역된다 표준 전투 근무 지원 코드를 자동으로 렌더링과 캡션은 사진이나 이미지를 표시할 수있는 매체를 통해 저장된 업로더 바로 아래합니다.
However, when WordPress appends the DIV styles to print the caption title under the picture or image, WordPress makes use of default alignment, color, font, spacing, and other styling attributes to display the image captions. 그러나, 사단 스타일을 인쇄하는 경우 추가 wordpress 캡션 제목 아래의 사진이나 이미지, wordpress를 사용의 기본 정렬, 색상, 글꼴, 간격, 기타 디자인 특성을 표시하는 이미지를 캡션을합니다.
The default CSS styles for image with the caption may potentially breaks the blog or web page layout, does not validate against W3C xHTML standard, appears too closely with the text with no spacing in the post or page, or does not align as author’s wish. 캡션이있는 스타일을 이미지의 기본 전투 근무 지원의 블로그 또는 웹 페이지 나누기 5 월 잠재적인 레이아웃, 검증되지 않습니다 w3c xhtml 표준, 너무 밀접하게 나타납니다 간격과 같은 텍스트가없는 페이지에 게시하거나, 또는 정렬되지 않습니다으로 저자의 wish.
For blogger who wants to modify the CSS styles of the caption that shows the image captions on screen after parsing the shortcode, add the following CSS code into the active theme’s style.css file: 블로그의 스타일을 원하는 사람의 캡션을 수정하는 전투 근무 지원 자막을 화면을 보여주는 이미지를 단축 코드의 구문을 분석 후, 추가 코드를 다음과 같은 전투 근무 지원 활동 테마의 style.css 파일 :
/* Captions */ / * 자막 * /
.aligncenter, 합니다. aligncenter,
div.aligncenter { div.aligncenter (
display: block; 디스플레이 : 블록;
margin-left: auto; 마진 - 왼쪽 : 자동;
margin-right: auto; 마진 - 오른쪽으로 : 자동차;
} )
.wp-caption { 합니다. 백린 - 캡션 (
border: 1px solid #ddd; 국경 : 1px 고체 # 대행 서비스;
text-align: center; 텍스트 - 정렬 : 센터;
background-color: #f3f3f3; 배경 - 색상 : # f3f3f3;
padding-top: 4px; 여백 - 위쪽 : 4px;
margin: 10px; 마진 : 10px;
-moz-border-radius: 3px; - moz - 국경 - 반경 : 3px;
-khtml-border-radius: 3px; - khtml - 국경 - 반경 : 3px;
-webkit-border-radius: 3px; - webkit - 국경 - 반경 : 3px;
border-radius: 3px; 국경 - 반경 : 3px;
} )
.wp-caption img { 합니다. 백린 - 캡션 공간 (
margin: 0; 마진 : 0;
padding: 0; 패딩 : 0;
border: 0 none; 국경 : 0 없음;
} )
.wp-caption p.wp-caption-text { 합니다. 백린 - 캡션 p.wp - 캡션 - 문안 (
font-size: 11px; 글꼴 - 크기 : 11px;
line-height: 17px; 라인 - 높이 : 17px;
padding: 0 4px 5px; 패딩 : 0 4px 5px;
margin: 0; 마진 : 0;
} )
/* End captions */ / * 마지막 자막을 * /
Above HTML CSS declaration is taken from WordPress 2.6 default theme. 위의 html 전투 근무 지원 선언은 wordpress 2.6에게서 기본 테마합니다. These newly added CSS styles are used to control and assign the appearance of the caption for the image posted on blog. 전투 근무 지원이 새로 추가된 컨트롤 및 할당하는 방식을 사용하여 이미지의 캡션의 모양을 블로그에 게시합니다. Modify the code above in “style.css” file according to your own preference to have your own design and look. 위의 코드 수정 "style.css"파일을 자신의 취향에 따라 자신의 디자인과 봐을합니다.
IMPORTANT : This is a machine translated page which is provided "as is" without warranty. 중요 사항 : 이것은 기계 번역 페이지는 "있는 그대로"제공하지 않고 보증합니다. Machine translation may be difficult to understand. 기계 번역을 이해하기 어려울 수있습니다. Please refer to 를 참조하시기 바랍니다 original English article 원래 영어 자료 whenever possible. 언제 수있습니다.
Share and contribute or get technical support and help at 를 공유하고 기술 지원 및 도움을 공헌하지 않는다면 My Digital Life Forums 내 디지털 라이프 공개 토론 . 합니다.
Related Articles 관련 기사
- How to Disable Image and Video Captions Feature and Auto Adding of Shortcode in WordPress 2.6 이미지 및 비디오 기능을 해제하는 방법을 단축 코드를 추가 캡션 기능 및 자동 wordpress 2.6에서
- Switch and Change Back to Office 2003 Default Font and Style Set in Office Word 2007 스위치 및 사무실로 변경되는 기본 글꼴 및 스타일 설정 사무실에서 2003 단어 2007
- Meaning of TVAnts Buffer Progress Bar Colors tvants 버퍼를 진행 막대 색깔의 의미
- WordPress 2.6 with Change Revision Tracking Feature Available for Free Download wordpress 2.6을 무료로 다운로드 변경에 대한 수정 추적 기능을 사용할 수있습니다
- How to Change the Frequency or Interval WordPress Auto Saves An Editing Post or Page wordpress의 주파수 또는 간격을 변경하는 방법에 게시물을 게시하거나 페이지를 자동 저장, 편집
- Website Loading Time and Speed Checker 웹사이트에 로딩 시간과 속도 검사기
- Remove Microsoft Word Manual Formatting or Copied Formatting from External Source 복사된 서식을 제거합니다 워드 문서 서식이나 외부 소스
- Permanently Disable AdSense-Deluxe WordPress Plugin Reward Plugin Author Option 애드 센스 - 디럭스 플러그 접속식 영구적으로 보상을 해제 플러그 접속식 저자 옵션을
- Search Engine Spider and Crawler Simulator 검색 엔진의 스파이더와 크롤 러 시뮬레이터
- Disable and Turn Off Post Revisions Tracking in WordPress 2.6 or Above 개정 추적을 해제하고 게시물을 해제 wordpress 2.6 또는 이상
July 20th, 2008 10:05 2008년 7월 20일 10:05
For the life of me, I cannot get captions to work. 의 생명을 위해 나를 자막을 작동도록 할 수 없다고합니다. It looks great in preview, but live, all the code spills out around the photo and there’s no caption at all. 미리보기 멋져 보이지만,하지만 라이브, 모두의 코드를 유출 아웃 주위에 사진과 캡션 전혀없습니다. I added the caption code to my theme’s style.css but there was no change. 자막의 코드를 추가했는데, 내 테마의 style.css 있었지만 변경 사항이없습니다. Seems like I’m just one minor step away from making this work. 나는 단지 한 것 같아이 작품을 마이너에서 떨어져요. If anyone has any ideas, I’d love to hear them. 누군가에는 어떤 아이디어, 난 사랑을 들으시오. I’ll add a caption to my first post to demonstrate. 제가 캡션을 추가하는 첫 번째 게시물을 입증합니다.