Axismundi

Material Design 3 social CMS

@blog@kaffeeringe.de
Article

Mein Umzug von Pixelfed zu WordPress

Am letz­ten Wochen­en­de war plötz­lich mein Pixel­fed-Account voll. Ein Giga­byte mit Fotos und mir wur­de klar: Eine ande­re Lösung muss her! So bin ich jetzt von Pixel­fed zu Word­Press umge­zo­gen. Und das ging so.

Ich habe mir dar­über vor­her wenig Gedan­ken gemacht: Wenn ich Bil­der bei Pixel­fed hoch­la­de, müs­sen die dau­er­haft gespei­chert wer­den. Auf dem Ser­ver von jeman­dem, der den pri­vat und kos­ten­los betreibt. Bei Big-Tech weiß man, dass denen der Platz nie aus­geht. Wenn das jetzt aber bei mir 1 GB gewor­den ist, dann heißt das, dass auf dem Ser­ver vie­le Giga­byte Daten von den gan­zen Usern lie­gen. Wie lan­ge kann das gut gehen? 

Ich habe mir des­we­gen über­legt: Auf mei­nem pri­va­ten Web­space ist ein Giga­byte rela­tiv wenig. Das mer­ke ich da nicht ein­mal, seit die Next­cloud da nicht mehr liegt. Mit Word­Press im Fedi­ver­se habe ich hier im Blog super Erfah­run­gen gemacht. Und ich hat­te mir auch schon ein­mal über­legt und aus­pro­biert, wie man Insta­gram nach­bau­en könn­te. Es gab also eine gro­be Skiz­ze in mei­nem Kopf und die Idee, dass es funk­tio­nie­ren könnte.

Inhalte umziehen

Nun woll­te ich nicht bei null anfan­gen. Aber wie bekom­me ich die Posts samt Medi­en aus Pixel­fed? Nach mei­ner Vibe-Coding-Erfah­rung neu­lich, habe ich gedacht, dass ich das ein­fach noch ein­mal neu ausprobiere. 

Und tat­säch­lich hat mir Goog­le Gemi­ni nach einer Beschrei­bung mei­ner Anfor­de­run­gen eine Rei­he Datei­en und eine Datei­struk­tur aus­ge­wor­fen, die sich auf Anhieb instal­lie­ren ließ und funktionierte. 

Ich habe das Plug­in dann noch ein paar Mal nach­bes­sern las­sen, um den Import der Hash­tags in Word­Press-Schlag­wör­ter zu prä­zi­sie­ren. Letzt­lich lief der Import dann ohne Pro­ble­me durch. Die meis­te Zeit habe ich mit einer Feh­ler­su­cher ver­schwen­det, bei der ich schlicht die fal­sche Pixel­fed-Domain im Backend ein­ge­tra­gen habe. Und es war auch ein wenig knif­fe­lig, her­aus­zu­fin­den, dass die Pixel­fed-API Coll­ec­tions noch nicht unterstützt.

Das Plug­in zieht also alle Posts und legt sie mit dem Ori­gi­nal­da­tum in Word­Press an. Alle Medi­en lan­den in einer Gale­rie am Ende des Tex­tes. Alle Hash­tags wer­den in Schlag­wör­ter über­tra­gen. Im Fließ­text wer­den die Hash­tag-Sym­bo­le und die Links ent­fernt. Wenn am Ende eine rei­ne Zei­le mit Hash­tags steht, wird die kom­plett entfernt.

Der Umzug der Follower

Nach­dem alle Inhal­te umge­zo­gen waren und ich sicher war, dass ich das so haben möch­te, konn­te der Umzug starten. 

  1. Dazu habe ich als ers­ten in Word­Press, in mei­nem Benut­zer­pro­fil als Kon­to-Ali­as die URL mei­nes Pixel­fed-Accounts ein­ge­tra­gen. (pixelfed.de/users/USERNAME)
  2. Dann habe ich in Pixel­fed, in mei­nem Pro­fil, die Kon­to-Migra­ti­on ver­wen­det. Dort trägt man sein zukünf­ti­ges Pro­fil ein. (@kaffeeringe)

Und schon begin­nen die Fol­lower umzu­zie­hen. Nach und nach wuchs die Zahl der Fol­lower. Aller­dings sind von den gut 1400 nur ca. 660 übrig geblie­ben. Ich ver­mu­te, dass der Rest Kar­tei­lei­chen waren. 

Umzug der Gefolgten

Lei­der zie­hen nicht auch die Accounts, denen ich fol­ge auto­ma­tisch mit um. In den Pixel­fed-Ein­stel­lun­gen gibt es aber einen Export für die­se Accounts. Der spuckt eine JSON-Lis­te aus. 

