텍스트 t 워드 프레스 호스팅을 감싸 원
5 월 20 Bhagwad 공원에 의해 게시 됨 2014 | 4 개 댓글
좋은 워드 프레스 포스트는 텍스트의 벽보다 더 많은입니다. 그것은 쉽게 읽을 덜 협박하고, 컨텍스트, 이미지, blockquotes, PULLQUOTES, 쉽게 소화 덩어리로 컨텐츠를 분할하는 다른 영상 매체의 호스트를 포함합니다. 그것은 제대로 불구하고 이러한 개체의 위치를 그들이 게시물의 나머지 부분과 완벽하게 맞지 않도록하는 것이 중요합니다. 아이디어는 그들이, 문서를 보완의 배치에 독자의 관심을 끌기하지 않은 것입니다. 그냥 "속"그것은 마치 자연 느껴야한다. 이를 위해, 우리는 제대로 이미지 여부 물체, 또는 iframe이 주위에 텍스트를 래핑하는 방법을 알아야합니다. 워드 프레스 정확하게 이미지를 배치 할 수있는 쉬운 방법을 제공하지만, 우리는 적절한 모양을 얻을 다른 개체에 대한 느낌을 코딩의 비트를 수행해야합니다.
정렬 이미지
이미지 및 사진 게시물에서 개체의 가장 일반적인 형태이기 때문에 워드 프레스의 이미지가 터무니없이 쉽게 주위에 텍스트를 줄 바꿈 할 수 있습니다. 당신은 워드 프레스의 최신 버전을 실행하고 있는지 확인하고, 아래 그림과 같이 WYSIWYG 아이콘 위의 영상 편집기에서 당신은 "미디어 추가"버튼을 찾을 수 있습니다.
이것을 클릭하면 새 이미지를 업로드하거나 기존 라이브러리에서 하나를 선택할 수 있습니다. 당신이 그것을 선택한 후, 사진 세부 사항은 오른쪽에 나타납니다. 아래로 스크롤하면 아래 그림과 같이 "첨부 디스플레이 설정"이라는 섹션을 볼 수 있습니다.
단순히 당신이 이미지가 왼쪽, 오른쪽 또는 중앙에 표시 할 것인지 선택합니다. 당신은 아무것도 선택하지 않으면 이미지는 모든 정렬없이 HTML로 배치됩니다. 그것은 간단합니다!
다른 개체 정렬
이미지 주위에 포장 텍스트가 충분히 쉽지만, 당신은 iframe이 같은 사용자 정의 요소를 어떤 경우? 몇 가지 작은 도구와 위젯은 당신에게 당신의 워드 프레스 포스트의 HTML로 적절한 정렬없이 배치하는 코드의 조각을주고, 그것은 끔찍한 살펴 보겠습니다. 돌볼 필요가 우리 두 가지가 있습니다 :
오브젝트 배치
당신이 내 iframe이 조각을 말해봐
당신이이 아래의 스크린 샷에 배치되는 방법을 정확하게 볼 수 있습니다 :
이것은 오른쪽으로 주위에 흘러 HTML에 후 바로 왼쪽에있는 IFRAME과 단락을 배치합니다.
여백 조정
불행하게도이 여전히 제대로 보이지 않습니다. 예, 객체는 주위의 텍스트 배치와 왼쪽에 표시되지만 텍스트는 가장자리에 너무 가까이 있습니다. 좋은 디자인 원칙은 우리가 아래, 왼쪽 정렬 이미지를 오른쪽으로, 오른쪽 정렬 사람을위한 왼쪽으로, 위에서 약간의 여백을 만들 것을 알려주십시오.
이제 우리는 오른쪽에 10px 여백과 상단에 22 픽셀 여백을 원하는 가정 해 봅시다. 즉시 개통 다음에 다음 코드를 추가합니다
iframe을에 배치하는 경우는 다음과 같이 나타납니다 :
당신은 당신이 여백이 바로 얻을 때까지 문서를 미리보기를 유지할 수 있습니다. 여기가 마지막으로 모양을하는 방법은 다음과 같습니다
당신이 볼 수 있듯이, 이미지가 모두 제대로 왼쪽으로 정렬뿐만 아니라 멋지게 추한 보지 않고 게시물의 자연 부분을 표시하기 위해 간격으로 채워집니다. 당신은 어떤 포함 된 개체 만이 아니라 iframe이 작동하는 이러한 기술을 사용할 수 있습니다. 이 사진이나 사용자 지정 코드를이든, 그들이 콘텐츠에 원활하게 맞 있는지 확인하는 것이 중요합니다.
지금 내용은 아래의 URL을 입력 :
저자에 관하여
Bhagwad 공원은 인도에서 기술적 인 작가이며 현재 플로리다에 거주하고 있습니다. 그는 IT 업계의 관심, 클라우드 소요되며, 또한 개발 도상국의 인권에 초점을 맞춘 블로그를 유지한다.