{"type":"rich","version":"1.0","provider_name":"phorkie","provider_url":"https:\/\/p.cweiske.de\/","title":"Wordpress 6.6 theme: Add Photoswipe attributes to image links: data-pswp-width, data-pswp-height","author_name":"Christian Weiske","cache_age":86400,"width":900,"height":900,"html":"<!-- embedding all files of https:\/\/p.cweiske.de\/890 -->\n<link rel=\"stylesheet\" href=\"https:\/\/p.cweiske.de\/css\/embed.css\"\/>\n<div class=\"phork\" id=\"890\">\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  \n<div class=\"document\">\n\n\n<p>Adapted from <a class=\"reference external\" href=\"https:\/\/wordpress.org\/support\/topic\/support-for-new-expand-on-click-option-for-images-added-in-wp-6-4\/\">https:\/\/wordpress.org\/support\/topic\/support-for-new-expand-on-click-option-for-images-added-in-wp-6-4\/<\/a><\/p>\n<\/div>\n\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/890\/rev-raw\/d619f3982b4aab445514e16115d57090e4cb9404\/README.rst\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/890#README.rst\">README.rst<\/a>\n <\/div>\n<\/div>\n    <div class=\"phork-file\">\n <div class=\"phork-content\">\n  <style type=\"text\/css\">\/**\n * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann\n * (http:\/\/qbnz.com\/highlighter\/ and http:\/\/geshi.org\/)\n *\/\n.php .de1, .php .de2 {font: normal normal 1em\/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}\n.php  {font-family:monospace;}\n.php .imp {font-weight: bold; color: red;}\n.php li, .php .li1 {color: #DDD;}\n.php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}\n.php .kw1 {color: #b1b100;}\n.php .kw2 {color: #000000; font-weight: bold;}\n.php .kw3 {color: #990000;}\n.php .kw4 {color: #009900; font-weight: bold;}\n.php .co1 {color: #666666; font-style: italic;}\n.php .co2 {color: #666666; font-style: italic;}\n.php .co3 {color: #0000cc; font-style: italic;}\n.php .co4 {color: #009933; font-style: italic;}\n.php .coMULTI {color: #666666; font-style: italic;}\n.php .es0 {color: #000099; font-weight: bold;}\n.php .es1 {color: #000099; font-weight: bold;}\n.php .es2 {color: #660099; font-weight: bold;}\n.php .es3 {color: #660099; font-weight: bold;}\n.php .es4 {color: #006699; font-weight: bold;}\n.php .es5 {color: #006699; font-weight: bold; font-style: italic;}\n.php .es6 {color: #009933; font-weight: bold;}\n.php .es_h {color: #000099; font-weight: bold;}\n.php .br0 {color: #009900;}\n.php .sy0 {color: #339933;}\n.php .sy1 {color: #000000; font-weight: bold;}\n.php .st0 {color: #0000ff;}\n.php .st_h {color: #0000ff;}\n.php .nu0 {color: #cc66cc;}\n.php .nu8 {color: #208080;}\n.php .nu12 {color: #208080;}\n.php .nu19 {color:#800080;}\n.php .me1 {color: #004000;}\n.php .me2 {color: #004000;}\n.php .re0 {color: #000088;}\n.php span.xtra { display:block; }\n<\/style><div class=\"code\"><table class=\"php\"><tbody><tr class=\"li1\"><td class=\"ln\"><pre class=\"de1\">1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n<\/pre><\/td><td class=\"de1\"><pre class=\"de1\"><span class=\"kw2\">function<\/span> mytheme_register_image_block_render_callback<span class=\"br0\">&#40;<\/span><span class=\"re0\">$args<\/span><span class=\"sy0\">,<\/span> <span class=\"re0\">$name<\/span><span class=\"br0\">&#41;<\/span>\n<span class=\"br0\">&#123;<\/span>\n&#160; &#160; <span class=\"kw1\">if<\/span> <span class=\"br0\">&#40;<\/span><span class=\"re0\">$name<\/span> <span class=\"sy0\">===<\/span> <span class=\"st_h\">'core\/image'<\/span><span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span>\n&#160; &#160; &#160; &#160; <span class=\"re0\">$args<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'render_callback'<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">=<\/span> <span class=\"st_h\">'mytheme_render_image_photoswipe'<\/span><span class=\"sy0\">;<\/span>\n&#160; &#160; <span class=\"br0\">&#125;<\/span>\n&#160; &#160; <span class=\"kw1\">return<\/span> <span class=\"re0\">$args<\/span><span class=\"sy0\">;<\/span>\n<span class=\"br0\">&#125;<\/span>\n&#160;\n<span class=\"co4\">\/**<\/span>\n<span class=\"co4\">&#160;* Add extra attributes to the large image link so that Photoswipe<\/span>\n<span class=\"co4\">&#160;* can scale the images correctly<\/span>\n<span class=\"co4\">&#160;*\/<\/span>\n<span class=\"kw2\">function<\/span> mytheme_render_image_photoswipe<span class=\"br0\">&#40;<\/span><span class=\"re0\">$attributes<\/span><span class=\"sy0\">,<\/span> <span class=\"re0\">$content<\/span><span class=\"sy0\">,<\/span> <span class=\"re0\">$block<\/span><span class=\"br0\">&#41;<\/span>\n<span class=\"br0\">&#123;<\/span>\n&#160; &#160; <span class=\"kw1\">if<\/span> <span class=\"br0\">&#40;<\/span><span class=\"re0\">$attributes<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'linkDestination'<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">!=<\/span> <span class=\"st_h\">'media'<\/span>\n&#160; &#160; &#160; &#160; <span class=\"sy0\">||<\/span> <span class=\"sy0\">!<\/span><a href=\"http:\/\/www.php.net\/isset\"><span class=\"kw3\">isset<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"re0\">$attributes<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'id'<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#41;<\/span>\n&#160; &#160; &#160; &#160; <span class=\"sy0\">||<\/span> <span class=\"re0\">$attributes<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'id'<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">===<\/span> <span class=\"st_h\">''<\/span>\n&#160; &#160; <span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span>\n&#160; &#160; &#160; &#160; <span class=\"kw1\">return<\/span> <span class=\"re0\">$content<\/span><span class=\"sy0\">;<\/span>\n&#160; &#160; <span class=\"br0\">&#125;<\/span>\n&#160;\n&#160; &#160; <span class=\"re0\">$img_meta<\/span> <span class=\"sy0\">=<\/span> wp_get_attachment_metadata<span class=\"br0\">&#40;<\/span><span class=\"re0\">$attributes<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'id'<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n&#160; &#160; <span class=\"kw1\">if<\/span> <span class=\"br0\">&#40;<\/span><span class=\"re0\">$img_meta<\/span> <span class=\"sy0\">===<\/span> <span class=\"kw4\">false<\/span><span class=\"br0\">&#41;<\/span> <span class=\"br0\">&#123;<\/span>\n&#160; &#160; &#160; &#160; <span class=\"kw1\">return<\/span> <span class=\"re0\">$content<\/span><span class=\"sy0\">;<\/span>\n&#160; &#160; <span class=\"br0\">&#125;<\/span>\n&#160;\n&#160; &#160; <span class=\"re0\">$newAttrs<\/span> <span class=\"sy0\">=<\/span> <span class=\"st_h\">'data-pswp-width=&quot;'<\/span> <span class=\"sy0\">.<\/span> <span class=\"re0\">$img_meta<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'width'<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">.<\/span> <span class=\"st_h\">'&quot;'<\/span>\n&#160; &#160; &#160; &#160; <span class=\"sy0\">.<\/span> <span class=\"st_h\">' data-pswp-height=&quot;'<\/span> <span class=\"sy0\">.<\/span> <span class=\"re0\">$img_meta<\/span><span class=\"br0\">&#91;<\/span><span class=\"st_h\">'height'<\/span><span class=\"br0\">&#93;<\/span> <span class=\"sy0\">.<\/span> <span class=\"st_h\">'&quot;'<\/span><span class=\"sy0\">;<\/span>\n&#160; &#160; <span class=\"re0\">$content<\/span> <span class=\"sy0\">=<\/span> <a href=\"http:\/\/www.php.net\/str_replace\"><span class=\"kw3\">str_replace<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"st_h\">'&lt;a '<\/span><span class=\"sy0\">,<\/span> <span class=\"st_h\">'&lt;a '<\/span> <span class=\"sy0\">.<\/span> <span class=\"re0\">$newAttrs<\/span> <span class=\"sy0\">.<\/span> <span class=\"st_h\">' '<\/span><span class=\"sy0\">,<\/span> <span class=\"re0\">$content<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n&#160;\n&#160; &#160; <span class=\"kw1\">return<\/span> <span class=\"re0\">$content<\/span><span class=\"sy0\">;<\/span>\n<span class=\"br0\">&#125;<\/span>\n&#160;\nadd_filter<span class=\"br0\">&#40;<\/span>\n&#160; &#160; <span class=\"st_h\">'register_block_type_args'<\/span><span class=\"sy0\">,<\/span>\n&#160; &#160; <span class=\"st_h\">'mytheme_register_image_block_render_callback'<\/span><span class=\"sy0\">,<\/span> <span class=\"nu0\">10<\/span><span class=\"sy0\">,<\/span> <span class=\"nu0\">2<\/span>\n<span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n&#160;<\/pre><\/td><\/tr><\/tbody><\/table><\/div>\n <\/div>\n <div class=\"phork-meta\">\n  <a href=\"https:\/\/p.cweiske.de\/890\/rev-raw\/d619f3982b4aab445514e16115d57090e4cb9404\/functions.php\" style=\"float: right\">view raw source<\/a>\n  <a href=\"https:\/\/p.cweiske.de\/890#functions.php\">functions.php<\/a>\n <\/div>\n<\/div>\n<\/div>\n"}