Sophia/Sophia-After-Dark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 7 Wiki Activity

Compare commits

base: Sophia:1.3.3
Branches Tags
Sophia:main
Sophia:1.5.0 Sophia:1.4.3 Sophia:1.4.2 Sophia:1.4.1 Sophia:1.4.0 Sophia:1.3.3 Sophia:1.3.2
...
compare: Sophia:1.4.1
Branches Tags
Sophia:main
Sophia:1.5.0 Sophia:1.4.3 Sophia:1.4.2 Sophia:1.4.1 Sophia:1.4.0 Sophia:1.3.3 Sophia:1.3.2

2 Commits
1.3.3 ... 1.4.1

Author SHA1 Message Date
Sophia Atkinson
aafbabb209 Fix some js errors, see diff 
set sophia_after_dark_enable_top_header always to false, as it would a a bar to the top of the page below the admin bar
also did some general fixing on php :)
 2025-05-11 17:51:48 -07:00
Sophia Atkinson
5fd30040a4 Bump to 1.4.0, made some fixes for 8.2+ 2025-05-11 16:58:27 -07:00
22 changed files with 771 additions and 815 deletions
Expand all files Collapse all files

89
404.php
View File

@ -2,7 +2,7 @@
/** /**
* The template for displaying 404 pages (not found) * The template for displaying 404 pages (not found)
* *
* @link https://codex.wordpress.org/Creating_an_Error_404_Pag * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#404-not-found
* *
* @package Sophia After Dark * @package Sophia After Dark
* @since 1.0.0 * @since 1.0.0
@ -12,53 +12,54 @@ get_header();
$sophia_after_dark_pnf_latest_posts = get_theme_mod( 'sophia_after_dark_enable_pnf_latest_posts', true ); $sophia_after_dark_pnf_latest_posts = get_theme_mod( 'sophia_after_dark_enable_pnf_latest_posts', true );
?> ?>
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<main id="main" class="site-main"> <main id="main" class="site-main" role="main" aria-label="<?php esc_attr_e( '404 Error Content', 'sophia-after-dark' ); ?>">
<section class="error-404 not-found"> <section class="error-404 not-found">
<div class="error-num"><span><?php esc_html_e( 'Error', 'sophia-after-dark' );?>&nbsp;</span><?php esc_html_e( '404', 'sophia-after-dark' ); ?></div> <div class="error-num">
<header class="page-header"> <span><?php esc_html_e( 'Error', 'sophia-after-dark' ); ?>&nbsp;</span><?php esc_html_e( '404', 'sophia-after-dark' ); ?>
<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'sophia-after-dark' ); ?></h1>
</header>
<div class="page-content">
<p><?php esc_html_e( 'It looks like nothing was found at this location.', 'sophia-after-dark' ); ?></p>
</section>
<?php if ( true === $sophia_after_dark_pnf_latest_posts ) { ?>
<div class="page-extra-content mt-404-latest-posts-wrapper">
<?php
$sophia_after_dark_pnf_latest_post_count = get_theme_mod( 'sophia_after_dark_pnf_latest_post_count', 3 );
$sophia_after_dark_pnf_args = array(
'post_type' => 'post',
'posts_per_page' => absint( $sophia_after_dark_pnf_latest_post_count ),
'ignore_sticky_posts' => 1,
);
$sophia_after_dark_pnf_query = new WP_Query( $sophia_after_dark_pnf_args );
if ( $sophia_after_dark_pnf_query->have_posts() ) {
echo '<div class="mt-pnf-latest-posts-wrapper mt-related-posts-wrapper">';
$sophia_after_dark_404_latest_title = get_theme_mod( 'sophia_after_dark_pnf_latest_title', __( 'You May Like' ,'sophia-after-dark' ) );
echo '<h2 class="section-title mt-related-post-title">'. esc_html( $sophia_after_dark_404_latest_title ) .'</h2>';
while ( $sophia_after_dark_pnf_query->have_posts() ) {
$sophia_after_dark_pnf_query->the_post();
/*
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', 'related' );
}
echo '</div>';
}
wp_reset_postdata();
?>
</div> </div>
<?php } ?> <header class="page-header">
<h1 class="page-title"><?php esc_html_e( 'Oops! That page can’t be found.', 'sophia-after-dark' ); ?></h1>
</header>
</main> <div class="page-content">
</div> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'sophia-after-dark' ); ?></p>
</div><!-- .page-content -->
</section><!-- .error-404 -->
<?php if ( true === $sophia_after_dark_pnf_latest_posts ) : ?>
<div class="page-extra-content mt-404-latest-posts-wrapper">
<?php
$sophia_after_dark_pnf_latest_post_count = get_theme_mod( 'sophia_after_dark_pnf_latest_post_count', 3 );
$sophia_after_dark_pnf_args = array(
'post_type' => 'post',
'posts_per_page' => absint( $sophia_after_dark_pnf_latest_post_count ),
'ignore_sticky_posts' => 1,
);
$sophia_after_dark_pnf_query = new WP_Query( $sophia_after_dark_pnf_args );
if ( $sophia_after_dark_pnf_query->have_posts() ) :
echo '<div class="mt-pnf-latest-posts-wrapper mt-related-posts-wrapper">';
$sophia_after_dark_404_latest_title = get_theme_mod( 'sophia_after_dark_pnf_latest_title', __( 'You May Like', 'sophia-after-dark' ) );
echo '<h2 class="section-title mt-related-post-title">' . esc_html( $sophia_after_dark_404_latest_title ) . '</h2>';
while ( $sophia_after_dark_pnf_query->have_posts() ) :
$sophia_after_dark_pnf_query->the_post();
get_template_part( 'template-parts/content', 'related' );
endwhile;
echo '</div>';
endif;
wp_reset_postdata();
?>
</div><!-- .mt-404-latest-posts-wrapper -->
<?php endif; ?>
</main><!-- #main -->
</div><!-- #primary -->
<?php <?php
get_footer(); get_footer();

87
archive.php
View File

@ -12,52 +12,59 @@ $archive_style = get_theme_mod( 'sophia_after_dark_archive_style', 'mt-archive--
get_header(); get_header();
?> ?>
<div class="mt-page-content-wrapper"> <div class="mt-page-content-wrapper">
<div itemscope id="primary" class="content-area"> <div id="primary" class="content-area" itemscope itemtype="https://schema.org/CollectionPage">
<main id="main" class="site-main"> <main id="main" class="site-main" role="main" aria-label="<?php esc_attr_e( 'Archive Content', 'sophia-after-dark' ); ?>">
<?php
if ( 'mt-archive--block-grid-style' === $archive_style ) { <?php if ( 'mt-archive--block-grid-style' === $archive_style ) : ?>
echo '<div class="archive-grid-post-wrapper">'; <div class="archive-grid-post-wrapper">
} <?php endif; ?>
if ( have_posts() ) :
if ( 'mt-archive--masonry-style' === $archive_style ) { <?php if ( have_posts() ) : ?>
?>
<?php if ( 'mt-archive--masonry-style' === $archive_style ) : ?>
<div class="sophia-after-dark-content-masonry"> <div class="sophia-after-dark-content-masonry">
<div id="mt-masonry"> <div id="mt-masonry">
<?php <?php endif; ?>
}
/* Start the Loop */
while ( have_posts() ) :
the_post();
/*
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', get_post_type() );
endwhile; <?php
// Start the Loop
while ( have_posts() ) :
the_post();
if ( 'mt-archive--masonry-style' === $archive_style ) { // Load post template part
?> get_template_part( 'template-parts/content', get_post_type() );
</div>
</div>
<?php
}
the_posts_pagination(); endwhile;
else : ?>
get_template_part( 'template-parts/content', 'none' );
endif; <?php if ( 'mt-archive--masonry-style' === $archive_style ) : ?>
</div><!-- #mt-masonry -->
</div><!-- .sophia-after-dark-content-masonry -->
<?php endif; ?>
if ( 'mt-archive--block-grid-style' === $archive_style ) { <?php
echo '</div>'; // Archive pagination
} the_posts_pagination( array(
?> 'prev_text' => __( 'Previous', 'sophia-after-dark' ),
</main> 'next_text' => __( 'Next', 'sophia-after-dark' ),
</div> 'before_page_number' => '<span class="screen-reader-text">' . esc_html__( 'Page', 'sophia-after-dark' ) . ' </span>',
) );
?>
<?php else : ?>
<?php get_template_part( 'template-parts/content', 'none' ); ?>
<?php endif; ?>
<?php if ( 'mt-archive--block-grid-style' === $archive_style ) : ?>
</div><!-- .archive-grid-post-wrapper -->
<?php endif; ?>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
</div> </div><!-- .mt-page-content-wrapper -->
<?php
get_footer(); <?php get_footer(); ?>

63
assets/js/customizer.js
View File

@ -6,37 +6,36 @@
* Contains handlers to make Theme Customizer preview reload changes asynchronously. * Contains handlers to make Theme Customizer preview reload changes asynchronously.
*/ */
( function( $ ) { (($) => {
const setText = (selector, text) => $(selector).text(text);
// Site title and description. const setVisibility = (isVisible, color) => {
wp.customize( 'blogname', function( value ) { const titleDesc = $('.site-title, .site-description');
value.bind( function( to ) { const titleLink = $('.site-title a, .site-description');
$( '.site-title a' ).text( to );
} );
} );
wp.customize( 'blogdescription', function( value ) {
value.bind( function( to ) {
$( '.site-description' ).text( to );
} );
} );
// Header text color. if (!isVisible) {
wp.customize( 'header_textcolor', function( value ) { titleDesc.css({
value.bind( function( to ) { clip: 'rect(1px, 1px, 1px, 1px)',
if ( 'blank' === to ) { position: 'absolute'
$( '.site-title, .site-description' ).css( { });
'clip': 'rect(1px, 1px, 1px, 1px)', } else {
'position': 'absolute' titleDesc.css({
} ); clip: 'auto',
} else { position: 'relative'
$( '.site-title, .site-description' ).css( { });
'clip': 'auto', titleLink.css('color', color);
'position': 'relative' }
} ); };
$( '.site-title a, .site-description' ).css( {
'color': to wp.customize('blogname', (value) => {
} ); value.bind((to) => setText('.site-title a', to));
} });
} );
} ); wp.customize('blogdescription', (value) => {
} )( jQuery ); value.bind((to) => setText('.site-description', to));
});
wp.customize('header_textcolor', (value) => {
value.bind((to) => setVisibility(to !== 'blank', to));
});
})(jQuery);

