안녕하세요~^^

워드프레스 글에 링크로 삽입한 인스타그램을 가운데 정렬하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

.instagram-media { margin: 0 auto; }

고맙습니다.

1. 답변 감사합니다.
말씀 대로 CSS를 추가했는데, 가운데 정렬이 되지 않고 있습니다.
확인 부탁 드립니다.

2. 그리고 다른 링크 미리보기도 확인 부탁 드립니다.
아래 주소에서 확인할 수 있는데요.
링크 미리보기가 가운데 정렬이 안되는 것도 있고,

3. 어떤 주소는 미리보기가 나오지 않는 것도 있습니다.
미리보기가 안나오는 건 어떻게 해야 미리보기를 할 수 있을까요?

https://lansunjipsa.cafe24.com/11981/이슈/링크-미리보기-테스트/

매번 답변 주셔서 많은 도움이 되고 있으며, 진심으로 감사 드립니다. ^^

현재는 페이지가 바뀐 듯합니다.

안내해드린 코드가 적용되지 않는다면

아래의 코드로 교체해보시겠어요?

.instagram-media { margin: 0 auto !important; }

실제 본문에 입력하신 내용 중 미리보기가 나오지 않는 쪽의 코드도 알려주시겠어요?

고맙습니다.

답변 감사합니다.
워드프레스를 다시 설치해야 해서 임시로 글을 올렸습니다.
미리보기 가운데 정렬이 되지 않는 링크와
미리보기가 되지 않는 링크는 아래의 페이지에서 확인할 수 있습니다.
감사합니다. ^^

https://lansunjipsa.cafe24.com/11981/%EC%9D%B4%EC%8A%88/%EB%A7%81%ED%81%AC-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0-%ED%85%8C%EC%8A%A4%ED%8A%B8/

안녕하세요.

미리보기는 어떤 방식으로 추가하신 건지요?

워드프레스 Gutenberg(구텐베르크) 에디터로 추가하신 건지요?

미리보기가 되지 않는 링크는 해당 서버에서 차단했을 가능성도 있습니다.

미리보기 가운데 정렬은 기존의 코드 대신

워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

iframe { display: block; margin: 0 auto; }

고맙습니다.

감사합니다. 가운데 정렬이 잘 되네요.
 

미리보기가 되지 않는 것은 기존 게시판에서 작성했습니다.
페이스북에서는 미리보기가 잘 되는 주소도 워드프레스에서는 미리보기가 되지 않더라구요.

아래 주소의 경우 페이스북에서는 미리보기가 정상적으로 되는데, 워드프레스에서는 안되네요.
A 웹 호스팅에서도, B 웹 호스팅에서도 미리보기가 되지 않습니다.

https://www.independent.ie/videos/life/watch-student-adopts-abandoned-fox-cub-as-pet-37760134.html

- A 웹 호스팅 워드프레스

https://lansunjipsa.cafe24.com/11981/%ec%9d%b4%ec%8a%88/%eb%a7%81%ed%81%ac-%eb%af%b8%eb%a6%ac%eb%b3%b4%ea%b8%b0-%ed%85%8c%ec%8a%a4%ed%8a%b8/

- B 웹 호스팅 워드프레스
https://www.lansunjipsa.net/67/%ec%9d%b4%ec%8a%88/%eb%af%b8%eb%a6%ac%eb%b3%b4%ea%b8%b0-%eb%a7%81%ed%81%ac-%ed%85%8c%ec%8a%a4%ed%8a%b82/

워드프레스에서 URL로 임베드할 때 보안 문제로

워드프레스 내부 화이트리스트와 일치하는 URL만 표시하도록 되어있습니다.

아래 링크에서 확인하실 수 있습니다.

https://codex.wordpress.org/Embeds

화이트리스트를 추가하려면 해당 사이트가 oEmbed를 지원해야 가능한 듯합니다.

저희도 좋은 방법이 있을지 연구해보겠습니다.

고맙습니다.

넵 감사합니다. ^^