#wordpress 2024-08-02

2024-08-02 UTC
#
GWG
I can try to help
#
GWG
I wrote the h-card widget code
hawbringer joined the channel
#
hawbringer
@GWG, cool! I'm inexperienced when it comes to code. I'm at the part in the "Getting Started on Wordpress" doc that talks about how finding and placing an h-card widget into a block.
#
GWG
The Classic Widget block, I believe.
#
GWG
I'm an old school WordPress person. Not much for blocks, but I checked and it should work
#
GWG
At some point, I was hoping someone would be interested in writing a native block version, but...
#
hawbringer
Yeah, I have all the recommended plugins installed, but don't see anything labeled "h-card" when I do a search. There's something I can add called "Custom HTML"
#
GWG
You can do an h-card with Custom HTML if you want to.
#
GWG
I can try to help you with that
#
GWG
H-Cards are very simple HTML.
#
GWG
But...I thought the h-card plugin would help.
#
GWG
It just outputs that from your user profile
#
GWG
I'm opening up a test site to see what I can suggest
#
hawbringer
shoot yeah wish I could find the plugin to keep it simple. I don't mind going the HTML route either. The example in the documentation link seems missing, so not sure what the plugin's supposed to look like.
#
GWG
If you activate the Indieweb plugin, it will let you add the Author Profile H-Card widget.
#
GWG
I see the option here
#
hawbringer
Ok, where on WP do you see it?
#
GWG
Okay, If you go to Widgets, and then add it as a block.
#
hawbringer
No luck. I think widgets transitioned to blocks, and no returns for anything related to h-card. Is there a unique interface for the plugin that I can open maybe?
#
hawbringer
for the IndieWeb plugin I mean
#
hawbringer
Oh, just learned that widgets are only compatible with certain themes, so I'm guessing that's it.
#
GWG
I don't think so, only because the Legacy Widget block is supposed to convert them for use with block themes
#
hawbringer
Ah. Weird that I can't see it then. All I have under Appearance is /Themes and /Editor
#
GWG
This is the 2020 theme. Lets see about 2024
#
GWG
I think I have an idea.
#
GWG
Once second.
#
GWG
Okay. This might require some work. The newer themes turn everything into pages, which means, unfortunately, can't make it work without some other things.
#
hawbringer
alright I'm game
#
GWG
I meant, I think it isn't something that can be accomplished tonight
#
GWG
Custom HTML is probably the quickest way for now
#
hawbringer
*puts away coffee mug discreetly under desk
#
hawbringer
yeah, I would try HTML
#
GWG
There is an example there of the simplest h-card with a name, URL, and image.
#
hawbringer
Ok, so I use a Custom HTML block and cpaste the minimal example you linked. What do I plug in to get my URL and image in there?
#
GWG
Well, your URL would be your website where the example site is. Image, you'd just need to upload to the Media Library and get the link
#
GWG
Out of curiosity, what is your site?
#
hawbringer
insitze.org
#
hawbringer
right now it's a way to host/organize my music stuff, but there's also a running blog on various topics
#
hawbringer
looks like the html worked!
#
GWG
Yes. The widget version has more options, but that works and is simple.
#
GWG
Simple as in, two lines, not simple otherwise.
#
hawbringer
Gotchu awhuh. I'm reading up on some of the other h-properties; that's one hell of a name tag!
#
hawbringer
How long have you been active with indieweb?
#
GWG
A little over ten years.
#
GWG
I've learned a lot hanging around here
#
hawbringer
yeah, I bet. I'm at ground 0 for a lot of this kind of stuff, but the principles resonate. Ten years being a code sponge seems like it'd give you a nice perspective on it all.
#
GWG
Well, some people here are developers by trade, some are designers. I'm neither. I just like doing it.
#
hawbringer
Yeah, I dig that.
[jeremycherfas], [snarfed], sknebel, Guest6_, [Jo], gRegor, StarrWulfe, lurker, [manton], [marksuth] and to2ds joined the channel
#
hawbringer
GWG: Hey, I'm thinking it would be a good idea to make an h-card that can replace my header with the same info.
#
hawbringer
Did you ever find the long way to make the widget work?
#
GWG
Long as in I have to learn JavaScript
#
GWG
You only need one on your homepage..you can move it there
#
hawbringer
Oh jeez. I guess is there a way to configure the HTML so that I can add things like socials and customize the layout a bit?
#
hawbringer
layout meaning position and size mainly
gRegorLove_ joined the channel