106
assets/js/mt-admin-scripts.js
View File

@ -1,73 +1,59 @@
/** /**
* Image up-loader functions * Image uploader functions
*/ */
var mtSelector;
function upload_media_image(mtSelector){
// ADD IMAGE LINK
jQuery('body').on( 'click', mtSelector , function( event ){
event.preventDefault();
var imgContainer = jQuery(this).closest('.attachment-media-view').find( '.thumbnail-image'), const initUploadMediaImage = (selector) => {
placeholder = jQuery(this).closest('.attachment-media-view').find( '.placeholder'), jQuery('body').on('click', selector, function(e) {
imgIdInput = jQuery(this).siblings('.upload-id'); e.preventDefault();
// Create a new media frame const $button = jQuery(this);
frame = wp.media({ const $mediaView = $button.closest('.attachment-media-view');
title: 'Select or Upload Image', const $imgContainer = $mediaView.find('.thumbnail-image');
button: { const $placeholder = $mediaView.find('.placeholder');
text: 'Use Image' const $input = $button.siblings('.upload-id');
},
multiple: false // Set to true to allow multiple files to be selected const frame = wp.media({
title: 'Select or Upload Image',
button: {
text: 'Use Image'
},
multiple: false
});
frame.on('select', () => {
const attachment = frame.state().get('selection').first().toJSON();
$imgContainer.html(`<img src="${attachment.url}" style="max-width:100%;" />`);
$placeholder.addClass('hidden');
$input.val(attachment.url).trigger('change');
});
frame.open();
}); });
};
// When an image is selected in the media frame... const initDeleteMediaImage = (selector) => {
frame.on( 'select', function() { jQuery('body').on('click', selector, function(e) {
e.preventDefault();
// Get media attachment details from the frame state const $button = jQuery(this);
var attachment = frame.state().get('selection').first().toJSON(); const $mediaView = $button.closest('.attachment-media-view');
const $imgContainer = $mediaView.find('.thumbnail-image');
const $placeholder = $mediaView.find('.placeholder');
const $input = $button.siblings('.upload-id');
// Send the attachment URL to our custom image input field. $imgContainer.find('img').remove();
imgContainer.html( '<img src="'+attachment.url+'" style="max-width:100%;"/>' ); $placeholder.removeClass('hidden');
placeholder.addClass('hidden'); $input.val('').trigger('change');
imgIdInput.val( attachment.url ).trigger('change');
}); });
};
// Finally, open the modal on click jQuery(($) => {
frame.open(); 'use strict';
}); // Initialize jQuery UI buttonset for radio image controls
} $('.mt-meta-options-wrap .buttonset').buttonset();
function delete_media_image(mtSelector){ // Initialize image upload/delete functionality
// DELETE IMAGE LINK initUploadMediaImage('.mt-upload-button');
jQuery('body').on( 'click', mtSelector, function( event ){ initDeleteMediaImage('.mt-delete-button');
event.preventDefault();
var imgContainer = jQuery(this).closest('.attachment-media-view').find( '.thumbnail-image'),
placeholder = jQuery(this).closest('.attachment-media-view').find( '.placeholder'),
imgIdInput = jQuery(this).siblings('.upload-id');
// Clear out the preview image
imgContainer.find('img').remove();
placeholder.removeClass('hidden');
// Delete the image id from the hidden input
imgIdInput.val( '' ).trigger('change');
});
}
jQuery(document).ready(function($){
"use strict";
/**
* Radio Image control in metabox
*/
$( '.mt-meta-options-wrap .buttonset' ).buttonset();
/**
* Image up-loader
*/
upload_media_image('.mt-upload-button');
delete_media_image('.mt-delete-button');
}); });

175
assets/js/mt-custom-scripts.js
View File

