Chà, sheesh. Tôi đã mở một hộp sâu nhỏ khi chia sẻ của Miriam "Tôi đã ở trên IndieWeb chưa?" với một bài đăng ngắn than vãn rắc rối của riêng tôi lên tàu IndieWeb. Nhưng đó là một lon giun tốt.
Tôi nghĩ nó giống như ngày hôm sau sau khi xuất bản bài đăng ngắn đó David Shanske đã liên hệ và đề nghị giúp tôi tìm hiểu về IndieWeb và các thành phần mà nó bao gồm. Và chết tiệt nếu nó không hữu ích một cách lố bịch! Nhiều đến nỗi tôi muốn liên kết bạn với một bài đăng mới David đã viết sau khi chúng ta nói chuyện, sau đó tóm tắt mọi thứ ở đây tốt nhất có thể bởi vì (1) sẽ hữu ích khi viết mọi thứ ra và (2) có tài liệu tham khảo cho sau này.
Đúng, IndieWeb thật khó hiểu.
David đã thực sự giúp ai đó thiết lập trang web WordPress của họ với sức mạnh IndieWeb. Người đó cũng đang đấu tranh để hiểu cách các mảnh ghép khác nhau khớp với nhau. Vì vậy, David đã nghĩ đến điều này khi tôi và Miriam đang viết.
“IndieWeb” là một thuật ngữ mới đối với nhiều người và đó là nơi sinh ra rất nhiều sự nhầm lẫn. Nó có phải là một khuôn khổ? Một triết lý? Một tập hợp các tiêu chuẩn? Tùy thuộc vào nó là cái nào, các kỳ vọng thay đổi tùy theo những gì nó trông giống như một phần của nó.
Đó là tất cả những điều trên. Và điều đó cần phải được củng cố một chút. Không có gì khó hiểu về bản thân IndieWeb một khi bạn xem nó qua các ống kính khác nhau. Sau khi đọc bài đăng của David, tôi hiểu rằng IndieWeb giống một tập hợp các giao thức hơn. Sắp xếp như làm việc với dữ liệu có cấu trúc hoặc OpenGraph trong đánh dấu. Không có gì để cài đặt, nhưng có các tiêu chuẩn về cách tích hợp chúng vào công việc của bạn.
Danh tính của bạn tạo ra sức mạnh cho IndieWeb. Nói cách khác, trang web của bạn thiết lập danh tính của bạn và có thể được sử dụng để làm nhiều việc, chẳng hạn như:
- Thông báo cho các trang web hỗ trợ IndieWeb khác khi chúng được đề cập
- Nhận thông báo từ các trang IndieWeb khác khi bạn được đề cập
- Tìm nạp thông tin từ một đề cập và định dạng nó để hiển thị
- Xác thực danh tính của bạn thông qua trang web của riêng bạn (a là nút đăng nhập của Google nhưng được kết nối với trang web của bạn)
- …Trong số những thứ khác.
Nếu sorta đó nghe giống như pingback, thì, nó đúng là như vậy. Nhưng mạnh mẽ hơn nhiều và được duy trì.
Việc triển khai các tính năng IndieWeb trên WordPress sẽ khác (và có lẽ dễ dàng hơn) so với một trang web tĩnh.
Sự khác biệt lớn là WordPress cung cấp rất nhiều yêu cầu cần thiết để thực hiện những việc trên IndieWeb-y. Tôi thích cách David giải thích nó:
Việc triển khai IndieWeb trên WordPress là một [loạt] các khối xây dựng mà bạn có thể hoặc không thể chọn sử dụng, đó là điều khiến nó trở nên tuyệt vời, nhưng đôi khi khó hiểu. WordPress có triết lý về các quyết định, không phải các lựa chọn. Nhưng IndieWeb là tất cả về các tùy chọn… về việc xây dựng các tính năng phù hợp với bạn.
Các khối xây dựng đó là các plugin mà bạn cài đặt để thêm các giao thức và công nghệ IndieWeb vào WordPress. Thật tuyệt vời, những thứ này luôn có sẵn vì điều đó cần rất nhiều công việc. Tuy nhiên, khi chạy một trang web tĩnh, bạn đã sẵn sàng để tự mình thiết lập hầu hết các trang đó.
Bài đăng của David tập trung 100% vào việc triển khai WordPress. Khoảng cách của bạn có thể khác nhau, nhưng chắc chắn bạn sẽ hiểu rõ hơn về những giao thức nào có sẵn và cách chúng phù hợp với nhau sau khi đọc bài đăng của anh ấy - và hy vọng điều này cũng vậy.
Plugin IndieWeb WordPress thiết lập danh tính của bạn.
Tôi nghĩ nó đang làm rất nhiều thứ đằng sau hậu trường, nhưng nó đơn giản hơn thế rất nhiều:
Bản thân plugin xử lý việc thiết lập danh tính của bạn khi IndieWeb nhìn thấy nó. Nó cung cấp một mẫu thẻ h và tiện ích con. Thẻ H là thẻ đánh dấu để đánh dấu thông tin về một người hoặc địa điểm. Vì vậy, đây là một yếu tố mà nhiều người chọn đưa vào trang web của họ.
Vì vậy, thực sự, có thể có được điều tương tự bằng cách đánh dấu chính xác một chủ đề WordPress. Sự tiện lợi ở đây là bạn nhận được một mẫu nhỏ tiện dụng được đánh dấu để hỗ trợ h-card
định dạng mở và một widget để thả nó vào khu vực widget của chủ đề.
Đây là một ví dụ siêu chi tiết về h-card
đánh dấu được lấy từ tài liệu cho Microformats2:
<div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</span> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</span> <span class="p-category">Leadership</span>
</div>
Có thấy những tên lớp đó không? Các lớp như .h-card
, u-photo
, p-name
, v.v. tất cả đều cung cấp ý nghĩa theo ngữ cảnh cho danh tính của một người mà sau đó nó được phân tích cú pháp thành JSON:
{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"], "name": ["Mitchell Baker"], "url": [ "http://blog.lizardwrangler.com/", "https://twitter.com/MitchellBaker" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }]
}
Plugin không thực hiện việc gửi, nhận hoặc phân tích cú pháp. Thay vào đó, nó cung cấp cho một trang web WordPress một cách để xác minh danh tính của bạn trong phần đánh dấu.
Không phải tất cả các chủ đề WordPress đều hỗ trợ Microformats
Nếu bạn gãi đầu trong lần đầu tiên nhìn thấy “Microformats” như tôi đã làm, David sẽ định nghĩa nó thật độc đáo:
[…] Vi định dạng… một cách đánh dấu HTML để cho phép các phần tử được xác định. Đó là một trong nhiều cách để thực hiện việc này, nhưng rất đơn giản và dễ đọc, đó là lý do tại sao nó phổ biến trong cộng đồng IndieWeb.
Như David tiếp tục, vấn đề là nhiều chủ đề không được đánh dấu theo cách thân thiện với Microformats - đó là những gì Plugin Microformats2 được thiết kế để sửa chữa. Điều đó nói rằng, David nhanh chóng chỉ ra rằng plugin cực kỳ hạn chế trong cách nó hoàn thành việc này và thay vào đó, anh ấy khuyên bạn nên đánh dấu một chủ đề bằng tay.
Theo David, bản phát hành lớn tiếp theo của plugin Webmention có thể sẽ bao gồm các cách phát hiện nội dung và hình ảnh thông minh hơn mà nó có thể sử dụng và định dạng chúng để hỗ trợ Microformats2.
Webmentions gửi và nhận thông báo.
Được rồi, vì vậy nếu bạn đã thiết lập danh tính của mình thông qua trang web của mình để bạn có thể phát hiện ra và trang web của bạn được đánh dấu h-card
hỗ trợ sử dụng Microformats2. Tuyệt quá! Bạn vẫn cần một cái gì đó ở giữa hoạt động như một nhà điều hành gửi và nhận thông báo. Nói cách khác, khi một trang web khác đề cập đến bạn - được gọi là Webmention - trang web đề cập đến bạn cần có cách để hỗ trợ gửi đề cập đó đến bạn và trang web của bạn cần có cách để chấp nhận điều đó (hoặc ngược lại).
Đó là những gì Plugin webmention là cho. Nó cũng có thể là nguồn gốc của hầu hết sự nhầm lẫn IndieWeb của tôi. Tôi nghĩ rằng đó là định dạng dữ liệu và cần một dịch vụ bổ sung để gửi và nhận nó. Không! Nó thực sự gửi và nhận dữ liệu hơn là tạo đề cập. Quay lại với David:
Trở lại khi nó được xây dựng, plugin chỉ xử lý công việc nhận và gửi các trang web, không xử lý hiển thị ở bất kỳ mức độ nào. Semantic Linkbacks, một plugin riêng biệt xử lý điều đó không chỉ cho webmentions mà còn cho các giao thức pingback và trackback cũ hơn.
Vì vậy, plugin Webmention đang truyền thông báo. Trong khi đó, một plugin khác có tên Semantic Linkbacks là thứ xử lý dữ liệu. Và các liên kết ngược ngữ nghĩa là cái quái gì?
Các liên kết ngược ngữ nghĩa tìm nạp và xử lý dữ liệu.
Liên kết ngược ngữ nghĩa là một plugin khác xử lý một phần khác của quy trình. Không có cách nào tôi có thể giải thích nó tốt hơn David đã làm:
Semantic Linkbacks có một webmention, đó là một thông báo rằng một trang web khác đã liên kết với một cái gì đó trên trang web của bạn, tìm nạp trang web khác và cố gắng hiển thị thông tin. Cách thực hiện có thể khác nhau, từ chỉ một bức ảnh hồ sơ (nếu có thể tìm thấy), đến việc diễn giải nó như một bình luận đầy đủ.
Nó thực hiện điều này bằng cách sử dụng Microformats.
Tôi mong đợi rằng plugin IndieWeb chính đã làm việc này vì nó xử lý các đánh dấu khác. Nhưng nó chỉ cung cấp mẫu và tiện ích để có được danh tính của bạn trên trang web của bạn. Sau khi plugin Semantic Linkbacks tìm nạp một webmention đến, nó sẽ lấy dữ liệu, định dạng nó, sau đó cố gắng hiển thị nó.
Có vẻ như plugin sẽ được hợp nhất với (hoặc được thay thế bằng) một phiên bản sắp tới của plugin Webmention:
Vì nhiều người không có khuynh hướng hoặc không thoải mái khi sửa đổi chủ đề, phiên bản mới của Webmentions sẽ bao gồm một số cách thay thế khác nhau để cố gắng tìm hình ảnh hoặc bản tóm tắt để hiển thị… từ OpenGraph (Facebook và Twitter sử dụng để hiển thị các URL được cung cấp cho nó ) để phát hiện phiên bản WordPress REST API của một trang và sử dụng phiên bản đó để lấy tên tác giả và hình ảnh hồ sơ. Không ai trong số chúng sẽ cung cấp nhiều ngữ cảnh như Microformats, nhưng trải nghiệm vẫn sẽ là thứ đáng để cài đặt.
Điều đó chắc chắn rất hay vì nó khai thác vào API REST của WordPress cho phản hồi JSON và các định dạng để hiển thị.
Brid.gy là một dịch vụ giúp hiển thị các tương tác.
Webmention có thể là một tương tác, giả sử ai đó thích bài đăng của bạn trên Twitter hoặc đăng lại bài đăng đó.
Phân biệt một lượt thích từ một bài đăng lại với một bình luận với bất cứ điều gì cần xảy ra và bạn cần triển khai API Twitter (hoặc bất kỳ thứ gì) để rút ra những điểm khác biệt đó.
Đó là điều bạn chắc chắn có thể làm được! Nhưng nếu bạn muốn cắm và chạy, một trong những thành viên cộng đồng IndieWeb đã tạo ra một dịch vụ có tên là Brid.gy. Bạn tạo tài khoản, kết nối trang web của mình và cấp quyền ứng dụng cho dịch vụ… vậy là xong!
Những gì Brid.gy đã làm về cơ bản là triển khai các API cho Twitter, Facebook, Instagram và những người khác, để khi phát hiện thấy một bài đăng trong các dịch vụ đó tương tác với bài đăng được cung cấp của bạn, một Webmention sẽ được gửi đến trang web của bạn và đi qua quá trình xuất bản trên trang web của riêng bạn.
Còn rất nhiều nữa!
Lượt truy cập nhanh:
- IndieAuth: Đây là một giao thức dựa trên OAuth 2. Các plugin thiết lập một điểm cuối trong WordPress REST API có thể được sử dụng để xác thực danh tính của bạn thông qua trang web tự lưu trữ của riêng bạn - về cơ bản là nút đăng nhập Google của riêng bạn nhưng không cần tự thiết lập điểm cuối đó hoặc cần dựa vào một API được lưu trữ riêng.
- Quán rượu nhỏ: Đối với những người sử dụng WordPress nhưng thích một trình soạn thảo khác có thể cài đặt Plugin micropub. Điều này thêm một điểm cuối cho phép bạn xuất bản nội dung lên trang web của mình và sử dụng trình chỉnh sửa hỗ trợ Micropub tạo các mục trong nguồn cấp dữ liệu Microformats2, mang đến cho bạn nhiều tùy chọn hơn để viết nội dung bên ngoài Trình chỉnh sửa khối WordPress.
- Vị trí đơn giản: David đã viết plugin này và tôi cực kỳ ấn tượng khi anh ấy demo nó cho tôi. Ý tưởng là nó lấy dữ liệu từ vị trí hiện tại của bạn để có thể sử dụng cho mọi thứ, từ hiển thị thời tiết tại thời điểm bạn viết một bài đăng, đến tạo toàn bộ kho lưu trữ các bài đăng trên bản đồ nhúng dựa trên vị trí bài đăng. Tôi thực sự muốn thấy một cái gì đó như thế này được đưa trực tiếp vào WordPress.
Quy trình cập nhật
Tôi đã cố gắng tạo một minh họa phác thảo các phần khác nhau trong bài đăng cuối cùng của mình, nhưng hãy thử lại với sự hiểu biết cập nhật về những gì đang xảy ra:
Tất cả điều này có ý nghĩa không?
Rất hoan nghênh David vì đã tiếp cận và dành thời gian cho tôi thấy việc triển khai IndieWeb trên WordPress trông như thế nào. Tôi không thể khẳng định mình hoàn toàn hiểu được tất cả các sắc thái, nhưng ít nhất tôi cảm thấy mình đã nắm được khá kỹ các phần - triết lý, giao thức và công nghệ - cần thiết để biến nó thành hiện thực.
Tôi muốn chuyển nó lại cho bạn! Điều này có giúp làm sáng tỏ mọi thứ cho bạn không? Có điều gì bạn đang khó hiểu không? Bạn có nghĩ rằng bây giờ bạn có thể định cấu hình một trang WordPress với các tính năng IndieWeb không? Hãy cùng lấy ý kiến!
De-Mystification IndieWeb trên một trang web WordPress ban đầu được xuất bản trên CSS-Thủ thuật. Bạn nên nhận bản tin.
- "
- a
- Giới thiệu
- Tài khoản
- hoạt động
- thêm vào
- Tất cả
- cho phép
- Đã
- thay thế
- trong số
- Một
- api
- API
- ứng dụng
- lưu trữ
- KHU VỰC
- xung quanh
- có sẵn
- bởi vì
- đằng sau hậu trường
- BEST
- giữa
- Một chút
- Chặn
- Xây dựng
- kinh doanh
- cuộc gọi
- Phân loại
- Chọn
- xin
- tốt nghiệp lớp XNUMX
- các lớp học
- giao tiếp
- cộng đồng
- các thành phần
- nhầm lẫn
- kết nối
- nội dung
- liên tiếp
- thuận tiện
- tạo
- Tạo
- Current
- dữ liệu
- ngày
- quyết định
- Tùy
- thiết kế
- chi tiết
- ĐÃ LÀM
- sự khác biệt
- khác nhau
- trực tiếp
- Giao diện
- xuống
- Rơi
- biên tập viên
- các yếu tố
- nhúng
- Điểm cuối
- chủ yếu
- thành lập
- thành lập
- vv
- tất cả mọi thứ
- ví dụ
- mong đợi
- dự kiến
- kinh nghiệm
- Tính năng
- Tên
- lần đầu tiên
- phù hợp với
- Sửa chữa
- dòng chảy
- tập trung
- định dạng
- Nền tảng
- Khung
- từ
- Full
- nhận được
- Cho
- tốt
- xử lý
- Xử lý
- xảy ra
- cái đầu
- giúp đỡ
- hữu ích
- tại đây
- tổ chức
- Độ đáng tin của
- Hướng dẫn
- HTTPS
- ý tưởng
- Bản sắc
- hình ảnh
- hình ảnh
- thực hiện
- thực hiện
- Mặt khác
- bao gồm
- thông tin
- cài đặt, dựng lên
- tích hợp
- tương tác
- IT
- chính nó
- Lãnh đạo
- Có khả năng
- Hạn chế
- ít
- địa điểm thư viện nào
- yêu
- thực hiện
- chính
- làm cho
- LÀM CHO
- Làm
- bản đồ
- có nghĩa là
- Các thành viên
- đề cập đến
- tâm
- chi tiết
- hầu hết
- Mozilla
- tên
- cần
- nhu cầu
- thông báo
- cung cấp
- Cung cấp
- mở
- nhà điều hành
- Các lựa chọn
- Nền tảng khác
- riêng
- một phần
- người
- có lẽ
- người
- triết lý
- mảnh
- miếng
- Play
- Plugin
- bổ sung
- Phổ biến
- có thể
- bài viết
- Vấn đề
- quá trình
- Hồ sơ
- tài sản
- giao thức
- giao thức
- cho
- cung cấp
- cung cấp
- xuất bản
- Xuất bản
- Nhanh chóng
- RE
- Reading
- nhận
- đề nghị
- phát hành
- thay thế
- cần phải
- Yêu cầu
- phản ứng
- chịu trách nhiệm
- REST của
- chạy
- Nói
- tương tự
- cảnh
- nhìn
- ý nghĩa
- Loạt Sách
- dịch vụ
- DỊCH VỤ
- định
- thiết lập
- một số
- chia sẻ
- thay đổi
- ngắn
- Đơn giản
- kể từ khi
- website
- Các trang web
- So
- Một người nào đó
- một cái gì đó
- tiêu chuẩn
- Vẫn còn
- Chiến lược
- cấu trúc
- hỗ trợ
- dùng
- công nghệ cao
- Công nghệ
- Sản phẩm
- Nguồn
- chủ đề
- điều
- điều
- Thông qua
- thời gian
- bên nhau
- hàng đầu
- hiểu
- sự hiểu biết
- sắp tới
- sử dụng
- khác nhau
- xác minh
- phiên bản
- Xem
- cách
- Website
- Điều gì
- CHÚNG TÔI LÀ
- không có
- quá tuyệt vời
- WordPress
- Plugin WordPress
- WordPress Chủ đề
- từ
- Công việc
- tập thể dục
- đang làm việc
- giun
- giá trị
- viết
- trên màn hình