fix old images

_teendők.md

@@ -6,4 +6,7 @@ og: tag: pluginnal!
 
 `@media print{}`
 
-képaláírás régi
+képaláírás régi, galéria működjön
+
+régi interjú ne legyen dőlt
+

js/scripts.js

@@ -811,10 +811,18 @@
 
 		/* ------------------------- Click on small articles ------------------------ */
 
-		$('article.home-small').click(function () {
+		// $('article.home-small').click(function () {
+		// 	let href = $(this).children('a.thumbnailwrapper').attr("href")
+		// 	window.open(href, "_self")
+		// })
+
+
+		$(document).on({
+			mouseup: function () {
 				let href = $(this).children('a.thumbnailwrapper').attr("href")
 				window.open(href, "_self")
-		})
+			}
+		}, 'article.home-small');
 
 		/* ------------------------------ hover on home ----------------------------- */
 
@@ -1032,19 +1040,50 @@
 		/*                                   SINGLE                                   */
 		/* -------------------------------------------------------------------------- */
 
+		jQuery.fn.changeTag = function (newTag) {
+			var q = this;
+			this.each(function (i, el) {
+				var h = "<" + el.outerHTML.replace(/(^<\w+|\w+>$)/g, newTag) + ">";
+				try {
+					el.outerHTML = h;
+				} catch (e) { //elem not in dom
+					q[i] = jQuery(h)[0];
+				}
+
+			});
+			return this;
+		};
+
 
 		if (isSingle) {
 
-			/* ---------------------------- wrap figcaptions --------------------------- */
-
-
-			$("figcaption").wrapInner("<span></span>")
-
-
-
 			/* ----------------------------- images, gallery ---------------------------- */
 
-			//hide caption on desktop
+			//wrap old galleries
+			$('.single-content>p').each(function () {
+				let nrOfImgs = $(this).children('img').length
+				if (nrOfImgs > 1) {
+					$(this).addClass('wp-block-gallery')
+				} else if (nrOfImgs == 1) {
+					$(this).addClass('wp-block-image')
+				}
+			})
+
+			//wrap images on old posts
+			$('.single-content div.wp-caption img, .single-content>.wp-block-image>img, .single-content>.wp-block-gallery>img').each(function () {
+				let src = $(this).attr('src')
+				$(this).wrap('<a class="cb-gallery" href="' + src + '" ></a>')
+				// $(this).parent('p').addClass('wp-block-image')
+			})
+
+			//change figcaption tag on old posts
+			$('.single-content div.wp-caption .wp-caption-text').changeTag("figcaption")
+
+
+			//wrap figcaptions
+			$("figcaption").wrapInner("<span></span>")
+
+			//hover on images on desktop
 			if (!isMobile) {
 				$('.wp-block-gallery .blocks-gallery-item, .wp-block-image').hover(function () {
 					$(this).find("figcaption").addClass("vis")

sass/base.scss

@@ -1904,6 +1904,10 @@ $padd: 2rem;
 
         @include single-metadata();
 
+        a {
+          @include single-metadata();
+        }
+
         .metaWrapper {
           display: flex;
           flex-direction: row;
@@ -2091,7 +2095,7 @@ $padd: 2rem;
         font-weight: 900;
       }
 
-      iframe{
+      iframe {
         width: 100%;
       }
 
@@ -2140,11 +2144,19 @@ $padd: 2rem;
 
       // ---------------------------- images on single ---------------------------- */
 
+      // old images
+      .wp-caption {
+        max-width: 100%;
+        border: none;
+        background: unset;
+      }
+
       img {
         height: auto;
       }
 
-      .wp-block-image {
+      .wp-block-image,
+      .wp-caption {
         margin: $padd 0;
         position: relative !important;
 

singular.php

@@ -129,13 +129,19 @@
 					$post = $orig_post;
 					wp_reset_query(); ?>
 				
+
+				<?php
+						if ($categories) {
+					?>
 				<div class="toHome">
 					<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
 						← <?php _e('Back to home:', 'dis2019');?>
 					</a>
 					<hr class="related-wrap single-end">
 				</div>
-				
+				<?php
+						};
+					?>
 				
 					
 

style.css

@@ -2,7 +2,7 @@
 	Theme Name: dis-2019
 	Theme URI: https://git.gyetpet.dynu.net/infeeeee/dis-2019
 	Description: Designisso téma 2019 | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/src/branch/master/K%c3%89ZIK%c3%96NYV.md">Használati utasítás magyarul</a> | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/issues">Hibák, problémák jelentése</a>
-	Version: 1.0.3
+	Version: 1.0.4
 	Author: Gyetvai Péter
 	Author URI: https://gyetvai-peter.hu
 	Tags: Designisso