@ -5,60 +5,54 @@ jQuery(document).ready(function($) {
/** /**
* Sophia After Dark Preloader * Sophia After Dark Preloader
*/ */
if($('#preloader-background').length > 0) { if ($('#preloader-background').length) {
setTimeout(function(){$('#preloader-background').hide();}, 600); setTimeout(function() {
$('#preloader-background').hide();
}, 600);
} }
var grid = document.querySelector( /**
'.sophia-after-dark-content-masonry' * Masonry grid initialization
), */
masonry; const grid = document.querySelector('.sophia-after-dark-content-masonry');
if (grid && typeof Masonry !== 'undefined' && typeof imagesLoaded !== 'undefined') {
if ( imagesLoaded(grid, function() {
grid && new Masonry(grid, {
typeof Masonry !== undefined &&
typeof imagesLoaded !== undefined
) {
imagesLoaded( grid, function( instance ) {
masonry = new Masonry( grid, {
itemSelector: '.hentry' itemSelector: '.hentry'
} ); });
} ); });
} }
/** /**
* Header Search script * Header Search script
*/ */
$('.mt-menu-search .mt-search-icon').click(function() { const $searchIcon = $('.mt-menu-search .mt-search-icon');
$('.mt-form-wrap').toggleClass('search-activate'); $searchIcon.click(function() {
$('.mt-form-wrap .search-field').focus(); $('.mt-form-wrap').toggleClass('search-activate').find('.search-field').focus();
var element = document.querySelector( '.mt-form-wrap.search-activate' ); const $element = $('.mt-form-wrap.search-activate');
if( element ) { if ($element.length) {
$(document).on('keydown', function(e) { $(document).on('keydown', function(e) {
var focusable = element.querySelectorAll( 'input, button, [href], select, textarea, [tabindex]:not([tabindex="-1"])'); const focusable = $element.find('input, button, [href], select, textarea, [tabindex]:not([tabindex="-1"])');
var firstFocusable = focusable[0]; const firstFocusable = focusable[0];
var lastFocusable = focusable[focusable.length - 1]; const lastFocusable = focusable[focusable.length - 1];
sophia_after_dark_focus_trap( firstFocusable, lastFocusable, e ); sophia_after_dark_focus_trap(firstFocusable, lastFocusable, e);
}) });
} }
}); });
/** /**
* Focus trap in popup. * Focus trap in popup.
*/ */
var KEYCODE_TAB = 9; const KEYCODE_TAB = 9;
function sophia_after_dark_focus_trap( firstFocusable, lastFocusable, e ) {
function sophia_after_dark_focus_trap(firstFocusable, lastFocusable, e) {
if (e.key === 'Tab' || e.keyCode === KEYCODE_TAB) { if (e.key === 'Tab' || e.keyCode === KEYCODE_TAB) {
if ( e.shiftKey ) /* shift + tab */ { if (e.shiftKey && document.activeElement === firstFocusable) {
if (document.activeElement === firstFocusable) { lastFocusable.focus();
lastFocusable.focus(); e.preventDefault();
e.preventDefault(); } else if (!e.shiftKey && document.activeElement === lastFocusable) {
} firstFocusable.focus();
} else /* tab */ { e.preventDefault();
if ( document.activeElement === lastFocusable ) {
firstFocusable.focus();
e.preventDefault();
}
} }
} }
} }
@ -71,38 +65,28 @@ jQuery(document).ready(function($) {
/** /**
* Close popups on escape key. * Close popups on escape key.
*/ */
$( document ).on( 'keydown', function( event ) { $(document).on('keydown', function(event) {
if ( event.keyCode === 27 ) { if (event.keyCode === 27) {
event.preventDefault(); event.preventDefault();
//$( '.primary-menu-wrap' ).removeClass( 'menu-active' ); $('.mt-menu-search .mt-form-wrap').removeClass('search-activate');
$( '.mt-menu-search .mt-form-wrap' ).removeClass( 'search-activate' );
} }
}); });
/** /**
* Settings about WOW animation * Settings about WOW animation
*/ */
var wowOption = sophia_after_darkObject.wow_effect; if (sophia_after_darkObject.wow_effect === 'on') {
if( wowOption === 'on' ) {
new WOW().init(); new WOW().init();
} }
/** /**
* Settings about sticky menu * Settings about sticky menu
*/ */
var stickyOption = sophia_after_darkObject.menu_sticky; if (sophia_after_darkObject.menu_sticky === 'on') {
if( stickyOption === 'on' ) { const wpAdminBar = $('#wpadminbar').length ? $('#wpadminbar') : 0;
var windowWidth = $( window ).width(); $(".mt-social-menu-wrapper").sticky({
if( windowWidth < 500 ) { topSpacing: wpAdminBar.length ? wpAdminBar.height() : 0
var wpAdminBar = 0; });
} else {
var wpAdminBar = $('#wpadminbar');
}
if ( wpAdminBar.length ) {
$(".mt-social-menu-wrapper").sticky({topSpacing:wpAdminBar.height()});
} else {
$(".mt-social-menu-wrapper").sticky({topSpacing:0});
}
} }
/** /**
@ -115,6 +99,7 @@ jQuery(document).ready(function($) {
$('#mt-scrollup').fadeOut('slow'); $('#mt-scrollup').fadeOut('slow');
} }
}); });
$('#mt-scrollup').click(function() { $('#mt-scrollup').click(function() {
$("html, body").animate({ $("html, body").animate({
scrollTop: 0 scrollTop: 0
@ -125,61 +110,52 @@ jQuery(document).ready(function($) {
/** /**
* Slider scripts * Slider scripts
*/ */
$('.front-slider').lightSlider({ function initializeSlider(selector, rtl = true) {
pager: false, $(selector).lightSlider({
auto: false, pager: false,
loop: true, auto: false,
item: 1, loop: true,
controls: true, item: 1,
slideMargin:0, controls: true,
rtl:true, slideMargin: 0,
nextHtml: '<span class="icon-prev"><i class="fa fa-angle-left"></i></span>', rtl: rtl,
prevHtml: '<span class="icon-next"><i class="fa fa-angle-right"></i></span>', nextHtml: '<span class="icon-prev"><i class="fa fa-angle-left"></i></span>',
prevHtml: '<span class="icon-next"><i class="fa fa-angle-right"></i></span>',
onSliderLoad: function() {
$(selector).removeClass('cS-hidden');
}
});
}
onSliderLoad: function() { initializeSlider('.front-slider');
$('.front-slider').removeClass('cS-hidden'); initializeSlider('.mt-gallery-slider', false);
}
});
/**
* Slider scripts
*/
$('.mt-gallery-slider').lightSlider({
pager: false,
auto: false,
loop: true,
item: 1,
controls: true,
});
/** /**
* Responsive menu * Responsive menu
*/ */
$('.mt-social-menu-wrapper .menu-toggle').click(function() {
$('.mt-social-menu-wrapper .menu-toggle').click(function(event) { $('#site-navigation').toggleClass('isActive').slideToggle('slow');
$('.mt-social-menu-wrapper #site-navigation').toggleClass( 'isActive' ).slideToggle('slow'); const $element = $('.mt-header-menu-wrap');
var element = document.querySelector( '.mt-header-menu-wrap' ); if ($element.length) {
if( element ) {
$(document).on('keydown', function(e) { $(document).on('keydown', function(e) {
if( element.querySelectorAll( '.mt-social-menu-wrapper #site-navigation.isActive' ).length === 1 ) { if ($('#site-navigation.isActive').length) {
var focusable = element.querySelectorAll( 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'); const focusable = $element.find('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
var firstFocusable = focusable[0]; const firstFocusable = focusable[0];
var lastFocusable = focusable[focusable.length - 1]; const lastFocusable = focusable[focusable.length - 1];
sophia_after_dark_focus_trap( firstFocusable, lastFocusable, e ); sophia_after_dark_focus_trap(firstFocusable, lastFocusable, e);
} }
}) });
} }
}); });
/** /**
* responsive sub menu toggle * Responsive sub menu toggle
*/ */
$('<a href="javascript:void(0);" class="sub-toggle"><i class="fa fa-angle-right"></i></a>').insertAfter('#site-navigation .menu-item-has-children>a, #site-navigation .page_item_has_children>a'); $('<a href="javascript:void(0);" class="sub-toggle"><i class="fa fa-angle-right"></i></a>').insertAfter('#site-navigation .menu-item-has-children>a, #site-navigation .page_item_has_children>a');
$('#site-navigation .sub-toggle').click(function() { $('#site-navigation .sub-toggle').click(function() {
$(this).parent('.menu-item-has-children').children('ul.sub-menu').first().slideToggle('1000'); $(this).parent('.menu-item-has-children').children('ul.sub-menu').first().slideToggle(1000);
jQuery(this).parent('.page_item_has_children').children('ul.children').first().slideToggle('1000'); $(this).parent('.page_item_has_children').children('ul.children').first().slideToggle(1000);
$(this).children('.fa-angle-right').first().toggleClass('fa-angle-down'); $(this).children('.fa-angle-right').first().toggleClass('fa-angle-down');
}); });
@ -189,9 +165,8 @@ jQuery(document).ready(function($) {
$(window).on('load', function() { $(window).on('load', function() {
if ($(window).width() > 839) { if ($(window).width() > 839) {
$(".front-slider-wrapper").each(function() { $(".front-slider-wrapper").each(function() {
var imageHeight = $(this).height(); const imageHeight = $(this).height();
$(this).find(".slider-post-wrap").css('height', imageHeight); $(this).find(".slider-post-wrap, .front-slider").css('height', imageHeight);
$(this).find(".front-slider ").css('height', imageHeight);
}); });
} }
}); });

134
assets/js/navigation.js
View File

@ -4,79 +4,85 @@
* Handles toggling the navigation menu for small screens and enables TAB key * Handles toggling the navigation menu for small screens and enables TAB key
* navigation support for dropdown menus. * navigation support for dropdown menus.
*/ */
( function() { (function() {
var container, button, menu, links, i, len; var container, button, menu, links, i, len;
container = document.getElementById( 'site-navigation' ); container = document.getElementById('site-navigation');
if ( ! container ) { if (!container) {
return; return;
} }
menu = container.getElementsByTagName( 'ul' )[0]; menu = container.getElementsByTagName('ul')[0];
menu.setAttribute( 'aria-expanded', 'false' ); if (!menu) {
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { return;
menu.className += ' nav-menu'; }
}
// Get all the link elements within the menu. menu.setAttribute('aria-expanded', 'false');
links = menu.getElementsByTagName( 'a' );
// Each time a menu link is focused or blurred, toggle focus. if (-1 === menu.className.indexOf('nav-menu')) {
for ( i = 0, len = links.length; i < len; i++ ) { menu.className += ' nav-menu';
links[i].addEventListener( 'focus', toggleFocus, true ); }
links[i].addEventListener( 'blur', toggleFocus, true );
}
/** // Get all the link elements within the menu.
* Sets or removes .focus class on an element. links = menu.getElementsByTagName('a');
*/
function toggleFocus() {
var self = this;
// Move up through the ancestors of the current link until we hit .nav-menu. // Each time a menu link is focused or blurred, toggle focus.
while ( -1 === self.className.indexOf( 'nav-menu' ) ) { for (i = 0, len = links.length; i < len; i++) {
links[i].addEventListener('focus', toggleFocus, true);
links[i].addEventListener('blur', toggleFocus, true);
}
// On li elements toggle the class .focus. /**
if ( 'li' === self.tagName.toLowerCase() ) { * Sets or removes .focus class on an element.
if ( -1 !== self.className.indexOf( 'focus' ) ) { */
self.className = self.className.replace( ' focus', '' ); function toggleFocus() {
} else { var self = this;
self.className += ' focus';
}
}
self = self.parentElement; // Move up through the ancestors of the current link until we hit .nav-menu.
} while (self && -1 === self.className.indexOf('nav-menu')) {
}
/** // On li elements toggle the class .focus.
* Toggles `focus` class to allow submenu access on tablets. if ('li' === self.tagName.toLowerCase()) {
*/ if (-1 !== self.className.indexOf('focus')) {
( function( container ) { self.className = self.className.replace(' focus', '');
var touchStartFn, i, } else {
parentLink = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' ); self.className += ' focus';
}
}
if ( 'ontouchstart' in window ) { self = self.parentElement;
touchStartFn = function( e ) { }
var menuItem = this.parentNode, i; }
if ( ! menuItem.classList.contains( 'focus' ) ) { /**
e.preventDefault(); * Toggles `focus` class to allow submenu access on tablets.
for ( i = 0; i < menuItem.parentNode.children.length; ++i ) { */
if ( menuItem === menuItem.parentNode.children[i] ) { (function(container) {
continue; var touchStartFn, i,
} parentLink = container.querySelectorAll('.menu-item-has-children > a, .page_item_has_children > a');
menuItem.parentNode.children[i].classList.remove( 'focus' );
}
menuItem.classList.add( 'focus' );
} else {
menuItem.classList.remove( 'focus' );
}
};
for ( i = 0; i < parentLink.length; ++i ) { if ('ontouchstart' in window) {
parentLink[i].addEventListener( 'touchstart', touchStartFn, false ); touchStartFn = function(e) {
} var menuItem = this.parentNode,
} j;
}( container ) );
} )(); if (!menuItem.classList.contains('focus')) {
e.preventDefault();
for (j = 0; j < menuItem.parentNode.children.length; ++j) {
if (menuItem === menuItem.parentNode.children[j]) {
continue;
}
menuItem.parentNode.children[j].classList.remove('focus');
}
menuItem.classList.add('focus');
} else {
menuItem.classList.remove('focus');
}
};
for (i = 0; i < parentLink.length; ++i) {
parentLink[i].addEventListener('touchstart', touchStartFn, false);
}
}
}(container));
})();

38
assets/js/skip-link-focus-fix.js
View File

@ -5,27 +5,27 @@
* *
* Learn more: https://git.io/vWdr2 * Learn more: https://git.io/vWdr2
*/ */
( function() { (function() {
var isIe = /(trident|msie)/i.test( navigator.userAgent ); var isIe = /(trident|msie)/i.test(navigator.userAgent);
if ( isIe && document.getElementById && window.addEventListener ) { if (isIe && document.getElementById && window.addEventListener) {
window.addEventListener( 'hashchange', function() { window.addEventListener('hashchange', function() {
var id = location.hash.substring( 1 ), var id = location.hash.substring(1),
element; element;
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { if (!(/^[A-z0-9_-]+$/.test(id))) {
return; return;
} }
element = document.getElementById( id ); element = document.getElementById(id);
if ( element ) { if (element) {
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { if (!(/^(?:a|select|input|button|textarea)$/i.test(element.tagName))) {
element.tabIndex = -1; element.tabIndex = -1;
} }
element.focus(); element.focus();
} }
}, false ); }, false);
} }
} )(); })();

99
comments.php
View File

@ -20,68 +20,76 @@ if ( post_password_required() ) {
return; return;
} }
// Remove URL field from comments // Remove URL field from comment form
function sophia_after_dark_remove_url_comments($fields) { function sophia_after_dark_remove_url_comments($fields) {
unset($fields['url']); unset($fields['url']);
return $fields; return $fields;
} }
add_filter('comment_form_default_fields', 'sophia_after_dark_remove_url_comments'); add_filter('comment_form_default_fields', 'sophia_after_dark_remove_url_comments');
// Edit Cookie consent text from comments // Modify cookie consent field
function sophia_after_dark_comment_form_change_cookies($fields) { function sophia_after_dark_comment_form_change_cookies($fields) {
$commenter = wp_get_current_commenter(); $commenter = wp_get_current_commenter();
$consent = empty($commenter['comment_author_email']) ? '' : ' checked="checked"'; $consent = ! empty( $commenter['comment_author_email'] );
$fields['cookies'] = '<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"' . esc_attr($consent) . ' /><label for="wp-comment-cookies-consent">' . esc_html__('Save my Name & Email for the next time I comment.', 'sophia-after-dark') . '</label></p>';
return $fields; $fields['cookies'] = sprintf(
'<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" %s /> <label for="wp-comment-cookies-consent">%s</label></p>',
checked( $consent, true, false ),
esc_html__( 'Save my Name & Email for the next time I comment.', 'sophia-after-dark' )
);
return $fields;
} }
add_filter('comment_form_default_fields', 'sophia_after_dark_comment_form_change_cookies'); add_filter('comment_form_default_fields', 'sophia_after_dark_comment_form_change_cookies');
// Edit comment-notes text from comments // Add comment notes above form
function sophia_after_dark_modify_text_before_comment_form($arg) { function sophia_after_dark_modify_text_before_comment_form($arg) {
$arg['comment_notes_before'] = wp_kses_post( $arg['comment_notes_before'] = wp_kses_post(
'<p class="comment-notes">' . '<p class="comment-notes">' .
esc_html__('All comments are manually reviewed and moderated.', 'sophia-after-dark') . esc_html__('All comments are manually reviewed and moderated.', 'sophia-after-dark') .
'<br><span class="required-field-message">' . '<br><span class="required-field-message">' .
esc_html__('Required fields are marked ', 'sophia-after-dark') . esc_html__('Required fields are marked ', 'sophia-after-dark') .
'<span class="required">*</span></span></p>' '<span class="required">*</span></span></p>'
); );
return $arg; return $arg;
} }
add_filter('comment_form_defaults', 'sophia_after_dark_modify_text_before_comment_form'); add_filter('comment_form_defaults', 'sophia_after_dark_modify_text_before_comment_form');
// Add note below comment form about privacy policy consent // Add privacy policy consent note below form
function sophia_after_dark_modify_text_comment_form($post_id) { function sophia_after_dark_modify_text_comment_form($post_id) {
printf( $link = '<a href="/privacy-policy">' . esc_html__( 'Privacy Policy', 'sophia-after-dark' ) . '</a>';
'<span class="submit-comment-note">%s</span>', printf(
wp_kses( '<span class="submit-comment-note">%s</span>',
__('By commenting, you consent to our <a href="/privacy-policy">Privacy Policy</a>', 'sophia-after-dark'), sprintf(
array('a' => array('href' => array())) wp_kses(
) __( 'By commenting, you consent to our %s.', 'sophia-after-dark' ),
); array( 'a' => array( 'href' => array() ) )
),
$link
)
);
} }
add_action('comment_form', 'sophia_after_dark_modify_text_comment_form'); add_action('comment_form', 'sophia_after_dark_modify_text_comment_form');
?> ?>
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<?php <?php if ( have_comments() ) : ?>
if ( have_comments() ) : <h2 class="comments-title" aria-label="<?php esc_attr_e( 'Comments Section', 'sophia-after-dark' ); ?>">
?>
<h2 class="comments-title">
<?php <?php
$sophia_after_dark_comment_count = get_comments_number(); $sophia_after_dark_comment_count = get_comments_number();
if ( '1' === $sophia_after_dark_comment_count ) { if ( '1' === $sophia_after_dark_comment_count ) {
printf( printf(
/* translators: 1: title. */ /* translators: %s: Post title */
esc_html__( 'One Comment on &ldquo;%1$s&rdquo;', 'sophia-after-dark' ), esc_html__( 'One Comment on “%s”', 'sophia-after-dark' ),
'<span>' . esc_html(get_the_title()) . '</span>' '<span>' . esc_html( get_the_title() ) . '</span>'
); );
} else { } else {
printf( printf(
/* translators: 1: comment count number, 2: title. */ /* translators: 1: Comment count, 2: Post title */
esc_html( _nx( '%1$s Comments on &ldquo;%2$s&rdquo;', '%1$s Comments on &ldquo;%2$s&rdquo;', $sophia_after_dark_comment_count, 'comments title', 'sophia-after-dark' ) ), esc_html( _nx( '%1$s Comment on “%2$s”', '%1$s Comments on “%2$s”', $sophia_after_dark_comment_count, 'comments title', 'sophia-after-dark' ) ),
number_format_i18n( $sophia_after_dark_comment_count ), number_format_i18n( $sophia_after_dark_comment_count ),
'<span>' . esc_html(get_the_title()) . '</span>' '<span>' . esc_html( get_the_title() ) . '</span>'
); );
} }
?> ?>
@ -92,24 +100,19 @@ add_action('comment_form', 'sophia_after_dark_modify_text_comment_form');
<ol class="comment-list"> <ol class="comment-list">
<?php <?php
wp_list_comments( array( wp_list_comments( array(
'style' => 'ol', 'style' => 'ol',
'short_ping' => true, 'short_ping' => true,
'reply_text' => __( 'Reply', 'sophia-after-dark' ),
) ); ) );
?> ?>
</ol> </ol>
<?php <?php the_comments_navigation(); ?>
the_comments_navigation();
if ( ! comments_open() ) : <?php if ( ! comments_open() ) : ?>
?>
<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'sophia-after-dark' ); ?></p> <p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'sophia-after-dark' ); ?></p>
<?php <?php endif; ?>
endif; <?php endif; ?>
endif;
comment_form();
?>
<?php comment_form(); ?>
</div> </div>

37
functions.php
View File

@ -197,3 +197,40 @@ require get_template_directory() . '/inc/metaboxes/mt-post-sidebar-meta.php';
if ( ! function_exists( 'breadcrumb_trail' ) ) { if ( ! function_exists( 'breadcrumb_trail' ) ) {
require get_template_directory() . '/inc/mt-class-breadcrumbs.php'; require get_template_directory() . '/inc/mt-class-breadcrumbs.php';
} }
// Function to allow images in WordPress comments
function allow_images_in_comments($comment_content) {
// Allow only specific HTML tags, including <img>
$allowed_tags = array(
'a' => array('href' => array(), 'title' => array()),
'em' => array(),
'strong' => array(),
'img' => array(
'src' => array(),
'alt' => array(),
'width' => array(),
'height' => array(),
'class' => array(),
),
);
// Strip out disallowed tags but keep allowed ones
return wp_kses($comment_content, $allowed_tags);
}
// Hook to filter the comment text before displaying it
add_filter('comment_text', 'allow_images_in_comments');
// Function to make URLs for images clickable in comments
function clickable_images_in_comments($comment_content) {
// Automatically convert image URLs to HTML <img> tags
$comment_content = preg_replace(
'/(http:\/\/[^\s"]+\.(jpg|jpeg|png|gif))/i',
'<img src="$1" alt="" class="comment-image" />',
$comment_content
);
return $comment_content;
}
// Hook to make image URLs clickable
add_filter('comment_text', 'clickable_images_in_comments');

160
header.php
View File

@ -14,130 +14,76 @@
<!doctype html> <!doctype html>
<html <?php language_attributes(); ?>> <html <?php language_attributes(); ?>>
<head> <head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php <?php
$author_id = get_option('sophia_after_dark_home_og_user', 1); // Default to user ID 1 if not set // Set default author for home page OG metadata
$author_bio = get_the_author_meta('description', $author_id); $author_id = (int) get_option( 'sophia_after_dark_home_og_user', 1 );
$author_bio = get_the_author_meta( 'description', $author_id );
echo '<meta charset="' . get_bloginfo('charset') . '">' . "\n"; if ( is_front_page() ) {
echo '<meta name="viewport" content="width=device-width, initial-scale=1">' . "\n"; $home_og_image = get_option( 'sophia_after_dark_home_og_image' );
if (is_front_page()) { if ( $home_og_image ) {
$home_og_image = get_option('sophia_after_dark_home_og_image'); printf( '<meta property="og:image" content="%s" />' . "\n", esc_url( $home_og_image ) );
if ($home_og_image) {
echo '<meta property="og:image" content="' . esc_url($home_og_image) . '" />' . "\n";
}
echo '<meta property="og:title" content="' . esc_attr(get_bloginfo('name') . ' - ' . get_bloginfo('description')) . '" />' . "\n";
echo '<meta property="og:description" content="' . esc_attr($author_bio) . '" />' . "\n";
echo '<meta property="og:url" content="' . esc_url(home_url('/')) . '" />' . "\n";
} elseif (is_single() || is_page()) {
global $post;
if (has_post_thumbnail($post->ID)) {
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'og-image-size');
if ($thumbnail) {
echo '<meta property="og:image" content="' . esc_url($thumbnail[0]) . '" />' . "\n";
// $thumbnail_url = esc_url($thumbnail[0]);
// $thumbnail_parts = pathinfo($thumbnail_url);
// $thumbnail_new_url = $thumbnail_parts['dirname'] . '/' . $thumbnail_parts['filename'] . '-1536x878.' . $thumbnail_parts['extension'];
// echo '<meta property="og:image" content="' . $thumbnail_new_url . '" />' . "\n";
}
} else {
echo '<meta property="og:image" content="' . esc_url(get_template_directory_uri() . '/assets/images/default-og-image.webp') . '" />' . "\n";
}
echo '<meta property="og:title" content="' . esc_attr(get_the_title()) . '" />' . "\n";
echo '<meta property="og:description" content="' . esc_attr(get_the_excerpt()) . '" />' . "\n";
echo '<meta property="og:url" content="' . esc_url(get_permalink()) . '" />' . "\n";
} }
echo '<link rel="profile" href="https://gmpg.org/xfn/11">' . "\n";
wp_head(); printf( '<meta property="og:title" content="%s" />' . "\n", esc_attr( get_bloginfo( 'name' ) . ' - ' . get_bloginfo( 'description' ) ) );
printf( '<meta property="og:description" content="%s" />' . "\n", esc_attr( $author_bio ) );
printf( '<meta property="og:url" content="%s" />' . "\n", esc_url( home_url( '/' ) ) );
} elseif ( is_singular() ) {
global $post;
$thumbnail_url = get_template_directory_uri() . '/assets/images/default-og-image.webp';
if ( has_post_thumbnail( $post?->ID ) ) {
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'og-image-size' );
if ( ! empty( $image[0] ) ) {
$thumbnail_url = $image[0];
}
}
printf( '<meta property="og:image" content="%s" />' . "\n", esc_url( $thumbnail_url ) );
printf( '<meta property="og:title" content="%s" />' . "\n", esc_attr( get_the_title() ) );
printf( '<meta property="og:description" content="%s" />' . "\n", esc_attr( get_the_excerpt() ) );
printf( '<meta property="og:url" content="%s" />' . "\n", esc_url( get_permalink() ) );
}
wp_head();
?> ?>
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<?php <?php
if ( function_exists( 'wp_body_open' ) ) { if ( function_exists( 'wp_body_open' ) ) {
wp_body_open(); wp_body_open();
} else { } else {
/** do_action( 'wp_body_open' ); // Backwards compatibility for < WP 5.2
* Hook: wp_body_open }
*
* @since 1.1.0
*/
do_action( 'wp_body_open' );
}
/** do_action( 'sophia_after_dark_before_page' );
* sophia_after_dark before page hook
*
* @since 1.0.0
*/
do_action( 'sophia_after_dark_before_page' );
?> ?>
<div id="page" class="site"> <div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip To Content', 'sophia-after-dark' ) ?></a> <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'sophia-after-dark' ); ?></a>
<?php <?php
/** // Top Header
* sophia_after_dark before header if ( get_theme_mod( 'sophia_after_dark_enable_top_header', false ) ) {
* do_action( 'sophia_after_dark_top_header' );
* @since 1.0.0 }
*/
do_action( 'sophia_after_dark_before_header' );
$sophia_after_dark_enable_top_header = get_theme_mod( 'sophia_after_dark_enable_top_header', true ); // Main Header
if ( true === $sophia_after_dark_enable_top_header ) { do_action( 'sophia_after_dark_main_header' );
/**
* hook - sophia_after_dark_top_header
*
* @hooked - sophia_after_dark_top_header_start - 5
* @hooked - sophia_after_dark_trending_section - 10
* @hooked - sophia_after_dark_top_header_nav - 20
* @hooked - sophia_after_dark_top_header_end - 50
*/
do_action( 'sophia_after_dark_top_header' );
}
/** // Front page slider or inner page header
* sophia_after_dark main header if ( is_front_page() ) {
* do_action( 'sophia_after_dark_front_slider_section' );
* @hooked - sophia_after_dark_main_header_start - 5 } else {
* @hooked - sophia_after_dark_site_branding - 10 do_action( 'sophia_after_dark_innerpage_header' );
* @hooked - sophia_after_dark_menu_wrapper_start - 15 }
* @hooked - sophia_after_dark_header_main_menu - 20
* @hooked - sophia_after_dark_menu_icon_wrapper_start - 25
* @hooked - sophia_after_dark_menu_social_icons - 30
* @hooked - sophia_after_dark_menu_search_icon - 35
* @hooked - sophia_after_dark_menu_icon_wrapper_end - 40
* @hooked - sophia_after_dark_menu_wrapper_end - 45
* @hooked - sophia_after_dark_main_header_end - 50
*
* @since 1.0.0
*/
do_action( 'sophia_after_dark_main_header' );
if ( is_front_page() ) {
/**
* hook - front_slider_section
* displays front top section before archive blogs.
*/
do_action( 'sophia_after_dark_front_slider_section' );
}
if ( ! is_front_page() ) {
/**
* sophia_after_dark_innerpage_header hook
*
* @hooked - sophia_after_dark_innerpage_header_start - 5
* @hooked - sophia_after_dark_innerpage_header_title - 10
* @hooked - sophia_after_dark_breadcrumb_content - 15
* @hooked - sophia_after_dark_innerpage_header_end - 20
*
* @since 1.0.0
*/
do_action( 'sophia_after_dark_innerpage_header' );
}
?> ?>
<div id="content" class="site-content"> <div id="content" class="site-content">

72
index.php
View File

@ -12,55 +12,55 @@
* @package Sophia After Dark * @package Sophia After Dark
* @since 1.0.0 * @since 1.0.0
*/ */
$archive_style = get_theme_mod( 'sophia_after_dark_archive_style', 'mt-archive--masonry-style' );
declare(strict_types=1);
get_header(); get_header();
$archive_style = get_theme_mod('sophia_after_dark_archive_style', 'mt-archive--masonry-style');
?> ?>
<div class="mt-page-content-wrapper"> <div class="mt-page-content-wrapper">
<div itemscope id="primary" class="content-area"> <div itemscope id="primary" class="content-area">
<main id="main" class="site-main"> <main id="main" class="site-main">
<?php
if ( 'mt-archive--block-grid-style' === $archive_style ) {
echo '<div class="archive-grid-post-wrapper">';
}
if ( have_posts() ) : <?php if ('mt-archive--block-grid-style' === $archive_style): ?>
if ( 'mt-archive--masonry-style' === $archive_style ) { <div class="archive-grid-post-wrapper">
?> <?php endif; ?>
<?php if (have_posts()): ?>
<?php if ('mt-archive--masonry-style' === $archive_style): ?>
<div class="sophia-after-dark-content-masonry"> <div class="sophia-after-dark-content-masonry">
<div id="mt-masonry"> <div id="mt-masonry">
<?php <?php endif; ?>
}
/* Start the Loop */
while ( have_posts() ) :
the_post();
/* <?php
* Include the Post-Type-specific template for the content. while (have_posts()):
* If you want to override this in a child theme, then include a file the_post();
* called content-___.php (where ___ is the Post Type name) and that will be used instead. get_template_part('template-parts/content', get_post_format());
*/ endwhile;
get_template_part( 'template-parts/content', get_post_format() ); ?>
endwhile;
if ( 'mt-archive--masonry-style' === $archive_style ) { <?php if ('mt-archive--masonry-style' === $archive_style): ?>
?> </div> <!-- #mt-masonry -->
</div> </div> <!-- .sophia-after-dark-content-masonry -->
</div> <?php endif; ?>
<?php
}
the_posts_pagination(); <?php the_posts_pagination(); ?>
else :
get_template_part( 'template-parts/content', 'none' ); <?php else: ?>
endif; <?php get_template_part('template-parts/content', 'none'); ?>
<?php endif; ?>
<?php if ('mt-archive--block-grid-style' === $archive_style): ?>
</div> <!-- .archive-grid-post-wrapper -->
<?php endif; ?>
if ( 'mt-archive--block-grid-style' === $archive_style ) {
echo '</div>';
}
?>
</main> </main>
</div> </div>
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
</div> </div>
<?php
get_footer(); <?php get_footer(); ?>

34
page.php
View File

@ -15,23 +15,27 @@
get_header(); get_header();
?> ?>
<div class="mt-page-content-wrapper"> <div class="mt-page-content-wrapper">
<div itemscope id="primary" class="content-area"> <div id="primary" class="content-area" itemscope itemtype="https://schema.org/WebPage">
<main id="main" class="site-main"> <main id="main" class="site-main" role="main" aria-label="<?php esc_attr_e( 'Page Content', 'sophia-after-dark' ); ?>">
<?php
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/content', 'page' ); <?php
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/content', 'page' );
// Load comments if open or at least one exists.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile;
?>
</main><!-- #main -->
</div><!-- #primary -->
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile; // End of the loop.
?>
</main>
</div>
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
</div> </div><!-- .mt-page-content-wrapper -->
<?php <?php
get_footer(); get_footer();

60
search.php
View File

@ -12,47 +12,51 @@ get_header();
?> ?>
<div class="mt-page-content-wrapper"> <div class="mt-page-content-wrapper">
<section id="primary" class="content-area"> <section id="primary" class="content-area">
<main id="main" class="site-main"> <main id="main" class="site-main" role="main" aria-label="<?php esc_attr_e( 'Search Results', 'sophia-after-dark' ); ?>">
<?php
if ( 'mt-archive--block-grid-style' === $archive_style ) { <?php
echo '<div class="archive-grid-post-wrapper">'; if ( 'mt-archive--block-grid-style' === $archive_style ) {
} echo '<div class="archive-grid-post-wrapper">';
}
if ( have_posts() ) : if ( have_posts() ) :
if ( 'mt-archive--masonry-style' === $archive_style ) { if ( 'mt-archive--masonry-style' === $archive_style ) :
?> ?>
<div class="sophia-after-dark-content-masonry"> <div class="sophia-after-dark-content-masonry">
<div id="mt-masonry"> <div id="mt-masonry">
<?php <?php
} endif;
/* Start the Loop */
while ( have_posts() ) :
the_post();
/*
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', 'search' );
endwhile;
if ( 'mt-archive--masonry-style' === $archive_style ) { /* Start the Loop */
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/content', 'search' );
endwhile;
if ( 'mt-archive--masonry-style' === $archive_style ) :
?> ?>
</div> </div><!-- #mt-masonry -->
</div> </div><!-- .sophia-after-dark-content-masonry -->
<?php <?php
} endif;
the_posts_pagination(); the_posts_pagination();
else : else :
get_template_part( 'template-parts/content', 'none' ); get_template_part( 'template-parts/content', 'none' );
endif; endif;
if ( 'mt-archive--block-grid-style' === $archive_style ) {
echo '</div>'; if ( 'mt-archive--block-grid-style' === $archive_style ) {
} echo '</div><!-- .archive-grid-post-wrapper -->';
?> }
</main> ?>
</section>
</main><!-- #main -->
</section><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
</div> </div><!-- .mt-page-content-wrapper -->
<?php <?php
get_footer(); get_footer();

