워드 프레스 이미지 정렬 설정 – 설명!

이미지 정렬의 주제는 WordPress 초보자가 일반적으로 오해하는 것입니다. 콘텐츠에 이미지 (게시물이나 페이지 내)를 추가 할 때 WordPress는 ‘왼쪽’정렬, ‘중심’정렬, ‘오른쪽’정렬, ‘없음’정렬 등 네 가지 기본 방법을 제공합니다..


이들 각각을 차례로 살펴 보겠습니다.

1. 왼쪽 정렬

왼쪽 맞춤이 할당 된 이미지는 페이지 내용이있는 페이지 섹션의 왼쪽 (예 : WordPress 페이지 게시물의 왼쪽 경계 등)으로 효과적으로 푸시되고 다른 콘텐츠 (예 : 텍스트)는 이미지가있는 곳의 오른쪽 영역을 채우면서 다른 세 테두리를 감싸십시오..

예:

Lorem ipsum dolor 앉은 자세, conditetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 왼쪽 정렬 Volistate velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duis aute irure dolor가 있습니다. Excepteur sint occaecat cupidatat nonidentident, culpa qui officiser deserunt mollit animid est labourum에서 침몰. Lorem ipsum dolor는 amet, conditetur adipiscing elit, eiusmod tempor incididunt ut worke et dolore magna aliqua에 앉아 있습니다. 가장 좋은 veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Volutetate Velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duute aute irure dolor.

2. 가운데 정렬

이미지가있는 페이지 섹션 내에서 이미지를 중앙 집중화하려면 (예 : 콘텐츠 영역의 가장자리와 왼쪽과 오른쪽 테두리 사이의 간격이 동일하도록) ‘중앙’정렬을 선택하십시오. 위에서 언급 한 ‘왼쪽’정렬과 달리 인접한 내용 (예 : 텍스트)은 이미지 주위를 감싸지 않습니다. 대신 삽입하려는 텍스트의 위치에 따라 이미지 위 또는 아래에 배치됩니다. 상기 이미지).

예:

Lorem ipsum dolor 앉은 자세, conditetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 가운데 맞춤 Volistate velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duis aute irure dolor가 있습니다. Excepteur sint occaecat cupidatat nonidentident, culpa qui officiser deserunt mollit anid id est laborum에서 햇볕에 쬐기.

3. 오른쪽 정렬

이미지를 오른쪽 정렬하는 것은 예상 한대로 이미지를 왼쪽 정렬하는 것과 거의 반대입니다. 이미지가있는 페이지 섹션의 오른쪽 (예 : 이미지의 오른쪽 경계)으로 이미지가 푸시됩니다 페이지 내용의 WordPress 게시물) 및 기타 내용 (예 : 텍스트 등)은 다른 세 경계 주위를 감싸면서 왼쪽 영역을 채 웁니다..

예:

Lorem ipsum dolor 앉은 자세, conditetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 오른쪽 정렬 이미지 Volistate velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duis aute irure dolor가 있습니다. Excepteur sint occaecat cupidatat nonidentident, culpa qui officiser deserunt mollit animid est labourum에서 침몰. Lorem ipsum dolor는 amet, conditetur adipiscing elit, eiusmod tempor incididunt ut worke et dolore magna aliqua에 앉아 있습니다. 가장 좋은 veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Volutetate Velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duute aute irure dolor.

4. 정렬 없음

정렬이 할당되지 않은 이미지 ( ‘없음’정렬을 할당하여)는 이미지가있는 위치에 정확하게 위치합니다 (예 : 텍스트 단락 내에 ‘없음’으로 할당 된 이미지를 배치하기로 선택한 경우) (아래 예 참조) 해당 텍스트와 인라인으로 배치되어 이미지의 왼쪽과 오른쪽에 텍스트가 있습니다 (이미지의 너비가 너비와 같거나 넓지 않다고 가정). **). 그러나 혼란스럽게도 둘 다 ‘없음’으로 정렬되고 자체 단락 내에있는 이미지 (예 : WordPress 편집기의 새 줄 및 / 또는 HTML ‘p’태그)는 왼쪽에 배치됩니다. 그 안에있는 영역의 (텍스트가 정렬 된 경우와 비슷한 방식으로) 오른쪽 텍스트가 없습니다. 왜? 이미지에는 고유 한 단락 내에있는 (즉, 동일한 단락에 다른 요소가없는) 특정 정렬 (또는 기술 용어로는 특정 왼쪽 또는 오른쪽 ‘float’없음)이 없기 때문에 이전 이미지와 분리됩니다. 다른 단락과 거의 같은 방식으로 미리 정의 된 공백 줄로 내용을 추적합니다.!