Es gibt aber in Word­Press im Acti­vi­ty­Pub-Plug­in kei­nen Import dafür. Statt mir lan­ge eine cle­ve­re auto­ma­ti­sche Mög­lich­keit zu über­le­gen, habe ich die einen nach dem ande­ren manu­ell per Copy&Paste über­nom­men. Das hat aber für 350 Accounts auch nur 15 Minu­ten gedauert. 

Auch beim Import sind ein paar Accounts raus­ge­flo­gen, weil es die ver­mut­lich nicht mehr gibt. 

Den Import soll­te man lau­fen las­sen, wenn das Acti­vi­ty­Pub-Plug­in deak­ti­viert ist, damit nicht 1400 Mel­dun­gen ins Fedi­ver­se geschickt werden!

Ansons­ten habe ich erst ein­mal neben Mat­thi­as Pfef­fer­les Acti­vi­ty­Pub-Plug­in kei­ne wei­te­ren Plug­ins benö­tigt. Aber natür­lich habe ich ein paar Favo­ri­ten, die ich immer instal­lie­re – für die Bild­op­ti­mie­rung, das Caching oder SEO.

Im Acti­vi­ty­Pub-Plug­in habe ich gar nichts umge­stellt – nur dass ein Post die maxi­ma­le Anzahl von zehn Medi­en mit­schi­cken kann. Mast­o­don kann ja immer nur die ers­ten vier davon anzei­gen, aber Pixel­fed kann mit mehr Bil­dern umge­hen. Ich ver­mu­te auch Fri­en­di­ca kann das. 

Wie es aussieht

Als The­me habe ich Twen­tyT­wen­ty­Fi­ve benutzt. Dank des Full­si­te-Editing ist es egal gewor­den, wel­che The­me man als Basis nimmt und das aktu­el­le, offi­zi­el­le The­me von Word­Press soll­te einen hin­rei­chend guten Sup­port haben.

Screen­shot der Startseite

Der Hea­der ist der Fedi­ve­re-Fol­low-Block, der mit dem Acti­vi­ty­Pub-Plug­in kommt. Das Hea­der-Bild stellt man sich im Benut­zer­pro­fil ein. Der Ava­tar kommt lei­der nur von Grava­tar. Das ver­ste­he ich nicht ganz, denn das Plug­in, mit dem ich mei­nen eigent­li­chen Ava­tar hoch­ge­la­den habe, ersetzt sonst über­all mein Profilbild.

Unter dem Hea­der habe ich die­se Lis­te der Kate­go­rien, die ich lei­der manu­ell pfle­gen muss.

Und dann kommt die Lis­te der Posts. Im Bei­trags-Tem­p­la­te-Block kann man ein­stel­len, wie vie­le Spal­ten mit Posts man haben möch­te. Ich fin­de, drei ist da eine gute Zahl. Da hat man ein paar Bil­der neben­ein­an­der aber nicht zu vie­le klei­ne Bil­der. In der Mobil­an­sicht sind die Posts dann ohne­hin wie­der untereinander.

Damit es mit den drei Spal­ten hin­kommt, habe ich in den Word­Press-Ein­stel­lun­gen die Anzahl von Posts auf der Start­sei­te auf 30 erhöht. Das ist durch drei teil­bar und die Lis­te ist lang genug, dass man nicht sofort wei­ter­blät­tern muss. Mal schau­en, ob ich noch ein­baue, dass wei­te­re Posts ein­fach nach­ge­la­den werden.

Schau es Dir an: fotos.kaffeeringe.de

Was fehlt…

Ein Fea­ture, das bei Pixel­fed hat, das aber auch noch nicht so ganz imple­men­tiert ist, sind die Coll­ec­tions. Ich fin­de es aber ganz schön, meh­re­re Posts zu einer eige­nen Über­sicht zusammenzufassen. 

Man kann in Pixel­fed in der WebUI Samm­lun­gen anle­gen – es gibt aber noch kei­ne API dafür. Kei­ne Ahnung, war­um. Ich dach­te immer, man schreibt erst die API und nutzt die dann bspw. für die WebUI.

Ich habe viel­leicht ein Dut­zend Samm­lun­gen in Pixel­fed. Die muss ich jetzt mal nach und nach manu­ell über­tra­gen. Ich habe mir dafür über­legt, dass ich die Kate­go­rien benut­ze. Weil ich ger­ne die Stan­dard­funk­tio­nen von Word­Press benut­ze. Aller­dings gibt es dort kein Kate­go­rie-Bild. So dass es kein schö­nes Vor­schau­bild für die Kate­go­rie gibt. Und es gibt in Word­Press kei­ne Sei­te, auf der auto­ma­tisch alle Kate­go­rien auf­ge­lis­tet wer­den. Es gibt auch kei­nen Guten­berg-Block, der das so dar­stel­len könn­te, wie ich das jetzt erst ein­mal manu­ell gemacht habe:

Das ist ein­fach eine Zei­le mit Bil­dern und Unter­ti­teln, die ich manu­ell auf die Kate­go­rie ver­linkt habe. 

Dass ich die manu­ell pfle­gen muss, fin­de ich noch ganz ok. Aber ich muss auch die Sei­te mit der Über­sicht der Kate­go­rien kom­plett selbst pfle­gen – das fin­de ich noch nicht so schön. Da muss ich mir noch ein­mal etwas Bes­se­res überlegen.

Dann ist es so, dass in Kate­go­rien die Posts abstei­gend chro­no­lo­gisch sor­tiert sind. Das fin­de ich aber falsch, wenn bei mir so eine Kate­go­rie die Bil­der zu einer Rei­se ent­hal­ten. Des­we­gen habe ich eine klei­ne Funk­ti­on in der functions.php des The­mes ergänzt, das die Sor­tie­rung in Kate­go­rien umdreht.

Featured Galleries

Eine ande­re Sache, die mir fehlt sind Gale­rien als Bei­trags­bild. Es wäre cool, wenn man auch eine Gale­rie als Fea­tured Image ein­stel­len könn­te. Ob man dann schon in der Über­sicht durch alle Bil­der blät­tern kann oder da erst ein­mal nur ange­zeigt wird, dass es im Post mehr Fotos gibt, wäre mir egal. Insta­gram kann das. 

Ich habe mir jetzt ein­fach damit behol­fen, dass es ein Bei­trags­bild gibt und eine Gale­rie mir den wei­te­ren Fotos. Im Fedi­ver­se wer­den die ohne­hin alle zusam­men ange­zeigt. Es geht also nur um die Anzei­ge auf mei­ner Website.

Mit einem klei­nen PHP-Schnip­sel in der functions.php sor­ge ich dafür, dass bei neu­en Bei­trä­gen das Bei­trags­for­mat auto­ma­tisch auf „Gal­lery“ ein­ge­stellt ist. Anhand die­ser Ein­stel­lung kön­nen ande­re Fedi­ver­se-Diens­te ent­schei­den, wie sie den Post dar­stel­len. Mast­o­don siehst also, dass bei die­sem Post die Medi­en-Anhän­ge im Fokus ste­hen und könn­te sich über­le­gen, den Post anders dar­zu­stel­len als einen nor­ma­len Text-Post.

Die App

Die Pixel­fed-App ist natür­lich genau für den Zweck gemacht, Fotos mit ein wenig Text zu pos­ten. Die Word­Press-App kann dafür eine gan­ze Men­ge von dem, was die­ses Redak­ti­ons­sys­tem nun ein­mal kann. Das ist ein ande­rer Work­flow. Aber die­se Mög­lich­kei­ten sind auch groß­ar­tig – ich kann aus mei­nem klei­nen Foto-Stream ein Unter­wegs-Blog machen. Mit Links und Zita­ten und Auf­zäh­lun­gen. Mit kom­ple­xen For­ma­tie­run­gen, wenn ich will. Oder ich schrei­be nur einen kur­zen Kom­men­tar zu den Bil­dern und haue die raus. 

Was mir sehr gut dar­an gefällt: Ich kann Bil­der auch nach­träg­lich noch aus­tau­schen. Das ging bei Pixel­fed nicht. Da konn­te ich nur Bil­der löschen, aber kei­ne hin­zu­fü­gen. Bei Word­Press geht das. 

Fediverse-Blöcke

Bei den Top 1000 größ­ten Mat­thi­as-Pfef­fer­le-Fans gehö­re ich bestimmt zu den obers­ten 10. Ich fin­de groß­ar­tig, was er mit sei­nem Acti­vi­ty­Pub-Plug­in leis­tet. Das funk­tio­niert schon so gut und es ist so eine gro­ße Berei­che­rung für das Social Web und für Word­Press. Aber ich ver­ste­he sei­ne Block-Phi­lo­so­phie noch nicht. Für mich kom­men die Fedi­ver­se-Blö­cke mit zu viel eige­nem Design, das man auch nicht anpas­sen kann:

  1. Der Block, der Likes und Share anzeigt, besteht aus zwei Tei­len: Dem eigent­li­chen Coun­ter und einer Über­schrift. Ich will aber kei­ne Über­schrift in mei­ner Über­sicht haben. Jedes Mal, wenn ich die Start­sei­te bear­bei­te, ist die Über­schrift wie­der da. Ich muss sie ent­sper­ren und ent­fer­nen. Und beim nächs­ten Mal ist sie wie­der da.
  2. Der Fol­ge-Block ist jetzt mein Hea­der. Weil er in vol­ler Pracht sehr so aus­sieht, wie ich mir einen Pro­fil­hea­der vor­stel­le: Titel­bild, Pro­fil­bild, Pro­fil­na­me, Beschrei­bung, Post- und Fol­lo­wer­zahl. Aber zum einen hat der Block immer run­de Kan­ten und einen Schat­ten. Das passt zufäl­lig zu mei­nem jet­zi­gen Lay­out. Passt aber nicht immer. Und dann ist der Schat­ten anders als der Schat­ten, den man bei ande­ren Blö­cken ein­stel­len kann. Zum ande­ren fehlt der Link zur Start­sei­te, wenn ich die­sen Block als Hea­der benut­ze. Ich habe mir das jetzt mit einem Ren­der-Fil­ter nach­ge­rüs­tet. Und das Hea­der-Bild ist viel fla­cher als es bei ande­ren Netz­wer­ken dar­ge­stellt wird.