60
sidebar-footer.php
View File

@ -20,35 +20,43 @@ if ( ! is_active_sidebar( 'footer-sidebar' ) &&
return; return;
} }
$sophia_after_dark_widget_area_layout = get_theme_mod( 'sophia_after_dark_widget_area_layout', 'column-three' ); $layout = get_theme_mod( 'sophia_after_dark_widget_area_layout', 'column-three' );
?> ?>
<div id="top-footer" class="footer-widgets-wrapper footer-<?php echo esc_attr( $sophia_after_dark_widget_area_layout ); ?> mt-clearfix"> <div id="top-footer" class="footer-widgets-wrapper footer-<?php echo esc_attr( $layout ); ?> mt-clearfix">
<div class="mt-container"> <div class="mt-container">
<div class="footer-widgets-area mt-clearfix"> <div class="footer-widgets-area mt-clearfix">
<div class="mt-footer-widget-wrapper mt-column-wrapper mt-clearfix"> <div class="mt-footer-widget-wrapper mt-column-wrapper mt-clearfix">
<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.3s">
<?php dynamic_sidebar( 'footer-sidebar' ); ?>
</div>
<?php if ( $sophia_after_dark_widget_area_layout != 'column-one' ){ ?> <?php
<div class="mt-footer-widget wow fadeInLeft" data-woww-duration="0.6s"> // Footer widget 1 (always shown)
<?php dynamic_sidebar( 'footer-sidebar-2' ); ?> echo '<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.3s">';
</div> dynamic_sidebar( 'footer-sidebar' );
<?php } ?> echo '</div>';
<?php if ( $sophia_after_dark_widget_area_layout == 'column-three' || $sophia_after_dark_widget_area_layout == 'column-four' ){ ?> // Footer widget 2 (shown in all but column-one layout)
<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.9s"> if ( $layout !== 'column-one' ) {
<?php dynamic_sidebar( 'footer-sidebar-3' ); ?> echo '<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.6s">';
</div> dynamic_sidebar( 'footer-sidebar-2' );
<?php } ?> echo '</div>';
}
<?php if ( $sophia_after_dark_widget_area_layout == 'column-four' ){ ?> // Footer widget 3 (only for three or four column layouts)
<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="1.2s"> if ( in_array( $layout, [ 'column-three', 'column-four' ], true ) ) {
<?php dynamic_sidebar( 'footer-sidebar-4' ); ?> echo '<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.9s">';
</div> dynamic_sidebar( 'footer-sidebar-3' );
<?php } ?> echo '</div>';
</div> }
</div>
</div> // Footer widget 4 (only for four column layout)
if ( $layout === 'column-four' ) {
echo '<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="1.2s">';
dynamic_sidebar( 'footer-sidebar-4' );
echo '</div>';
}
?>
</div>
</div>
</div>
</div> </div>

