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

Compare commits

base: Sophia:1.4.0
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.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

3 Commits
1.4.0 ... 1.4.3

Author SHA1 Message Date
Sophia Atkinson
5a4824140c Set accent color to #F5A9B8, disabled custom- 
colors from the editor
 2025-05-13 23:26:18 -07:00
Sophia Atkinson
e085f5aee3 simple changes, fixed some issues 2025-05-13 01:38:42 -07:00
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
14 changed files with 439 additions and 487 deletions
Expand all files Collapse all files

49
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)',
'position': 'absolute'
}); });
} else { } else {
$( '.site-title, .site-description' ).css( { titleDesc.css({
'clip': 'auto', clip: 'auto',
'position': 'relative' position: 'relative'
} );
$( '.site-title a, .site-description' ).css( {
'color': to
}); });
titleLink.css('color', color);
} }
};
wp.customize('blogname', (value) => {
value.bind((to) => setText('.site-title a', to));
}); });
wp.customize('blogdescription', (value) => {
value.bind((to) => setText('.site-description', to));
});
wp.customize('header_textcolor', (value) => {
value.bind((to) => setVisibility(to !== 'blank', to));
}); });
})(jQuery); })(jQuery);

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

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

@ -5,22 +5,19 @@ 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'
}); });
}); });
@ -29,39 +26,36 @@ jQuery(document).ready(function($) {
/** /**
* 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) {
} else /* tab */ {
if ( document.activeElement === lastFocusable ) {
firstFocusable.focus(); firstFocusable.focus();
e.preventDefault(); e.preventDefault();
} }
} }
} }
}
$('.mt-form-wrap .mt-form-close').click(function() { $('.mt-form-wrap .mt-form-close').click(function() {
$('.mt-form-wrap').toggleClass('search-activate'); $('.mt-form-wrap').toggleClass('search-activate');
@ -74,7 +68,6 @@ jQuery(document).ready(function($) {
$(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');
} }
}); });
@ -82,27 +75,18 @@ jQuery(document).ready(function($) {
/** /**
* 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) {
$(selector).lightSlider({
pager: false, pager: false,
auto: false, auto: false,
loop: true, loop: true,
item: 1, item: 1,
controls: true, controls: true,
slideMargin: 0, slideMargin: 0,
rtl:true, rtl: rtl,
nextHtml: '<span class="icon-prev"><i class="fa fa-angle-left"></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>', prevHtml: '<span class="icon-next"><i class="fa fa-angle-right"></i></span>',
onSliderLoad: function() { onSliderLoad: function() {
$('.front-slider').removeClass('cS-hidden'); $(selector).removeClass('cS-hidden');
}
});
} }
}); initializeSlider('.front-slider');
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);
}); });
} }
}); });

16
assets/js/navigation.js
View File

@ -13,7 +13,12 @@
} }
menu = container.getElementsByTagName('ul')[0]; menu = container.getElementsByTagName('ul')[0];
if (!menu) {
return;
}
menu.setAttribute('aria-expanded', 'false'); menu.setAttribute('aria-expanded', 'false');
if (-1 === menu.className.indexOf('nav-menu')) { if (-1 === menu.className.indexOf('nav-menu')) {
menu.className += ' nav-menu'; menu.className += ' nav-menu';
} }
@ -34,7 +39,7 @@
var self = this; var self = this;
// Move up through the ancestors of the current link until we hit .nav-menu. // Move up through the ancestors of the current link until we hit .nav-menu.
while ( -1 === self.className.indexOf( 'nav-menu' ) ) { while (self && -1 === self.className.indexOf('nav-menu')) {
// On li elements toggle the class .focus. // On li elements toggle the class .focus.
if ('li' === self.tagName.toLowerCase()) { if ('li' === self.tagName.toLowerCase()) {
@ -58,15 +63,16 @@
if ('ontouchstart' in window) { if ('ontouchstart' in window) {
touchStartFn = function(e) { touchStartFn = function(e) {
var menuItem = this.parentNode, i; var menuItem = this.parentNode,
j;
if (!menuItem.classList.contains('focus')) { if (!menuItem.classList.contains('focus')) {
e.preventDefault(); e.preventDefault();
for ( i = 0; i < menuItem.parentNode.children.length; ++i ) { for (j = 0; j < menuItem.parentNode.children.length; ++j) {
if ( menuItem === menuItem.parentNode.children[i] ) { if (menuItem === menuItem.parentNode.children[j]) {
continue; continue;
} }
menuItem.parentNode.children[i].classList.remove( 'focus' ); menuItem.parentNode.children[j].classList.remove('focus');
} }
menuItem.classList.add('focus'); menuItem.classList.add('focus');
} else { } else {

12
functions.php
View File

@ -68,10 +68,11 @@ if ( ! function_exists( 'sophia_after_dark_setup' ) ) :
) ); ) );
// Set up the WordPress core custom background feature. // Set up the WordPress core custom background feature.
add_theme_support( 'custom-background', apply_filters( 'sophia_after_dark_custom_background_args', array( // Disabled in V1.4.3
'default-color' => 'ffffff', //add_theme_support( 'custom-background', apply_filters( 'sophia_after_dark_custom_background_args', array(
'default-image' => '', //'default-color' => 'ffffff',
) ) ); //'default-image' => '',
//) ) );
// Add theme support for selective refresh for widgets. // Add theme support for selective refresh for widgets.
add_theme_support( 'customize-selective-refresh-widgets' ); add_theme_support( 'customize-selective-refresh-widgets' );
@ -146,8 +147,9 @@ add_filter( 'walker_nav_menu_start_el', 'sophia_after_dark_nav_description', 10,
/** /**
* Implement the Custom Header feature. * Implement the Custom Header feature.
* Disabled in V1.4.3
*/ */
require get_template_directory() . '/inc/custom-header.php'; //require get_template_directory() . '/inc/custom-header.php';
/** /**
* Custom template tags for this theme. * Custom template tags for this theme.

2
header.php
View File

@ -71,7 +71,7 @@ do_action( 'sophia_after_dark_before_page' );
<?php <?php
// Top Header // Top Header
if ( get_theme_mod( 'sophia_after_dark_enable_top_header', true ) ) { if ( get_theme_mod( 'sophia_after_dark_enable_top_header', false ) ) {
do_action( 'sophia_after_dark_top_header' ); do_action( 'sophia_after_dark_top_header' );
} }

1
inc/custom-header.php
View File

@ -9,6 +9,7 @@
* *
* @package Sophia After Dark * @package Sophia After Dark
* @since 1.0.0 * @since 1.0.0
* @disabled 1.4.3
*/ */
/** /**

16
inc/customizer/mt-customizer-custom-classes.php
View File

@ -262,11 +262,11 @@ if ( ! function_exists( 'sophia_after_dark_register_custom_controls' ) ) :
* Icon field * Icon field
*/ */
case 'icon': case 'icon':
$sophia_after_dark_font_awesome_icon_array = sophia_after_dark_font_awesome_icon_array(); $sophia_after_dark_fork_awesome_icon_array = sophia_after_dark_fork_awesome_icon_array();
echo '<div class="mt-repeater-selected-icon"><i class="'.esc_attr( $new_value ).'"></i><span><i class="fa fa-angle-down"></i></span></div><ul class="mt-repeater-icon-list mt-clearfix">'; echo '<div class="mt-repeater-selected-icon"><i class="'.esc_attr( $new_value ).'"></i><span><i class="fa fa-angle-down"></i></span></div><ul class="mt-repeater-icon-list mt-clearfix">';
foreach ( $sophia_after_dark_font_awesome_icon_array as $sophia_after_dark_font_awesome_icon ) { foreach ( $sophia_after_dark_fork_awesome_icon_array as $sophia_after_dark_fork_awesome_icon ) {
$icon_class = $new_value == $sophia_after_dark_font_awesome_icon ? 'icon-active' : ''; $icon_class = $new_value == $sophia_after_dark_fork_awesome_icon ? 'icon-active' : '';
echo '<li class='.esc_attr( $icon_class ).'><i class="'.esc_attr( $sophia_after_dark_font_awesome_icon ).'"></i></li>'; echo '<li class='.esc_attr( $icon_class ).'><i class="'.esc_attr( $sophia_after_dark_fork_awesome_icon ).'"></i></li>';
} }
echo '</ul><input data-default="'.esc_attr( $default ).'" type="hidden" value="'.esc_attr( $new_value ).'" data-name="'.esc_attr( $key ).'"/>'; echo '</ul><input data-default="'.esc_attr( $default ).'" type="hidden" value="'.esc_attr( $new_value ).'" data-name="'.esc_attr( $key ).'"/>';
break; break;
@ -275,11 +275,11 @@ if ( ! function_exists( 'sophia_after_dark_register_custom_controls' ) ) :
* Social Icon field * Social Icon field
*/ */
case 'social_icon': case 'social_icon':
$sophia_after_dark_font_awesome_social_icon_array = sophia_after_dark_font_awesome_social_icon_array(); $sophia_after_dark_fork_awesome_social_icon_array = sophia_after_dark_fork_awesome_social_icon_array();
echo '<div class="mt-repeater-selected-icon"><i class="'.esc_attr( $new_value ).'"></i><span><i class="fa fa-angle-down"></i></span></div><ul class="mt-repeater-icon-list mt-clearfix">'; echo '<div class="mt-repeater-selected-icon"><i class="'.esc_attr( $new_value ).'"></i><span><i class="fa fa-angle-down"></i></span></div><ul class="mt-repeater-icon-list mt-clearfix">';
foreach ( $sophia_after_dark_font_awesome_social_icon_array as $sophia_after_dark_font_awesome_icon ) { foreach ( $sophia_after_dark_fork_awesome_social_icon_array as $sophia_after_dark_fork_awesome_icon ) {
$icon_class = $new_value == $sophia_after_dark_font_awesome_icon ? 'icon-active' : ''; $icon_class = $new_value == $sophia_after_dark_fork_awesome_icon ? 'icon-active' : '';
echo '<li class='.esc_attr( $icon_class ).'><i class="'.esc_attr( $sophia_after_dark_font_awesome_icon ).'"></i></li>'; echo '<li class='.esc_attr( $icon_class ).'><i class="'.esc_attr( $sophia_after_dark_fork_awesome_icon ).'"></i></li>';
} }
echo '</ul><input data-default="'.esc_attr( $default ).'" type="hidden" value="'.esc_attr( $new_value ).'" data-name="'.esc_attr( $key ).'"/>'; echo '</ul><input data-default="'.esc_attr( $default ).'" type="hidden" value="'.esc_attr( $new_value ).'" data-name="'.esc_attr( $key ).'"/>';
break; break;

55
inc/template-functions.php
View File

@ -72,9 +72,9 @@ add_action( 'wp_head', 'sophia_after_dark_pingback_header' );
if ( ! function_exists( 'sophia_after_dark_fonts_url' ) ) : if ( ! function_exists( 'sophia_after_dark_fonts_url' ) ) :
/** /**
* Register Google fonts for Sophia After Dark. * Register Bunny fonts for Sophia After Dark.
* *
* @return string Google fonts URL for the theme. * @return string Bunny fonts URL for the theme.
* @since 1.0.0 * @since 1.0.0
*/ */
function sophia_after_dark_fonts_url() { function sophia_after_dark_fonts_url() {
@ -132,38 +132,25 @@ function sophia_after_dark_admin_scripts( $hook ) {
/** /**
* Enqueue scripts and styles. * Enqueue scripts and styles.
*/ */
function sophia_after_dark_scripts() { function sophia_after_dark_scripts(): void {
global $sophia_after_dark_theme_version; $v = wp_get_theme()->get('Version');
$dir = get_template_directory_uri();
wp_enqueue_style( 'sophia-after-dark-fonts', sophia_after_dark_fonts_url(), array(), null ); wp_enqueue_style('sophia-after-dark-fonts', sophia_after_dark_fonts_url(), [], null);
wp_enqueue_style( 'lightslider-style', get_template_directory_uri() .'/assets/library/lightslider/css/lightslider.min.css', array(), '' ); wp_enqueue_style('lightslider-style', "$dir/assets/library/lightslider/css/lightslider.min.css", [], null);
wp_enqueue_style( 'animate', get_template_directory_uri(). '/assets/library/animate/animate.min.css', array(), '3.5.1' ); wp_enqueue_style('animate', "$dir/assets/library/animate/animate.min.css", [], '3.5.1');
wp_enqueue_style( 'sophia-after-dark-style', get_stylesheet_uri(), array(), esc_attr( $sophia_after_dark_theme_version) ); wp_enqueue_style('sophia-after-dark-style', get_stylesheet_uri(), [], $v);
wp_enqueue_style( 'sophia-after-dark-responsive-style', get_template_directory_uri(). '/assets/css/mt-responsive.css', array(), esc_attr( $sophia_after_dark_theme_version ) ); wp_enqueue_style('sophia-after-dark-responsive-style', "$dir/assets/css/mt-responsive.css", [], $v);
wp_enqueue_script( 'sophia-after-dark-combine-scripts', get_template_directory_uri() .'/assets/js/mt-combine-scripts.js', array('jquery'), esc_attr( $sophia_after_dark_theme_version ), true ); wp_enqueue_script('sophia-after-dark-combine-scripts', "$dir/assets/js/mt-combine-scripts.js", ['jquery'], $v, true);
wp_enqueue_script( 'sophia-after-dark-navigation', get_template_directory_uri() . '/assets/js/navigation.js', array(), esc_attr( $sophia_after_dark_theme_version ), true ); wp_enqueue_script('sophia-after-dark-navigation', "$dir/assets/js/navigation.js", [], $v, true);
wp_enqueue_script( 'sophia-after-dark-skip-link-focus-fix', get_template_directory_uri() . '/assets/js/skip-link-focus-fix.js', array(), esc_attr( $sophia_after_dark_theme_version ), true ); wp_enqueue_script('sophia-after-dark-skip-link-focus-fix', "$dir/assets/js/skip-link-focus-fix.js", [], $v, true);
wp_enqueue_script( 'sophia-after-dark-custom-scripts', get_template_directory_uri() .'/assets/js/mt-custom-scripts.js', array('jquery'), esc_attr( $sophia_after_dark_theme_version ), true ); wp_enqueue_script('sophia-after-dark-custom-scripts', "$dir/assets/js/mt-custom-scripts.js", ['jquery'], $v, true);
$sophia_after_dark_enable_sticky_menu = get_theme_mod( 'sophia_after_dark_enable_sticky_menu', true ); wp_localize_script('sophia-after-dark-custom-scripts', 'sophia_after_darkObject', [
if ( true === $sophia_after_dark_enable_sticky_menu ) { 'menu_sticky' => get_theme_mod('sophia_after_dark_enable_sticky_menu', true) ? 'on' : 'off',
$sticky_value = 'on'; 'wow_effect' => get_theme_mod('sophia_after_dark_enable_wow_animation', true) ? 'on' : 'off',
} else { ]);
$sticky_value = 'off';
}
$sophia_after_dark_enable_wow_animation = get_theme_mod( 'sophia_after_dark_enable_wow_animation', true );
if ( true === $sophia_after_dark_enable_wow_animation ) {
$wow_value = 'on';
} else {
$wow_value = 'off';
}
wp_localize_script( 'sophia-after-dark-custom-scripts', 'sophia_after_darkObject', array(
'menu_sticky' => $sticky_value,
'wow_effect' => $wow_value
) );
if (is_singular() && comments_open() && get_option('thread_comments')) { if (is_singular() && comments_open() && get_option('thread_comments')) {
wp_enqueue_script('comment-reply'); wp_enqueue_script('comment-reply');
@ -173,15 +160,15 @@ add_action( 'wp_enqueue_scripts', 'sophia_after_dark_scripts' );
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
if ( ! function_exists( 'sophia_after_dark_font_awesome_social_icon_array' ) ) : if ( ! function_exists( 'sophia_after_dark_fork_awesome_social_icon_array' ) ) :
/** /**
* Define font awesome social media icons * Define fork awesome social media icons
* *
* @return array(); * @return array();
* @since 1.0.0 * @since 1.0.0
*/ */
function sophia_after_dark_font_awesome_social_icon_array() { function sophia_after_dark_fork_awesome_social_icon_array() {
return array( return array(
"fa fa-facebook-square","fa fa-facebook-f","fa fa-facebook","fa fa-facebook-official","fa fa-twitter-square","fa fa-twitter","fa fa-yahoo","fa fa-google","fa fa-google-wallet","fa fa-google-plus-circle","fa fa-google-plus-official","fa fa-instagram","fa fa-linkedin-square","fa fa-linkedin","fa fa-pinterest-p","fa fa-pinterest","fa fa-pinterest-square","fa fa-google-plus-square","fa fa-google-plus","fa fa-youtube-square","fa fa-youtube","fa fa-youtube-play","fa fa-vimeo","fa fa-vimeo-square", "fa fa-facebook-square","fa fa-facebook-f","fa fa-facebook","fa fa-facebook-official","fa fa-twitter-square","fa fa-twitter","fa fa-yahoo","fa fa-google","fa fa-google-wallet","fa fa-google-plus-circle","fa fa-google-plus-official","fa fa-instagram","fa fa-linkedin-square","fa fa-linkedin","fa fa-pinterest-p","fa fa-pinterest","fa fa-pinterest-square","fa fa-google-plus-square","fa fa-google-plus","fa fa-youtube-square","fa fa-youtube","fa fa-youtube-play","fa fa-vimeo","fa fa-vimeo-square",
); );

48
sidebar-footer.php
View File

@ -20,34 +20,42 @@ 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>';
}
// Footer widget 3 (only for three or four column layouts)
if ( in_array( $layout, [ 'column-three', 'column-four' ], true ) ) {
echo '<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="0.9s">';
dynamic_sidebar( 'footer-sidebar-3' );
echo '</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>';
}
?>
<?php if ( $sophia_after_dark_widget_area_layout == 'column-four' ){ ?>
<div class="mt-footer-widget wow fadeInLeft" data-wow-duration="1.2s">
<?php dynamic_sidebar( 'footer-sidebar-4' ); ?>
</div>
<?php } ?>
</div> </div>
</div> </div>
</div> </div>

115
style.css
View File

@ -3,7 +3,7 @@ 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.4.0 Version: 1.4.3
Requires at least: 4.7 Requires at least: 4.7
Tested up to: 6.8.1 Tested up to: 6.8.1
Requires PHP: 5.2.4 Requires PHP: 5.2.4
@ -116,10 +116,6 @@ html {
box-sizing: border-box; box-sizing: border-box;
} }
body {
background: #fff;
}
article, article,
aside, aside,
details, details,
@ -231,6 +227,7 @@ h6 {
} }
p { p {
font-size: 15px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -443,7 +440,9 @@ input[type="submit"] {
border: 1px solid #e1e1e1; border: 1px solid #e1e1e1;
background: none; background: none;
} }
button{
padding: none!important;
}
.navigation .nav-links a:hover, .navigation .nav-links a:hover,
.bttn:hover, .bttn:hover,
button, button,
@ -517,7 +516,7 @@ Links
--------------------------------------------------------------*/ --------------------------------------------------------------*/
a { a {
color: #dd3333; color: #F5A9B8;
text-decoration: none; text-decoration: none;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
@ -529,7 +528,7 @@ a:visited {}
a:hover, a:hover,
a:focus, a:focus,
a:active { a:active {
color: #dd3333; color: #F5A9B8;
} }
a:focus { a:focus {
@ -668,7 +667,7 @@ Posts and pages
h1.entry-title { h1.entry-title {
color: #353535; color: #353535;
font-weight: 700; font-weight: 600;
padding-bottom: 0; padding-bottom: 0;
text-transform: capitalize; text-transform: capitalize;
} }
@ -725,7 +724,7 @@ h1.entry-title a {
.entry-cat a:hover, .entry-cat a:hover,
.byline a:hover, .byline a:hover,
.posted-on a:hover { .posted-on a:hover {
color: #dd3333; color: #F5A9B8;
} }
.cat-links { .cat-links {
@ -748,7 +747,7 @@ h1.entry-title a {
} }
.edit-link .post-edit-link { .edit-link .post-edit-link {
background: #dd3333; background: #F5A9B8;
padding: 4px 10px; padding: 4px 10px;
color: #FFF !important; color: #FFF !important;
line-height: 1; line-height: 1;
@ -789,6 +788,7 @@ article.hentry .entry-footer>span {
.page-header .page-title { .page-header .page-title {
color: #ffffff; color: #ffffff;
padding-bottom: 15px; padding-bottom: 15px;
font-weight: 600;
} }
.updated { .updated {
@ -804,7 +804,7 @@ article.hentry .entry-footer>span {
} }
.entry-footer a:hover { .entry-footer a:hover {
color: #dd3333 color: #F5A9B8
} }
.nav-links .meta-nav { .nav-links .meta-nav {
@ -956,7 +956,7 @@ Comments
#comments h3 { #comments h3 {
margin: 0 0 10px; margin: 0 0 10px;
color: #141414; color: #fff;
font-weight: 600; font-weight: 600;
display: inline-block; display: inline-block;
line-height: 22px; line-height: 22px;
@ -1032,7 +1032,7 @@ textarea#comment {
} }
.comment-author .fn .url:hover { .comment-author .fn .url:hover {
color: #dd3333; color: #F5A9B8;
} }
.comment-author .says { .comment-author .says {
@ -1052,7 +1052,7 @@ textarea#comment {
} }
.commentmetadata .comment-edit-link { .commentmetadata .comment-edit-link {
color: #dd3333; color: #F5A9B8;
} }
.commentmetadata+.clear { .commentmetadata+.clear {
@ -1060,7 +1060,7 @@ textarea#comment {
} }
.reply .comment-reply-link { .reply .comment-reply-link {
background: none repeat scroll 0 0 #dd3333; background: none repeat scroll 0 0 #F5A9B8;
color: #FFFFFF; color: #FFFFFF;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
@ -1082,7 +1082,7 @@ textarea#comment {
#cancel-comment-reply-link { #cancel-comment-reply-link {
font-style: italic; font-style: italic;
color: #dd3333; color: #F5A9B8;
} }
#cancel-comment-reply-link:before { #cancel-comment-reply-link:before {
@ -1090,11 +1090,11 @@ textarea#comment {
content: "\f057"; content: "\f057";
margin: 0 5px 0 20px; margin: 0 5px 0 20px;
font-style: normal; font-style: normal;
color: #dd3333; color: #F5A9B8;
} }
.logged-in-as a { .logged-in-as a {
color: #dd3333; color: #F5A9B8;
} }
@ -1339,7 +1339,7 @@ Default widget css
.widget a:hover, .widget a:hover,
.widget a:hover::before, .widget a:hover::before,
.widget li:hover::before { .widget li:hover::before {
color: #dd3333; color: #F5A9B8;
} }
.widget_archive a::before, .widget_archive a::before,
@ -1409,8 +1409,8 @@ Default widget css
.widget_search .search-submit { .widget_search .search-submit {
height: 36px; height: 36px;
width: 25%; width: 25%;
background: #dd3333; background: #F5A9B8;
border-color: #dd3333; border-color: #F5A9B8;
color: #ffffff; color: #ffffff;
} }
@ -1445,8 +1445,8 @@ Default widget css
.widget_search .search-submit:hover { .widget_search .search-submit:hover {
height: 36px; height: 36px;
width: 25%; width: 25%;
background: #dd3333; background: #F5A9B8;
border-color: #dd3333; border-color: #F5A9B8;
color: #ffffff; color: #ffffff;
padding: 0; padding: 0;
} }
@ -1464,9 +1464,9 @@ Default widget css
.widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud a:hover { .widget.widget_tag_cloud a:hover {
background: #dd3333; background: #F5A9B8;
color: #fff; color: #fff;
border-color: #dd3333; border-color: #F5A9B8;
} }
.wp-block-search__button { .wp-block-search__button {
@ -1475,6 +1475,7 @@ Default widget css
width: 80px; width: 80px;
margin: 0; margin: 0;
height: 36px; height: 36px;
padding: unset!important;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@ -1671,7 +1672,7 @@ Header CSS
} }
#top-navigation ul li a:hover { #top-navigation ul li a:hover {
color: #dd3333; color: #F5A9B8;
} }
#masthead .widget { #masthead .widget {
@ -1754,7 +1755,7 @@ Header CSS
} }
.mt-social-icon-wrap li a:hover { .mt-social-icon-wrap li a:hover {
color: #dd3333; color: #F5A9B8;
} }
.mt-header-extra-icons { .mt-header-extra-icons {
@ -1791,7 +1792,6 @@ Header CSS
.is-sticky .mt-social-menu-wrapper { .is-sticky .mt-social-menu-wrapper {
background: #0B0B0B; background: #0B0B0B;
z-index: 9999; z-index: 9999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }
#site-navigation { #site-navigation {
@ -1853,7 +1853,7 @@ Search CSS
} }
.mt-search-icon:hover { .mt-search-icon:hover {
color: #dd3333; color: #F5A9B8;
} }
.mt-search-icon i { .mt-search-icon i {
@ -1914,13 +1914,13 @@ Search CSS
} }
.mt-menu-search .mt-form-wrap .search-form .search-field:focus { .mt-menu-search .mt-form-wrap .search-form .search-field:focus {
outline: 2px solid #DD3333; outline: 2px solid #F5A9B8;
} }
.mt-menu-search .mt-form-wrap .search-form .search-submit { .mt-menu-search .mt-form-wrap .search-form .search-submit {
margin-top: 30px; margin-top: 30px;
padding: 16px 60px; padding: 16px 60px;
background: #dd3333; background: #F5A9B8;
border: none; border: none;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
@ -1930,11 +1930,6 @@ Search CSS
transition: 0.3s ease; transition: 0.3s ease;
} }
.mt-menu-search .mt-form-wrap .search-form .search-submit:hover {
background: #dd3333;
border-radius: 30px;
}
.mt-form-close { .mt-form-close {
position: absolute; position: absolute;
right: 40px; right: 40px;
@ -1949,7 +1944,7 @@ Search CSS
} }
.mt-form-close:hover { .mt-form-close:hover {
color: #dd3333; color: #F5A9B8;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@ -1975,7 +1970,7 @@ Menu CSS
} }
.menu-toggle:hover { .menu-toggle:hover {
color: #dd3333; color: #F5A9B8;
} }
.menu-toggle i { .menu-toggle i {
@ -2050,7 +2045,7 @@ Menu CSS
#site-navigation ul li.current_page_item>a, #site-navigation ul li.current_page_item>a,
#site-navigation ul li.current-menu-parent>a, #site-navigation ul li.current-menu-parent>a,
#site-navigation ul li.focus>a { #site-navigation ul li.focus>a {
color: #dd3333; color: #F5A9B8;
} }
#site-navigation ul li .sub-menu, #site-navigation ul li .sub-menu,
@ -2157,7 +2152,7 @@ Menu CSS
position: absolute; position: absolute;
top: -15px; top: -15px;
right: -20px; right: -20px;
background: #dd3333; background: #F5A9B8;
line-height: 24px; line-height: 24px;
font-size: 12px; font-size: 12px;
padding: 0 10px; padding: 0 10px;
@ -2174,7 +2169,7 @@ Menu CSS
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 3px 3px 0 0; border-width: 3px 3px 0 0;
border-color: #dd3333 transparent transparent transparent; border-color: #F5A9B8 transparent transparent transparent;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease; -o-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
@ -2306,7 +2301,7 @@ Slider CSS
} }
.post-cats-list a { .post-cats-list a {
background: #dd3333; background: #F5A9B8;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
padding: 1px 10px; padding: 1px 10px;
@ -2348,7 +2343,7 @@ Slider CSS
} }
.front-slider-block .lSAction>a:hover { .front-slider-block .lSAction>a:hover {
background: #dd3333; background: #F5A9B8;
} }
.features-post-title { .features-post-title {
@ -2398,7 +2393,7 @@ Slider CSS
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
color: #fff; color: #fff;
background: #dd3333; background: #F5A9B8;
text-align: center; text-align: center;
} }
@ -2439,7 +2434,7 @@ article {
.entry-title a:hover, .entry-title a:hover,
.cat-links a:hover { .cat-links a:hover {
color: #dd3333; color: #F5A9B8;
} }
.entry-meta a { .entry-meta a {
@ -2449,7 +2444,7 @@ article {
} }
.entry-meta a:hover { .entry-meta a:hover {
color: #dd3333; color: #F5A9B8;
} }
.entry-content { .entry-content {
@ -2483,7 +2478,7 @@ article {
.entry-footer .mt-readmore-btn:hover, .entry-footer .mt-readmore-btn:hover,
.btn-wrapper a:hover, .btn-wrapper a:hover,
.mt-readmore-btn:hover { .mt-readmore-btn:hover {
color: #dd3333; color: #F5A9B8;
} }
.entry-footer .mt-readmore-btn:hover i, .entry-footer .mt-readmore-btn:hover i,
@ -2519,7 +2514,7 @@ article.sticky::before {
display: block; display: block;
width: 40px; width: 40px;
height: 40px; height: 40px;
background: #dd3333; background: #F5A9B8;
color: #fff; color: #fff;
font-size: 15px; font-size: 15px;
line-height: 40px; line-height: 40px;
@ -2589,14 +2584,14 @@ article.page .post-thumbnail::before,
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover { .navigation.pagination .nav-links a.page-numbers:hover {
border: 1px solid #dd3333; border: 1px solid #F5A9B8;
padding: 12px 15px; padding: 12px 15px;
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
margin: 0 5px; margin: 0 5px;
font-size: 14px; font-size: 14px;
line-height: 13px; line-height: 13px;
color: #dd3333; color: #F5A9B8;
} }
.archive-grid-post-wrapper, .archive-grid-post-wrapper,
@ -2651,7 +2646,7 @@ Sidebar CSS
content: ""; content: "";
width: 25px; width: 25px;
height: 3px; height: 3px;
background: #dd3333; background: #F5A9B8;
top: 10px; top: 10px;
} }
@ -2727,7 +2722,7 @@ Error 404 styles
.error-404.not-found { .error-404.not-found {
text-align: center; text-align: center;
width: 900px; width: 900px;
border: 5px solid #dd3333; border: 5px solid #F5A9B8;
margin: 0 auto; margin: 0 auto;
padding: 30px 0 40px 0; padding: 30px 0 40px 0;
} }
@ -2760,7 +2755,7 @@ Custom Header styles
background-attachment: fixed; background-attachment: fixed;
margin-bottom: 50px; margin-bottom: 50px;
position: relative; position: relative;
border-top: 4px solid #dd3333; border-top: 4px solid #F5A9B8;
background-position: center center; background-position: center center;
} }
@ -2909,7 +2904,7 @@ Footer CSS
} }
#footer-menu li a:hover { #footer-menu li a:hover {
color: #dd3333; color: #F5A9B8;
} }
#bottom-footer { #bottom-footer {
@ -2934,7 +2929,7 @@ Footer CSS
} }
#top-footer a:hover { #top-footer a:hover {
color: #dd3333; color: #F5A9B8;
} }
#top-footer .posted-on a::before { #top-footer .posted-on a::before {
@ -3010,7 +3005,7 @@ sophia-after-dark Widget CSS
} }
.mt-latest-posts-wrapper .mt-post-title a:hover { .mt-latest-posts-wrapper .mt-post-title a:hover {
color: #dd3333; color: #F5A9B8;
} }
.mt-latest-posts-wrapper .entry-cat { .mt-latest-posts-wrapper .entry-cat {
@ -3045,9 +3040,9 @@ sophia-after-dark Widget CSS
} }
.sophia-after-dark_social_media a:hover { .sophia-after-dark_social_media a:hover {
background: #dd3333; background: #F5A9B8;
color: #ffffff !important; color: #ffffff !important;
border-color: #dd3333; border-color: #F5A9B8;
} }
.mt-single-related-posts { .mt-single-related-posts {
@ -3111,7 +3106,7 @@ Scroll To Top styles
} }
#mt-scrollup:hover { #mt-scrollup:hover {
color: #dd3333; color: #F5A9B8;
} }
.single article .post-thumbnail:hover img { .single article .post-thumbnail:hover img {

40
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 ); ?>>
<div class="thumb-cat-wrap">
<?php <?php
echo '<div class="thumb-cat-wrap">';
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 if ( 'excerpt' === $post_content_type ) : ?>
<?php the_excerpt(); ?>
<?php elseif ( 'content' === $post_content_type ) : ?>
<?php <?php
if ( 'excerpt' === $post_content_type ) {
the_excerpt();
} elseif ( 'content' === $post_content_type ) {
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>

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

@ -8,20 +8,14 @@
* @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 ); ?>>
<?php if ( has_post_thumbnail() ) : ?>
<div class="post-thumbnail"> <div class="post-thumbnail">
<?php <?php the_post_thumbnail( 'full' ); ?>
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'full' );
}
?>
<div class="post-info-wrap"> <div class="post-info-wrap">
<div class="post-cat"><?php sophia_after_dark_article_categories_list(); ?></div> <div class="post-cat"><?php sophia_after_dark_article_categories_list(); ?></div>
<div class="entry-meta"> <div class="entry-meta">
@ -33,30 +27,29 @@ if ( has_post_thumbnail() ) {
<?php the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); ?> <?php the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' ); ?>
</div> </div>
</div> </div>
<?php endif; ?>
<div class="entry-content"> <div class="entry-content">
<?php <?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()
) ); ) );
wp_link_pages( array(
wp_link_pages( [
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sophia-after-dark' ), 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sophia-after-dark' ),
'after' => '</div>', 'after' => '</div>',
) ); ] );
?> ?>
</div> </div>
<footer class="entry-footer"> <footer class="entry-footer">
<?php sophia_after_dark_entry_footer(); ?> <?php sophia_after_dark_entry_footer(); ?>
</footer> </footer>
<?php get_template_part( 'template-parts/author/post', 'author-box' ); ?> <?php get_template_part( 'template-parts/author/post', 'author-box' ); ?>
</article> </article>