웹 사이트에서 Twitter의 내용을 공유하려는 경우 Twitter를 통해 트윗을 쉽게 포함시킬 수 있습니다. 트윗을 포함시키는 것은 트윗의 스크린 샷을 복사하는 것보다 선호되는데 종종 대화식이 가능하고 웹 사이트 독자가 Twitter 사용자의 프로필로 직접 이동하거나 트윗 자체를 리트 윗하거나 인용하고 트윗이 생성 한 응답을 볼 수 있습니다.
그러나 트위터가 트윗을 포함시키는 방식에는 큰 문제가 있습니다. 기본적으로 포함 된 트윗은 왼쪽 정렬됩니다.
이것은 문제가되지는 않지만 웹 사이트의 디자인과 일관성을 중요하게 생각하면 왼쪽에 정렬 된 트윗이 왼쪽에 정렬되어 있으면 특히 모든 다른 포함 된 이미지와 비디오가 중앙에있는 경우 매우 성 가실 수 있습니다.
좋은 소식은 Twitter가 제공하는 내장 코드에 약간의 텍스트를 추가하는 것만으로 내장 트윗을 빠르고 쉽게 중앙에 배치 할 수 있다는 것입니다. 작동 방식은 다음과 같습니다.
트윗 담아 가기
먼저 포함하려는 트윗을 찾아서 포함 코드를 가져옵니다. 일반적으로 오른쪽 상단 모서리에있는 작은 아래쪽 화살표를 클릭하고 메뉴에서 트윗 포함 을 선택하면됩니다.
Twitter에서 제공 한 코드를 복사하여 웹 사이트 CMS로 이동하십시오. 웹 페이지에서 HTML을 추가하고 편집하는 프로세스는 플랫폼마다 다르므로 확실하지 않은 경우 플랫폼 설명서를 확인하십시오. 예를 들어 편집기에서 텍스트 를 클릭하면 WordPress에 HTML 및 기타 게시물 코드가 표시됩니다. 다른 플랫폼에서는 단어라는 단어를 사용합니다. 알아 낸 후에는 트윗의 포함 코드를 원하는 위치에 붙여 넣습니다.
센터 임베디드 트윗
여기에서 멈 추면 페이지를 미리 볼 때 왼쪽 정렬 된 표준 트윗이 표시됩니다. 임베디드 트윗을 중앙에 배치하려면 임베디드 코드를보고 시작 부분 근처에서이 위치를 찾으십시오.
twitter-tweet 후 따옴표 안에 tw-align-center를 추가하여 두 문장 사이에 공백을 두십시오.
그게 다야! 변경 사항을 저장하고 게시물을 미리 보거나 게시하십시오. 임베디드 트윗이 중앙에 있음을 알 수 있습니다.