22
single.php
View File

@ -11,9 +11,9 @@
get_header(); get_header();
?> ?>
<div class="mt-page-content-wrapper"> <div class="mt-page-content-wrapper">
<div itemscope id="primary" class="content-area"> <div id="primary" class="content-area" itemscope itemtype="https://schema.org/Article">
<main id="main" class="site-main"> <main id="main" class="site-main" role="main" aria-label="<?php esc_attr_e( 'Single Post Content', 'sophia-after-dark' ); ?>">
<?php <?php
while ( have_posts() ) : while ( have_posts() ) :
the_post(); the_post();
@ -21,20 +21,24 @@ get_header();
the_post_navigation(); the_post_navigation();
// If comments are open or we have at least one comment, load up the comment template. // Load comments template if comments are open or exist.
if ( comments_open() || get_comments_number() ) : if ( comments_open() || get_comments_number() ) :
comments_template(); comments_template();
endif; endif;
endwhile; // End of the loop. endwhile;
// Load related posts section if enabled in theme settings.
$related_posts_option = get_theme_mod( 'sophia_after_dark_enable_related_posts', true ); $related_posts_option = get_theme_mod( 'sophia_after_dark_enable_related_posts', true );
if ( true === $related_posts_option && 'post' === get_post_type() ) { if ( true === $related_posts_option && 'post' === get_post_type() ) {
get_template_part( 'template-parts/related/related', 'posts' ); get_template_part( 'template-parts/related/related', 'posts' );
} }
?> ?>
</main>
</div> </main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?> <?php get_sidebar(); ?>
</div> </div><!-- .mt-page-content-wrapper -->
<?php <?php
get_footer(); get_footer();