Ich fänd es ein­fach bes­ser, wenn all die­se Ele­ment als ein­zel­ne, klei­ne Blö­cke zur Ver­fü­gung stün­den, die ich dann so zusam­men­bas­teln kann, wie ich das ger­ne hät­te – samt aller Ein­stel­lungs­mög­lich­kei­ten, die Guten­berg-Blö­cke haben.

„Social“

Nun habe ich ein Foto-Blog im Social Web. Alle kön­nen mei­ne Fotos sehen, liken, tei­len und kom­men­tie­ren. Ich kann das aber nicht. Ok, ich fol­ge mit mei­nem Blog auch gut 330 Accounts. Aber Acti­vi­ty­Pub ent­hält bis­her nur eine rudi­men­tä­re UI für den Feed und Inter­ak­tio­nen sind dort noch gar nicht möglich. 

Mir fehlt durch­aus mein Foto-Feed. Die Mög­lich­keit Hash­tags zu fol­gen, zu liken, tei­len oder kom­men­tie­ren. Aber das ist schon grund­sätz­lich im Plug­in ange­legt, und so lan­ge muss ich eben ohne auskommen. 

Mir feh­len auch Benach­rich­ti­gun­gen. Man kann sich von dem Acti­vi­ty­Pub-Plug­in per Mail benach­rich­ti­gen las­sen. Aber das müllt mir nur das Post­fach voll. Es fehlt eine Über­sicht der Benach­rich­ti­gun­gen wie bei Pixel­fed oder Mast­o­don: Likes, Shares, Kom­men­ta­re – irgend­wo als Glöck­chen-Icon mit Zahl im roten Kreis und dahin­ter eine Lis­te, wer, wann, was gemacht hat.

Das geht mit den Stan­dard­funk­tio­nen von Word­Press nur, wenn man alle Likes, Shares und Kom­men­ta­re manu­ell frei­schal­ten will. Das hal­te ich aber vor allem bei den Reak­tio­nen nicht für nötig.

Fazit

Ich bin ganz zufrie­den damit, wie der Umzug funk­tio­niert hat und dass ich jetzt kom­plett selbst in der Hand habe, wie ich mei­ne Fotos prä­sen­tie­re. Das woll­te ich eigent­lich immer schon machen. Es gab aber nie einen Anlass und dann habe ich jetzt auch gera­de noch eine Woche Urlaub bei mit­tel­mä­ßi­gem Wetter. 

Ich fin­de so cool, dass das mit frei­er Soft­ware und offe­nen Stan­dards alles so geht. Ein­fach die Daten raus­zie­hen und etwas eige­nes damit machen. Big Tech redet allen ein, dass das nicht gin­ge. Dabei wol­len sie uns nur in ihren Silo hal­ten, um wei­ter unse­re Daten zu melken.

Es bleibt aber eine Bau­stel­le, weil Word­Press bis­her nur das hal­be Fedi­ver­se-Erleb­nis lie­fert. Cool wäre es, wenn Mat­thi­as irgend­wann Auto­mat­tic über­zeu­gen könn­te, die Fedi­ver­se-Funk­tio­nen auch in die App zu inte­grie­ren. Der Edi­tor dort ist natür­lich, wie er ist. Aber geni­al wäre es, dort einen Social-Feed zu haben, liken, tei­len und kom­men­tie­ren zu kön­nen und Benach­rich­ti­gun­gen zu bekom­men. Die­ses Poten­zi­al hat Auto­mat­tic bis­her offen­bar nur halb erkannt.

Wenn Dir mei­ne Fotos gefal­len, fol­ge mir ein­fach unter @kaffeeringe@fotos.kaffeeringe.de.

Links