예:

Lorem ipsum dolor 앉은 자세, conditetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 정렬 없음 Volistate velit esse cillum dolore eu fugiat nulla pariatur에서 reprehenderit에 Duis aute irure dolor가 있습니다. Excepteur sint occaecat cupidatat nonidentident, culpa qui officiser deserunt mollit anid id est laborum에서 햇볕에 쬐기.

그래서 실제로 여기서 일어나고있는 것은?

왜 이런 일이 발생합니까? 실제로는 CSS (Cascading Style Sheets)라고하는 웹 요소의 표현 (레이아웃, 치수, 색상 등)을 표현하는 데 사용되는 컴퓨터 언어 때문입니다. 본질적으로 예를 들어 게시물 또는 페이지의 이미지에 왼쪽 정렬을 지정할 때마다 WordPress는 “alignleft”라는 HTML 클래스 이름을 해당 이미지에 추가합니다. 그러면 이미지가 특정 세트를 참조하도록 효과적으로 강제합니다 페이지에서 어디에 위치해야하는지 알려주는 사전 정의 된 CSS 명령 마찬가지로, 언급 된 각 다른 정렬에 대해 WordPress는 ‘aligncenter'(이미지가 중앙 정렬되는 경우), ‘alignright'(이미지가 올바른 정렬되는 경우) 및 ‘alignnone'(이미지가있는 이미지의 경우)과 같은 다른 클래스 이름을 할당합니다. 특정 정렬을 할당하지 않으려면)-각각은 서로 다른 CSS 명령 세트를 참조합니다..

틀림없이 (불행히도) CSS 명령의 세계로 머리를 감싸는 아이디어는 일반적인 WordPress 사용자에게 조금 어려울 수 있습니다. 그러나 이에 대해 더 자세히 알고 싶으면 콘텐츠 또는 웹 사이트 전체를 스타일링 할 때 완전히 새로운 자유를 얻을 수 있습니다. 학습에 관심이 있으시면 CSS 온라인 학습에 가장 적합한 곳에 대한 이전 게시물을 확인하십시오. 또는 대안으로 좋은 Google로 넘어 가서 열광하십시오! ;)

요약

이미지 정렬이 설명되었습니다! 간단히 말해서 : 이미지를 왼쪽에 놓고 텍스트 등의 다른 요소를 오른쪽으로 감싸려면 왼쪽 정렬을 사용하십시오. 이미지의 양쪽에 다른 요소가없는 이미지를 컨텐츠의 중앙 / 가운데에 놓으려면 중앙 정렬을 사용하십시오. 이미지를 오른쪽에 앉히고 인접한 다른 웹 요소를 왼쪽으로 감싸려면 오른쪽 맞춤을 사용하십시오. 이미지를 주변 요소 (예 : 텍스트 등)를 기준으로 선택한 위치에 정확하게 배치하려면 마지막으로 ‘없음’을 사용하고 마지막으로 이미지를 콘텐츠의 왼쪽에 배치하려면 -이있는 영역이지만 오른쪽에 텍스트 등이 나타나지 않도록하고 이미지에 ‘없음’을 정렬하고 자체 단락에 배치하십시오.!

* 하위 헤더 ‘첨부 파일 표시 설정’아래 WordPress ‘미디어 라이브러리’창의 오른쪽 하단에있는 드롭 다운 메뉴를 통해.

**이 경우 일반적으로 텍스트의 한쪽에있는 텍스트는 이미지 위나 아래로 이동할 수 없습니다. 이러한 경우에는 다른 공간이 없기 때문에 네 가지 정렬 사이에서 혼동을 일으킬 수 있습니다. 이미지의 양쪽에 텍스트 / 요소를 사용하면 선택한 정렬에 본질적으로 차이가 없습니다.!

유능한?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map