4
style.css
View File

@ -3,9 +3,9 @@ Theme Name: Sophia After Dark
Author: Sophia Atkinson, Mystery Themes Author: Sophia Atkinson, Mystery Themes
Author URI: https://sophia.wtf Author URI: https://sophia.wtf
Description: Sophia After Dark is a page builder based and colorful free blog style WordPress theme fit for writers and bloggers. With the help of live customizer option makes your site own and present your content in an attractive way. It comes up with an amazing creative blog layouts, fully RTL and translation ready, and also compatible with Gutenberg. The theme works perfectly with Elementor that helps to create a beautiful and unique website faster. As its name suggests, it added staggering variety of color and makes your site attractive and elegant. Description: Sophia After Dark is a page builder based and colorful free blog style WordPress theme fit for writers and bloggers. With the help of live customizer option makes your site own and present your content in an attractive way. It comes up with an amazing creative blog layouts, fully RTL and translation ready, and also compatible with Gutenberg. The theme works perfectly with Elementor that helps to create a beautiful and unique website faster. As its name suggests, it added staggering variety of color and makes your site attractive and elegant.
Version: 1.3.3 Version: 1.4.1
Requires at least: 4.7 Requires at least: 4.7
Tested up to: 6.0.2 Tested up to: 6.8.1
Requires PHP: 5.2.4 Requires PHP: 5.2.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html License URI: http://www.gnu.org/licenses/gpl-3.0.html

