bump 1.0.5

_teendők.md

@@ -2,8 +2,11 @@
 
 og: tag: pluginnal!
 
-Facebook like gomb
-
 # egyéb
 
 `@media print{}`
+
+képaláírás régi, galéria működjön
+
+régi interjú ne legyen dőlt
+

functions.php

@@ -42,6 +42,7 @@ if (function_exists('add_theme_support')) {
     add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
     add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
     add_image_size('home-event-thumbnail', 1024, 537, true);
+    add_image_size('single-thumbnail', 1280, 1280, true);
 
     // Add Support for Custom Backgrounds - Uncomment below if you're going to use
     /*add_theme_support('custom-background', array(

js/scripts.js

@@ -811,10 +811,12 @@
 
 		/* ------------------------- Click on small articles ------------------------ */
 
-		$('article.home-small').click(function () {
+		$(document).on({
-			let href = $(this).children('a.thumbnailwrapper').attr("href")
+			mouseup: function () {
-			window.open(href, "_self")
+				let href = $(this).children('a.thumbnailwrapper').attr("href")
-		})
+				window.open(href, "_self")
+			}
+		}, 'article.home-small');
 
 		/* ------------------------------ hover on home ----------------------------- */
 
@@ -1032,19 +1034,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, .single-content>wp-caption').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;
@@ -1968,7 +1972,7 @@ $padd: 2rem;
         bottom: 0;
         width: 100%;
 
-        img.attachment-post-thumbnail {
+        img.attachment-single-thumbnail {
           // post thumbnail on home
 
           object-fit: cover;
@@ -2091,6 +2095,10 @@ $padd: 2rem;
         font-weight: 900;
       }
 
+      iframe {
+        width: 100%;
+      }
+
       blockquote {
         @include single-quote();
         margin: 3rem 0;
@@ -2136,7 +2144,19 @@ $padd: 2rem;
 
       // ---------------------------- images on single ---------------------------- */
 
-      .wp-block-image {
+      // old images
+      .wp-caption {
+        max-width: 100%;
+        border: none;
+        background: unset;
+      }
+
+      img {
+        height: auto;
+      }
+
+      .wp-block-image,
+      .wp-caption {
         margin: $padd 0;
         position: relative !important;
 
@@ -2378,13 +2398,12 @@ $padd: 2rem;
     }
   } //#colorbox end
 
-/* -------------------------------- /facebook ------------------------------- */
+  /* -------------------------------- /facebook ------------------------------- */
-
-.fb-page{
-  display: block !important;
-  padding: $padd 0;
-}
 
+  .fb-page {
+    display: block !important;
+    padding: $padd 0;
+  }
 } //body.single, page end
 // ------------------------------ related posts ----------------------------- */
 
@@ -2808,7 +2827,7 @@ body.page {
     a {
       color: $color;
     }
-    hr{
+    hr {
       background-color: $color;
     }
     .authors {
@@ -2821,6 +2840,9 @@ body.page {
       }
     }
   }
+  hr.related-wrap {
+    background-color: $color;
+  }
 }
 $color-be: #fdff00;
 $color-do: #3c00ff;

singular.php

@@ -12,7 +12,7 @@
 				<!-- post thumbnail -->
 				<?php if (has_post_thumbnail()): // Check if Thumbnail exists ?>
 					<div class="thumbnailwrapper">
-						<?php the_post_thumbnail(); // Fullsize image for the single post ?>
+						<?php the_post_thumbnail('single-thumbnail'); ?>
 					</div>
 
 				<?php endif;?>
@@ -73,9 +73,16 @@
 								echo '<p>';
 						} ?>
 							
-							<!-- Facebook -->
+					<!-- Facebook -->
-					<div class="fb-like" data-href="<?php the_permalink();?>" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
+					<?php
-					<div class="fb-page" data-href="https://www.facebook.com/designisso/" data-tabs="" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/designisso/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/designisso/">designisso</a></blockquote></div>
+						if ($categories) {
+					?>
+						<div class="fb-like" data-href="<?php the_permalink();?>" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
+						<div class="fb-page" data-href="https://www.facebook.com/designisso/" data-tabs="" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/designisso/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/designisso/">designisso</a></blockquote></div>
+					<?php
+						};
+					?>
+					
 					<hr class="content-wrap content-end">
 				</div>
 
@@ -122,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: 0.1.0
+	Version: 1.0.5
 	Author: Gyetvai Péter
 	Author URI: https://gyetvai-peter.hu
 	Tags: Designisso