CSS for Resizing Video
Just a handy chunk of CSS to make your video embeds behave better. It’s out there but not a bad thing to spread farther.
Related posts
BuddyPress Activity Links Open in a New Tab
Not necessarily best practice but here’s the code to filter the BuddyPress activity feed and add target=”_blank” to all the links.
Zombie Posts/Pages Shortcode
Origin Story This is an odd one but has a number of uses outside this weird scenario. In this case authors have access to Site B but want the content they write to show up on Site A on the appropriate pages/posts. Given this is a multisite I could tie the sites together and do the switch_to_blog so that posts updated on Site B update Site A. I could also periodically clone the whole site to the destination etc. This all felt fairly aggressive and lacking in flexibility. It seemed like it’d have the potential to go very wrong and would require a lot of thinking to prevent abuse while allowing for flexibility. JSON API Route I decided instead to create a little shortcode that would let you pick a site URL (any site), add a post type, the content ID and that would spit the content of that target out in your page/post. There are search, SEO concerns with this route but it’s a decent path for a quick solution. As I write this, I now realize I could do this a lot better with a check of the API content and then setting this to update the content if the data differs. That is one of the advantages of writing posts about stuff. You think about it a […]
Adding an Editor Button for Easy Footnotes
Origin Story I saw Alan’s post this morning about footnotes in SPLOTs. He mentioned adding buttons to the WYSIWYG editor to help use Easy Footnotes . . . more easily . . . because, like me, he often forgets the shortcode structures. I figured I’d better get it made fast before Gutenberg renders all my current knowledge obsolete. Additionally, I like to try to pay Alan back for all the work he’s helped me with over the years. So here’s a plugin that should behave fairly well assuming you have Easy Footnotes installed and active. PHP Land A bit of scanning led me to this tutorial and from there we were off. This is mostly just enqueueing various scripts and pretty much copy/paste. I’m not currently doing anything with the admin CSS but likely will in the near future. Javascript Land The following JS builds the modal and assigns a tinymce editor to it. I’m debating whether that’s a good idea or not at this point. I can see some advantages to keeping bold and italic but maybe dropping everything else. You can see I’m using ?as the button text which might not be appreciated as the feet are very tiny and it is a very cornyIs that a second foot joke? “Yes. Yes it is.” He replied archly. joke. […]
Comments on this post
I’ve used very similar css before- note that the padding-bottom value works for landscape oriented videos but if embedding a flipped phone video you need a value like 8o% (I’ve managed by pulling the selector out of the container class and using two other additional classes for .portrati and .landscape
In WordPress I use the Fluid Video embeds lugin https://wordpress.org/plugins/fluid-video-embeds/ that adds the fluid sizing to suit embeds. I only had one them where it failed (I think it was already applying it)