28
template-parts/author/post-author-box.php
View File

@ -14,30 +14,32 @@ $author_url = get_the_author_meta( 'user_url' );
?> ?>
<div class="mt-author-box"> <div class="mt-author-box">
<?php if ( $author_avatar ) { ?> <?php if ( $author_avatar ) : ?>
<div itemprop="image" class="mt-author__avatar"> <div itemprop="image" class="mt-author__avatar">
<?php echo wp_kses_post( $author_avatar ); ?> <?php echo wp_kses_post( $author_avatar ); ?>
</div> </div>
<?php } ?> <?php endif; ?>
<div class="mt-author-info"> <div class="mt-author-info">
<?php if ( $author_post_link ) { ?> <?php if ( $author_post_link ) : ?>
<h5 itemprop="name" class="mt-author-name"><?php echo wp_kses_post( $author_post_link ); ?></h5> <h5 itemprop="name" class="mt-author-name"><?php echo wp_kses_post( $author_post_link ); ?></h5>
<?php } ?> <?php endif; ?>
<?php if ( $author_bio ) { ?> <?php if ( $author_bio ) : ?>
<div class="mt-author-bio"> <div class="mt-author-bio">
<?php echo wp_kses_post( $author_bio ); ?> <?php echo wp_kses_post( $author_bio ); ?>
</div> </div>
<?php } ?> <?php endif; ?>
<div class="mt-author-meta"> <?php if ( $author_url ) : ?>
<?php if ( $author_url ) { ?> <div class="mt-author-meta">
<div class="mt-author-website"> <div class="mt-author-website">
<span><?php esc_html_e( 'Website', 'sophia-after-dark' ); ?>&#58;</span> <span><?php esc_html_e( 'Website', 'sophia-after-dark' ); ?>:</span>
<a href="<?php echo esc_url( $author_url ); ?>" target="_blank"><?php echo esc_url( $author_url ); ?></a> <a href="<?php echo esc_url( $author_url ); ?>" target="_blank" rel="noopener noreferrer">
<?php echo esc_url( $author_url ); ?>
</a>
</div> </div>
<?php } ?> </div>
</div> <?php endif; ?>
</div> </div>
</div> </div>

48
template-parts/content-search.php
View File

@ -8,55 +8,55 @@
* @since 1.0.0 * @since 1.0.0
*/ */
$post_content_type = apply_filters( 'sophia_after_dark_archive_post_content_type', 'excerpt' ); $post_content_type = apply_filters( 'sophia_after_dark_archive_post_content_type', 'excerpt' );
if ( has_post_thumbnail() ) { $post_class = has_post_thumbnail() ? 'has-thumbnail wow fadeInUp' : 'no-thumbnail wow fadeInUp';
$post_class = 'has-thumbnail wow fadeInUp';
} else {
$post_class = 'no-thumbnail wow fadeInUp';
}
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>>
<?php
echo '<div class="thumb-cat-wrap">'; <div class="thumb-cat-wrap">
<?php
sophia_after_dark_post_thumbnail(); sophia_after_dark_post_thumbnail();
sophia_after_dark_article_categories_list(); sophia_after_dark_article_categories_list();
echo '</div>'; ?>
if ( 'post' === get_post_type() ) { </div>
?>
<?php if ( 'post' === get_post_type() ) : ?>
<div class="entry-cat"> <div class="entry-cat">
<?php <?php
sophia_after_dark_posted_on(); sophia_after_dark_posted_on();
sophia_after_dark_posted_by(); sophia_after_dark_posted_by();
?> ?>
</div> </div>
<?php } ?> <?php endif; ?>
<header class="entry-header"> <header class="entry-header">
<?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?> <?php the_title(
sprintf(
'<h2 class="entry-title"><a href="%s" rel="bookmark">',
esc_url( get_permalink() )
),
'</a></h2>'
); ?>
</header> </header>
<div class="entry-content"> <div class="entry-content">
<?php <?php if ( 'excerpt' === $post_content_type ) : ?>
if ( 'excerpt' === $post_content_type ) { <?php the_excerpt(); ?>
the_excerpt(); <?php elseif ( 'content' === $post_content_type ) : ?>
} elseif ( 'content' === $post_content_type ) { <?php
the_content( sprintf( the_content( sprintf(
wp_kses( wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ), __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ),
array( [ 'span' => [ 'class' => [] ] ]
'span' => array(
'class' => array(),
),
)
), ),
get_the_title() get_the_title()
) ); ) );
} ?>
?> <?php endif; ?>
</div> </div>
<footer class="entry-footer"> <footer class="entry-footer">
<?php sophia_after_dark_entry_footer(); ?> <?php sophia_after_dark_entry_footer(); ?>
</footer> </footer>
</article> </article>

85
template-parts/content-single.php
View File

