WordPress.com 페더레이션 실험 및 관찰 결과 보고

2025년 5월 18일, 일요일

다음은 제공해주신 “WordPress.com 페더레이션 실험 및 관찰 결과 보고 + 버그 발견 및 제안사항” 내용을 순서대로 정리한 것입니다.

WordPress.com 페더레이션 실험 및 관찰 결과 보고

  • 보고 목적: WordPress.com의 ActivityPub 페더레이션 기능 실험, 관찰 결과 공유, 버그 발견 및 제안사항 전달
  • 관련 GitHub 이슈: https://github.com/Automattic/wordpress-activitypub/issues (해당 저장소에 보고 예정으로 보임)
  • 테스트 사이트: kowporg.wordpress.com (WordPress.com 블로그)
  • 적용 테마: Twenty Twenty-Five
  • 페더레이션 활성화: https://wordpress.com/marketing/connections/kowporg.wordpress.com 페이지를 통해 활성화

1. 페디버스 프로필 정보 (kowporg.wordpress.com)

  • Mastodon: https://mastodon.social/@kowporg.wordpress.com@kowporg.wordpress.com
  • Threads: https://www.threads.com/fediverse_profile/kowporg.wordpress.com@kowporg.wordpress.com
  • Bluesky (via Bridgy): https://bsky.app/profile/kowporg.wordpress.com.kowporg.wordpress.com.ap.brid.gy
  • Misskey: https://misskey.io/@kowporg.wordpress.com@kowporg.wordpress.com@kowporg.wordpress.com
  • Misskey 연합 서버 정보: https://misskey.io/instance-info/kowporg.wordpress.com

2. 실험 포스트 상세

  • 포스트 주소: https://kowporg.wordpress.com/2025/05/18/federation/
  • 블록 편집기 작성 내용:
    • Federated Reply 블록: https://mastodon.social/@thaumiel999/114523039596851251 대상으로 설정
    • 문단 블록 (언급): @thaumiel999@threads.net
    • 문단 블록 (언급): @thaumiel999@misskey.io
    • 문단 블록 (언급): @travel-in-busan.com@bsky.brid.gy
    • 문단 블록 (언급): @thaumiel999@mastodon.social
  • 포스트 본문 표시내용:
    • embedded box: “embedded mastodon post”
    • 링크 형태 텍스트: @thaumiel999
    • 링크 형태 텍스트: @thaumiel999
    • 링크 형태 텍스트: @travel-in-busan.com
    • 링크 형태 텍스트: @thaumiel999

