호스팅 오른쪽 여백의 워드 프레스

워드 프레스의 현재 버전은 이제 이미지 정렬 내장되어 있습니다. 워드 프레스는 텍스트가 이미지를 둘러싸 있도록, 오른쪽, 왼쪽, 그리고 단락의 중심에 이미지를 정렬하는 CSS 클래스를 추가합니다.

이미지 정렬 및 이미지 주위에 텍스트 배치를위한 새로운 CSS 클래스를 이용하기 위해서, 워드 프레스 테마는 워드 프레스 테마 디렉토리에있는있는 style.css에 다음을 포함해야합니다.

워드 프레스 블로그에 이미지를 추가 할 때, 이미지 / 미디어 패널의 오른쪽, 왼쪽 또는 가운데로 이미지 정렬을 선택합니다.

이미지가 정렬 등을 위해 선택한 스타일로 당신의 블로그 게시물에 포함됩니다 :

워드 프레스의 스타일 이미지에 대한 자세한 내용은, 이미지 주위에 텍스트를 포장 참조하십시오. 이미지는 테두리, 프레임, 자막을 가질 수 있습니다. 여러 가지 방법으로 스타일을 지정할. 귀하의 사이트에 이미지를 스타일을하는 방법은 두 가지가 기본적으로있다. 당신은 특정 이미지에 스타일 시트 또는 인라인 내에서 스타일을 지정할 수 있습니다.

모든 이미지를 스타일링

워드 프레스 테마의 style.css에는 내에서 이미지를 스타일링하면 사이트 또는 특정 이미지에있는 모든 이미지의 스타일을 커버 할 수있다.

특정 방법을 찾아 찾거나 이미지 태그의 CSS 선택기를 추가 할 사이트의 모든 이미지의 스타일을합니다. 그런 다음 태그에 스타일을 추가합니다. 예를 들어, 당신이 당신의 모든 이미지 주위에 검은 색 테두리를 원하는 당신은 테두리와 이미지뿐만 아니라 이미지의 주변에 적절한 간격과 텍스트 사이의 공간을 원하는 가정 해 봅시다.

아마 당신은 좀 더 극적인 무언가를 원한다. 당신은 테두리 두께를 변경하고 "이중"라인으로 설정할 수 있습니다. 그리고 어쩌면 당신은 정말 텍스트의 나머지 부분에서 이미지를 분리 할, 그래서 당신은 이미지의 주변에 여백을 높일 수 있습니다.

특정 이미지를 스타일링

당신은 특정 이미지에 대한 스타일 시트에 특정 스타일을 추가 할 수 있습니다. 이미 모든 이미지 스타일 한 경우, 당신은 당신이 그 속성을 무시하기 위해 이미지 태그 스타일에 지정된 모든 스타일 선언이나 속성을 지정 확인해야합니다. 당신이 여백을 변경하지 않으면, 그것은 새로운 스타일로 동일하게 유지됩니다. 이것은 CSS의 부모 / 자식 관계라고합니다.

의 당신은 자연의 범주에 제출 한 게시물의 일부 이미지는 좋은 녹색 배경이하고 싶은 말을하자. 이미지의 나머지는 당신이 당신의 자연 범주에 추가하는 것과 동일한, 단지 사람을 보일 것입니다. 당신은 단순히 스타일 시트 및 해당 카테고리 내의 각 이미지에 클래스를 추가 할 수 있습니다.

쉽게, 우리는 우리의 클래스 "자연"전화 할게 기억하게합니다. 우리는 매우 짙은 녹색의 두꺼운 테두리와 강조 표시 할 수있는 이미지의 주변에 중간 녹색 배경을 갖고 싶어.

해당 카테고리 내에서 각 이미지에, 당신은 단순히 "자연"의 클래스를 추가합니다 :

서로 다른 이미지에 대한 더 많은 스타일이 필요하면 필요에 따라, 당신은 그들을 더 만들 수 있습니다.

직접 하나 개 또는 두 이미지를 스타일링

방금 귀하의 사이트에 하나 개 또는 두 개의 이미지가 나머지 다른보고 싶을 때가 있습니다. 이 기술은 인라인 스타일이라고합니다. 이 이미지 자체에 직접 CSS 스타일을 적용합니다.

예를 들어, 당신이 그것에주의를 환기 검은 배경에 고립 된 이미지가하고 싶은 말은.

이 모든 이미지에 사용할 수있는 기술이 아니다. 그것은 필요 가끔 이미지에 사용되는 "특별한 뭔가를 조금."

관련 기사

당신에게 자신의 플랫폼에서 웹 사이트를 만들 수있는 도구를 제공 웹 사이트 호스트 많이 있습니다. 그들은 당신이 페이지, 블로그 게시물, 심지어 온라인 상점을 만들 수 있습니다. 대부분의 훌륭한 도구를 가지고 ...

5 월 20 Bhagwad 공원에 의해 게시 됨 2014 | 4 개 댓글 좋은 워드 프레스 포스트는 텍스트의 벽보다 더 많은입니다. 그것은 컨텍스트 이미지 blockquotes, PULLQUOTES, 다른 시각의 호스트를 포함 ...

만들거나 워드 프레스 페이지 또는 블로그 게시물을 편집 할 때, 당신은 쉽게 워드 프레스 미디어 업 로더 도구를 사용하여 언제든지 이미지를 추가 할 수 있습니다. 여기에 이미지를 추가 단계별 미디어를 사용하는 방법은 ...

당신이 당신의 워드 프레스 사이트의 속도를 하시겠습니까? 사이트 로딩 시간을 줄일 수있는 워드 프레스 최적화 트릭을 알고 싶으십니까? 이 글에서, 우리는 어떻게 속도를하는 방법을 보여줍니다 ...

홈»전자 상거래 자원 "자신의 블로그를 호스팅 할 만 74 개 이상의 사이트가 워드 프레스 플랫폼에 의존 WooCommerce, 디비 및 Bluehost를 (3 월 2017 년)와 환상적인 온라인 숍을 만드는 방법, ...