@ -8,55 +8,48 @@
* @since 1.0.0 * @since 1.0.0
*/ */
if ( has_post_thumbnail() ) { $post_class = has_post_thumbnail() ? 'has-thumbnail' : 'no-thumbnail';
$post_class = 'has-thumbnail';
} else {
$post_class = 'no-thumbnail';
}
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>>
<div class="post-thumbnail">
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'full' );
}
?>
<div class="post-info-wrap">
<div class="post-cat"><?php sophia_after_dark_article_categories_list(); ?></div>
<div class="entry-meta">
<?php
sophia_after_dark_posted_on();
sophia_after_dark_posted_by();
?>
</div>
<?php the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); ?>
</div>
</div>
<div class="entry-content"> <?php if ( has_post_thumbnail() ) : ?>
<?php <div class="post-thumbnail">
the_content( sprintf( <?php the_post_thumbnail( 'full' ); ?>
wp_kses( <div class="post-info-wrap">
/* translators: %s: Name of current post. Only visible to screen readers */ <div class="post-cat"><?php sophia_after_dark_article_categories_list(); ?></div>
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ), <div class="entry-meta">
array( <?php
'span' => array( sophia_after_dark_posted_on();
'class' => array(), sophia_after_dark_posted_by();
), ?>
) </div>
), <?php the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); ?>
get_the_title() </div>
) ); </div>
wp_link_pages( array( <?php endif; ?>
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sophia-after-dark' ),
'after' => '</div>', <div class="entry-content">
) ); <?php
?> the_content( sprintf(
</div> wp_kses(
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ),
[ 'span' => [ 'class' => [] ] ]
),
get_the_title()
) );
wp_link_pages( [
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sophia-after-dark' ),
'after' => '</div>',
] );
?>
</div>
<footer class="entry-footer">
<?php sophia_after_dark_entry_footer(); ?>
</footer>
<?php get_template_part( 'template-parts/author/post', 'author-box' ); ?>
<footer class="entry-footer">
<?php sophia_after_dark_entry_footer(); ?>
</footer>
<?php get_template_part( 'template-parts/author/post', 'author-box' ); ?>
</article> </article>

96
template-parts/content.php
View File

@ -9,63 +9,55 @@
*/ */
global $wp_query; global $wp_query;
$current_post = $wp_query->current_post; $current_post = $wp_query->current_post;
$archive_style = get_theme_mod( 'sophia_after_dark_archive_style', 'mt-archive--masonry-style' ); $archive_style = get_theme_mod( 'sophia_after_dark_archive_style', 'mt-archive--masonry-style' );
$post_content_type = apply_filters( 'sophia_after_dark_archive_post_content_type', 'excerpt' ); $post_content_type = apply_filters( 'sophia_after_dark_archive_post_content_type', 'excerpt' );
if ( has_post_thumbnail() ) { // Determine post class
$post_class = 'has-thumbnail'; $post_class = has_post_thumbnail() ? 'has-thumbnail' : 'no-thumbnail';
} else { if ( $current_post >= 3 || 'mt-archive--masonry-style' !== $archive_style ) {
$post_class = 'no-thumbnail'; $post_class .= ' wow fadeInUp';
}
if ( $current_post < 3 && 'mt-archive--masonry-style' === $archive_style ) {
$post_class .= '';
} else {
$post_class .= ' wow fadeInUp';
} }
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>>
<?php <div class="thumb-cat-wrap">
echo '<div class="thumb-cat-wrap">'; <?php
sophia_after_dark_post_thumbnail(); sophia_after_dark_post_thumbnail();
sophia_after_dark_article_categories_list(); sophia_after_dark_article_categories_list();
echo '</div>'; ?>
if ( 'post' === get_post_type() ) { </div>
?>
<div class="entry-cat">
<?php
sophia_after_dark_posted_on();
sophia_after_dark_posted_by();
?>
</div>
<?php } ?>
<header class="entry-header"> <?php if ( 'post' === get_post_type() ) : ?>
<?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?> <div class="entry-cat">
</header> <?php
sophia_after_dark_posted_on();
sophia_after_dark_posted_by();
?>
</div>
<?php endif; ?>
<div class="entry-content"> <header class="entry-header">
<?php <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
if ( 'excerpt' === $post_content_type ) { </header>
the_excerpt();
} elseif ( 'content' === $post_content_type ) {
the_content( sprintf(
wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ),
array(
'span' => array(
'class' => array(),
),
)
),
get_the_title()
) );
}
?>
</div>
<footer class="entry-footer"> <div class="entry-content">
<?php sophia_after_dark_entry_footer(); ?> <?php
</footer> if ( 'excerpt' === $post_content_type ) {
the_excerpt();
} elseif ( 'content' === $post_content_type ) {
the_content( sprintf(
wp_kses(
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sophia-after-dark' ),
[ 'span' => [ 'class' => [] ] ]
),
get_the_title()
) );
}
?>
</div>
<footer class="entry-footer">
<?php sophia_after_dark_entry_footer(); ?>
</footer>
</article> </article>

40
template-parts/related/content-related.php
View File

@ -6,39 +6,31 @@
* @since 1.0.0 * @since 1.0.0
*/ */
if (has_post_thumbnail()) { $post_class = has_post_thumbnail() ? "has-thumbnail wow fadeInUp" : "no-thumbnail wow fadeInUp";
$post_class = "has-thumbnail wow fadeInUp"; ?>
} else {
$post_class = "no-thumbnail wow fadeInUp";
} ?>
<article id="post-<?php the_ID(); ?>" <?php post_class($post_class); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>>
<?php <div class="thumb-cat-wrap">
echo '<div class="thumb-cat-wrap">'; <?php if ( has_post_thumbnail() ) : ?>
if (has_post_thumbnail()) { <a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
echo '<a href="' . esc_url(get_permalink()) . '" rel="bookmark">'; <?php sophia_after_dark_post_thumbnail(); ?>
sophia_after_dark_post_thumbnail(); </a>
echo "</a>"; <?php endif; ?>
}
sophia_after_dark_article_categories_list(); <?php sophia_after_dark_article_categories_list(); ?>
echo "</div>"; </div>
if ("post" === get_post_type()) { ?>
<?php if ( "post" === get_post_type() ) : ?>
<div class="entry-cat"> <div class="entry-cat">
<?php <?php
sophia_after_dark_posted_on(); sophia_after_dark_posted_on();
sophia_after_dark_posted_by(); sophia_after_dark_posted_by();
?> ?>
</div> </div>
<?php } <?php endif; ?>
?>
<header class="entry-header"> <header class="entry-header">
<?php the_title( <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
'<h2 class="entry-title"><a href="' .
esc_url(get_permalink()) .
'" rel="bookmark">',
"</a></h2>"
); ?>
</header> </header>
<footer class="entry-footer"> <footer class="entry-footer">

27
template-parts/related/related-posts.php
View File

@ -6,39 +6,36 @@
* @since 1.0.0 * @since 1.0.0
*/ */
global $post; global $post;
$related_post_id = get_the_id(); $related_post_id = get_the_ID();
$get_categories = get_the_terms( $related_post_id, 'category' ); $get_categories = get_the_terms( $related_post_id, 'category' );
$selected_cat = array(); $selected_cat = ! empty( $get_categories ) && is_array( $get_categories ) ? wp_list_pluck( $get_categories, 'term_id' ) : [];
// Get only category slug of current post.
if ( $get_categories && is_array( $get_categories ) ) {
foreach ( $get_categories as $category ) {
$selected_cat[] = $category->term_id;
}
}
$related_posts_count = apply_filters( 'sophia_after_dark_related_posts_count', 3 ); $related_posts_count = apply_filters( 'sophia_after_dark_related_posts_count', 3 );
$related_posts_title = apply_filters( 'sophia_after_dark_related_posts_section_title', __( 'Related Posts', 'sophia-after-dark' ) ); $related_posts_title = apply_filters( 'sophia_after_dark_related_posts_section_title', __( 'Related Posts', 'sophia-after-dark' ) );
$related_posts_args = array( $related_posts_args = [
'posts_per_page' => absint( $related_posts_count ), 'posts_per_page' => absint( $related_posts_count ),
'post__not_in' => array( $related_post_id ), 'post__not_in' => [ $related_post_id ],
'category__in' => $selected_cat, 'category__in' => $selected_cat,
); ];
$related_posts_query = new WP_Query( $related_posts_args ); $related_posts_query = new WP_Query( $related_posts_args );
if ( $related_posts_query->have_posts() ) {
if ( $related_posts_query->have_posts() ) :
?> ?>
<section class="mt-single-related-posts"> <section class="mt-single-related-posts">
<h2 class="mt-related-post-title"><?php echo esc_html( $related_posts_title ); ?></h2> <h2 class="mt-related-post-title"><?php echo esc_html( $related_posts_title ); ?></h2>
<div class="mt-related-posts-wrapper"> <div class="mt-related-posts-wrapper">
<?php <?php
while ( $related_posts_query->have_posts() ) { while ( $related_posts_query->have_posts() ) :
$related_posts_query->the_post(); $related_posts_query->the_post();
get_template_part( 'template-parts/related/content', 'related' ); get_template_part( 'template-parts/related/content', 'related' );
} endwhile;
?> ?>
</div> </div>
</section> </section>
<?php <?php
} endif;
wp_reset_postdata(); wp_reset_postdata();