3. 워드프레스 리더(Reader) 관찰 결과

  • 리더 내 포스트 주소: https://wordpress.com/reader/feeds/169602085/posts/5670667173
  • 리더에 표시된 내용:
    • 텍스트: @thaumiel999@threads.net
    • 텍스트: @thaumiel999@misskey.io
    • 텍스트: @travel-in-busan.com@bsky.brid.gy
    • 텍스트: @thaumiel999@mastodon.social
  • 리더에 표시되지 않는 내용:
    • “Federated Reply” 블록의 내용은 표시되지 않음.
  • 워드프레스 리더 알림:
    • 알림 메시지: “👀 fediverse에서 워드프레스 한국어을(를) 보고 있습니다! Jiwoon Kim 🇰🇷 및 3명의 사용자가 업데이트를 보게 됩니다.” (두 번 반복 표시됨)
    • 확인된 Fediverse 팔로워 수: 4명
    • 팔로워 목록 (리더 알림 기준):
      • 워드프레스 한국어 (WordPress.org 한국어판 비공식 계정)
      • Avatar: Jiwoon Kim 🇰🇷 (misskey.io/@thaumiel999)
      • Avatar: Jiwoon Kim (threads.net/@thaumiel999)
      • Avatar: Jiwoon Kim (bsky.brid.gy/r/https://bsky.app/profile/travel-in-busan.com,https://travel-in-busan.com)
      • Avatar: 김지운 (mastodon.social/@thaumiel999)
  • 버그 발견:
    • Jetpack 모바일 앱으로 해당 Fediverse 팔로워 알림을 확인할 경우, 앱이 강제 종료됨.

4. 마스토돈(Mastodon) 관찰 결과

  • 원본 포스트가 마스토돈에 표시된 모습(답글):

    • 주소: https://mastodon.social/@kowporg.wordpress.com@kowporg.wordpress.com/114525025072110951
    • 내용:
      **Federation**
      [@thaumiel999](https://mastodon.social/@thaumiel999/114523039596851251 "https://mastodon.social/@thaumiel999/114523039596851251")
      [@thaumiel999](https://mastodon.social/@thaumiel999@threads.net "@thaumiel999@threads.net")
      [@thaumiel999](https://mastodon.social/@thaumiel999@misskey.io "@thaumiel999@misskey.io")
      [@travel-in-busan.com](https://mastodon.social/@travel-in-busan.com@bsky.brid.gy "@travel-in-busan.com@bsky.brid.gy")
      [@thaumiel999](https://mastodon.social/@thaumiel999 "@thaumiel999")
      
      (Federated Reply 대상 및 문단 내 언급들이 링크 처리된 멘션으로 표시됨)
  • 마스토돈에서 워드프레스 포스트로 답글 작성 시:

    • 답글 주소 (마스토돈): https://mastodon.social/@thaumiel999/114525055419875183
    • 답글 내용 (마스토돈 상): [@kowporg.wordpress.com](https://mastodon.social/@kowporg.wordpress.com@kowporg.wordpress.com "@kowporg.wordpress.com@kowporg.wordpress.com") reply
    • 해당 답글의 워드프레스 댓글 고유 주소: https://kowporg.wordpress.com/2025/05/18/federation/comment-page-1/#comment-4
    • 워드프레스 내 페더레이션 답글 UI 링크: Reply with federation https://mastodon.social/@thaumiel999/114525055419875183?replytocom=4#respond
  • 워드프레스 comment에서 해당 마스토돈 답글에 대한 reply 내용 (프로필 링크 모음):

    • 해당 답글의 워드프레스 댓글 고유 주소: https://kowporg.wordpress.com/2025/05/18/federation/comment-page-1/#comment-5
    • 답글 내용:
      • https://www.threads.com/fediverse_profile/kowporg.wordpress.com@kowporg.wordpress.com
      • https://misskey.io/@kowporg.wordpress.com@kowporg.wordpress.com@kowporg.wordpress.com
      • https://mastodon.social/@kowporg.wordpress.com@kowporg.wordpress.com
      • https://bsky.app/profile/kowporg.wordpress.com.kowporg.wordpress.com.ap.brid.gy
      • https://misskey.io/instance-info/kowporg.wordpress.com
  • 해당 답글(comment-5)이 마스토돈에 표시된 모습:

  • Jetpack 앱 리더에서 코멘트 편집 창에 표시된 모습:

    • 편집 중인 코멘트가 아래와 같은 HTML 형태로 표시됨. (버그/개선 필요 사항)
      <p><a href="https://www.threads.com/fediverse_profile/kowporg.wordpress.com@kowporg.wordpress.com" rel="nofollow ugc">https://www.threads.com/fediverse_profile/kowporg.wordpress.com@kowporg.wordpress.com</a></p>
      <p><a href="https://misskey.io/@kowporg.wordpress.com@kowporg.wordpress.com@kowporg.wordpress.com" rel="nofollow ugc">https://misskey.io/@kowporg.wordpress.com@kowporg.wordpress.com@kowporg.wordpress.com</a></p>
      <div class="activitypub-embed u-in-reply-to h-cite">
      <div class="activitypub-embed-header p-author h-card"> <img class="u-photo" src="https://kowporg.wordpress.com/wp-content/uploads/2025/05/cropped-wordpress-logotype-wmark.png" alt="" /> </p>
      <div class="activitypub-embed-header-text">
      <h2 class="p-name"></h2>
      </p></div>
      </p></div>
      <div class="activitypub-embed-content">
      <h3 class="ap-title p-name">워드프레스 한국어</h3>
      </p></div>
      <div class="activitypub-embed-meta"> <a href="https://kowporg.wordpress.com/?author=0" class="ap-stat ap-date dt-published u-in-reply-to">May 17, 2025, 7:38 am</a> </div>
      </p></div>
      <style>/** * ActivityPub embed styles. */ .activitypub-embed { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 0; max-width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .activitypub-reply-block .activitypub-embed { margin: 1em 0; } .activitypub-embed-header { padding: 15px; display: flex; align-items: center; gap: 10px; } .activitypub-embed-header img { width: 48px; height: 48px; border-radius: 50%; } .activitypub-embed-header-text { flex-grow: 1; } .activitypub-embed-header-text h2 { color: #000; font-size: 15px; font-weight: 600; margin: 0; padding: 0; } .activitypub-embed-header-text .ap-account { color: #687684; font-size: 14px; text-decoration: none; } .activitypub-embed-content { padding: 0 15px 15px; } .activitypub-embed-content .ap-title { font-size: 23px; font-weight: 600; margin: 0 0 10px; padding: 0; color: #000; } .activitypub-embed-content .ap-subtitle { font-size: 15px; color: #000; margin: 0 0 15px; } .activitypub-embed-content .ap-preview { border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden; } .activitypub-embed-content .ap-preview img { width: 100%; height: auto; display: block; } .activitypub-embed-content .ap-preview-text { padding: 15px; } .activitypub-embed-meta { padding: 15px; border-top: 1px solid #e6e6e6; color: #687684; font-size: 13px; display: flex; gap: 15px; } .activitypub-embed-meta .ap-stat { display: flex; align-items: center; gap: 5px; } @media only screen and (max-width: 399px) { .activitypub-embed-meta span.ap-stat { display: none !important; } } .activitypub-embed-meta a.ap-stat { color: inherit; text-decoration: none; } .activitypub-embed-meta strong { font-weight: 600; color: #000; } .activitypub-embed-meta .ap-stat-label { color: #687684; } </style>
      </p>
      <p><a href="https://bsky.app/profile/kowporg.wordpress.com.kowporg.wordpress.com.ap.brid.gy" rel="nofollow ugc">https://bsky.app/profile/kowporg.wordpress.com.kowporg.wordpress.com.ap.brid.gy</a></p>
      <p><a href="https://misskey.io/instance-info/kowporg.wordpress.com" rel="nofollow ugc">https://misskey.io/instance-info/kowporg.wordpress.com</a></p>
      
      (주: <style> 태그와 함께 워드프레스 내부에서 사용되는 HTML 구조가 그대로 노출됨. activitypub-embed 클래스를 가진 div 내부에 원본 포스트의 정보(워드프레스 한국어, 발행일)가 포함되어 있음.)

요약된 버그 및 제안/관찰 사항:

  1. Federated Reply 블록 렌더링 미구현: 워드프레스 리더에서 해당 블록의 내용이 표시되지 않습니다.
  2. Jetpack 앱 충돌: 특정 Fediverse 관련 알림 (팔로워 알림 등)을 Jetpack 모바일 앱에서 확인할 때 앱이 강제 종료됩니다.
  3. 코멘트의 HTML/CSS 노출: Jetpack 앱 리더에서 편집할 시 워드프레스 코멘트가 HTML 구조와 CSS (<style> 태그 포함)까지 그대로 표시됩니다. 이는 불필요한 코드 노출 및 렌더링 문제를 야기할 수 있습니다. (내용 정제 또는 블록화 필요)

이상입니다. 해당 내용을 바탕으로 GitHub 이슈를 작성하시거나 추가적인 논의를 진행하시면 될 것 같습니다.

Last Updated: 2025년 05월 18일Categories: 워드프레스Tags: , , , Views: 347

Fediverse 반응

2 Comments

  1. 워드프레스 한국어's avatar
    워드프레스 한국어 2025년 05월 18일 at 오후 9:25

    https://travel-in-busan.com/topics/it/wp/wordpress-com-federation/

    Federated Reply

    @thaumiel999

    embed

    https://travel-in-busan.com/topics/it/wp/wordpress-com-federation/

    wp-mastodon reply

    https://mastodon.social/@thaumiel999@travel-in-busan.com/114528609731919028

    @thaumiel999

    wp-misskey reply

    https://misskey.io/notes/a7x530n497go09w1

    @thaumiel999

    wp-bsky bridge
    This URL probably won’t receive your reply. We’ll still try

    https://bsky.app/profile/thaumiel999.travel-in-busan.com.ap.brid.gy/post/3lpgxjjm2zxe2

    https://bsky.app/profile/thaumiel999.travel-in-busan.com.ap.brid.gy/post/3lpgxjjm2zxe2

    bsky embed

    https://bsky.app/profile/travel-in-busan.com.web.brid.gy/post/3lpgowuqeqtb2

    https://bsky.app/profile/travel-in-busan.com.web.brid.gy/post/3lpgowuqeqtb2

    bsky embed

    https://bsky.app/profile/travel-in-busan.com/post/3lpgxhbrrqy2v

    https://bsky.app/profile/travel-in-busan.com/post/3lpgxhbrrqy2v

    wp-mastodon-bsky

    https://mastodon.social/@travel-in-busan.com@bsky.brid.gy/114528612294316494

    @travel-in-busan.com

    threads x

    https://www.threads.com/fediverse_profile/newsfeed@travel-in-busan.com

    no post updated

    https://www.threads.com/fediverse_profile/thaumiel999@travel-in-busan.com

    threads html (embed block x)

    https://www.threads.com/@thaumiel999/post/DJyxcLhtWBk?xmt=AQF08-j7r8wSKPWNiLqKoTb-lthFlwpqW40uy4CSiP4FIw

    Threads에서 보기

    https://www.threads.com/embed.js

    • Jiwoon Kim's avatar
      Jiwoon Kim 2025년 05월 18일 at 오후 10:53 - Reply

      from self hosted to com same account

댓글 남기기