반응형
트위터 타임라인을 블로그나 홈페이지 등 사이트에 넣고 싶다
여러분은 트위터의 타임라인 트윗을 블로그나 홈페이지 등 사이트에 삽입하고 싶다고 생각해 본 적이 없으십니까?
타임라인 임베딩은 트위터에서 발신하는 정보를 실시간으로 블로그나 홈페이지에서 발신할 수 있어 매우 편리합니다!
그러나 트윗 단체의 임베딩은 할 수 있지만, 타임 라인을 매립하는 방법을 모른다·, 매립할 때에 디자인이나 사이즈를 조정하고 싶지만, 모르겠다·라고 하는 분도 계십니다.
그래서 이번 기사에서는 트위터의 타임라인을 임베딩하는 방법과 임베딩 시 디자인과 크기를 조정하는 방법에 대해 알아보도록 하겠습니다.
트위터 타임라인을 블로그나 홈페이지 등 사이트에 내장하는 방법
우선 기본 타임라인 매립에 대한 방법을 순서대로 소개해 드리겠습니다.
내장하고 싶은 타임라인 사용자 프로필 페이지의 URL 복사
우선 내장하고 싶은 타임라인의 트위터 사용자 프로필 페이지의 URL을 복사합니다.
예를 들어 @Aprico 2016 사용자의 경우는 ′https://twitter.com/Aprico2016′과 같은 URL이 됩니다.
타임라인 임베딩용 태그 가져오기
그런 다음 트위터의 공식 기능을 사용하여 타임라인 임베딩을 위한 태그를 가져옵니다.
아래 사이트에 접속합시다.이 사이트는 트위터 공식 임베딩 타임라인 등 위젯을 만들 수 있는 페이지입니다.
트위터 Publish
위 사이트에 접속하면 ′What would you like to embed?′ 부분에 앞서 복사한 임베딩 타임라인 사용자 프로필 페이지의 URL을 페이스트 합니다.
다음으로 ′Here are your display options′ 부분으로 자동 스크롤하여 이동하므로 이번에는 좌측 ′Embedded Timeline′을 선택합니다.
그러면 자동으로 태그가 생성됩니다.여기 타임라인 임베딩용 태그입니다.′Copy Code′ 버튼을 눌러 복사해 두세요.
또 그 태그를 삽입했을 때의 미리 보기가 그 아래에 표시되기 때문에 위화감이 없는지 봐 둡시다.
나중에는 복사한 태그를 블로그나 홈페이지의 원하는 곳에 붙이면 타임라인이 표시되게 됩니다.
덧붙여서 타임라인 임베딩 위젯은 리스폰시브 디자인이기 때문에 폭에 맞게 디자인이 조정됩니다.
타임라인 임베디드 위젯의 크기와 디자인을 맞춤 제작
자, 이제 블로그나 홈페이지에서 타임라인 임베딩을 할 수 있었습니다만, 블로그나 홈페이지 디자인에 따라 트위터 타임라인 임베딩 위젯의 크기와 디자인을 변경하고 싶은 분도 계실 것입니다.
크기와 디자인의 맞춤형 방법을 알아보겠습니다.
아까 타임라인 매입용 태그를 작성한 페이지의 ′set customization options′를 클릭합니다.
그러면 이런 그림의 화면이 등장합니다.
여기서 타임라인 매립 위젯의 디자인이나 색상, 사이즈를 변경할 수 있습니다.
사이즈
먼저 맨 위에 ′What size would you like your timeline to be?′ 부분이 사이즈입니다.
만약 리스폰시브 말고 사이즈를 지정하고 싶은 경우는 이쪽을 조정합시다.
디자인
다음으로 중단의 ′How would you like this to look?′ 부분에서 디자인을 조정할 수 있습니다.왼쪽 선택항목에서 ′Light′, ′Dark′ 중에서 선택할 수 있습니다.
(디폴트는 ′Light′)
시험 삼아 Dark로 해 봅시다.
실시간으로 하단의 미리보기 디자인이 바뀝니다.Dark 색이면 이런 디자인이에요.
′Light′, ′Dark′ 원하시는 분의 디자인을 선택해보세요.
링크 색상
또한 오른쪽은 링크 색상을 변경할 수 있습니다.
보라
녹색
황색
오렌지
빨강
청색
등으로 변경할 수 있습니다.시험 삼아 노란색으로 해 봅시다.
미리보기에서 링크 색상이 노란색으로 변했네요!
크기나 디자인이 정해지면 마지막으로 오른쪽 하단의 ′Update′ 버튼을 클릭합니다.그러면 타임라인 매립용 태그가 바뀌기 때문에 다시 복사해서 블로그나 홈페이지에 붙여주세요!
매립
디자인을 Dark로 하고 링크 색상을 노란색으로 했을 경우의 타임라인 임베딩 위젯입니다!
꼭 블로그나 홈페이지의 색감에 맞춰 타임라인 임베디드 위엣 디자인을 조정하세요!
여러분은 트위터의 타임라인 트윗을 블로그나 홈페이지 등 사이트에 삽입하고 싶다고 생각해 본 적이 없으십니까?
타임라인 임베딩은 트위터에서 발신하는 정보를 실시간으로 블로그나 홈페이지에서 발신할 수 있어 매우 편리합니다!
그러나 트윗 단체의 임베딩은 할 수 있지만, 타임 라인을 매립하는 방법을 모른다·, 매립할 때에 디자인이나 사이즈를 조정하고 싶지만, 모르겠다·라고 하는 분도 계십니다.
그래서 이번 기사에서는 트위터의 타임라인을 임베딩하는 방법과 임베딩 시 디자인과 크기를 조정하는 방법에 대해 알아보도록 하겠습니다.
트위터 타임라인을 블로그나 홈페이지 등 사이트에 내장하는 방법
우선 기본 타임라인 매립에 대한 방법을 순서대로 소개해 드리겠습니다.
내장하고 싶은 타임라인 사용자 프로필 페이지의 URL 복사
우선 내장하고 싶은 타임라인의 트위터 사용자 프로필 페이지의 URL을 복사합니다.
예를 들어 @Aprico 2016 사용자의 경우는 ′https://twitter.com/Aprico2016′과 같은 URL이 됩니다.
타임라인 임베딩용 태그 가져오기
그런 다음 트위터의 공식 기능을 사용하여 타임라인 임베딩을 위한 태그를 가져옵니다.
아래 사이트에 접속합시다.이 사이트는 트위터 공식 임베딩 타임라인 등 위젯을 만들 수 있는 페이지입니다.
트위터 Publish
위 사이트에 접속하면 ′What would you like to embed?′ 부분에 앞서 복사한 임베딩 타임라인 사용자 프로필 페이지의 URL을 페이스트 합니다.
다음으로 ′Here are your display options′ 부분으로 자동 스크롤하여 이동하므로 이번에는 좌측 ′Embedded Timeline′을 선택합니다.
그러면 자동으로 태그가 생성됩니다.여기 타임라인 임베딩용 태그입니다.′Copy Code′ 버튼을 눌러 복사해 두세요.
또 그 태그를 삽입했을 때의 미리 보기가 그 아래에 표시되기 때문에 위화감이 없는지 봐 둡시다.
나중에는 복사한 태그를 블로그나 홈페이지의 원하는 곳에 붙이면 타임라인이 표시되게 됩니다.
덧붙여서 타임라인 임베딩 위젯은 리스폰시브 디자인이기 때문에 폭에 맞게 디자인이 조정됩니다.
타임라인 임베디드 위젯의 크기와 디자인을 맞춤 제작
자, 이제 블로그나 홈페이지에서 타임라인 임베딩을 할 수 있었습니다만, 블로그나 홈페이지 디자인에 따라 트위터 타임라인 임베딩 위젯의 크기와 디자인을 변경하고 싶은 분도 계실 것입니다.
크기와 디자인의 맞춤형 방법을 알아보겠습니다.
아까 타임라인 매입용 태그를 작성한 페이지의 ′set customization options′를 클릭합니다.
그러면 이런 그림의 화면이 등장합니다.
여기서 타임라인 매립 위젯의 디자인이나 색상, 사이즈를 변경할 수 있습니다.
사이즈
먼저 맨 위에 ′What size would you like your timeline to be?′ 부분이 사이즈입니다.
만약 리스폰시브 말고 사이즈를 지정하고 싶은 경우는 이쪽을 조정합시다.
디자인
다음으로 중단의 ′How would you like this to look?′ 부분에서 디자인을 조정할 수 있습니다.왼쪽 선택항목에서 ′Light′, ′Dark′ 중에서 선택할 수 있습니다.
(디폴트는 ′Light′)
시험 삼아 Dark로 해 봅시다.
실시간으로 하단의 미리보기 디자인이 바뀝니다.Dark 색이면 이런 디자인이에요.
′Light′, ′Dark′ 원하시는 분의 디자인을 선택해보세요.
링크 색상
또한 오른쪽은 링크 색상을 변경할 수 있습니다.
보라
녹색
황색
오렌지
빨강
청색
등으로 변경할 수 있습니다.시험 삼아 노란색으로 해 봅시다.
미리보기에서 링크 색상이 노란색으로 변했네요!
크기나 디자인이 정해지면 마지막으로 오른쪽 하단의 ′Update′ 버튼을 클릭합니다.그러면 타임라인 매립용 태그가 바뀌기 때문에 다시 복사해서 블로그나 홈페이지에 붙여주세요!
매립
디자인을 Dark로 하고 링크 색상을 노란색으로 했을 경우의 타임라인 임베딩 위젯입니다!
꼭 블로그나 홈페이지의 색감에 맞춰 타임라인 임베디드 위엣 디자인을 조정하세요!
반응형