Allgemein

>Allgemein

Syntax Highlightning

Denke es ist schon das dritte oder vierte Plugin … Leider wird Crayon nicht mehr weiterentwickelt.
Somit hab ich mich mal für ne Alternative umgesehen und EnlighterJS gefunden. Es gibt auch WordPress-Plugin dafür.

Das Theme gefällt mir gut und kann man auch anpassen. Es ist auch ziemlich schnell. Und das Wichtigste: Es wird aktiv weiterentwickelt.

Es gibt noch einen Bug mit dem Horizontalen-Scrollbalken… aber der wird bald gefixed.

By |2019-03-14T10:20:11+02:002019-03-14|Allgemein|

CSS Scorpion Header

Ich schau grad die Serie Scorpion… Dort gefällt mir der Stil für Text die </ HTML Tags > zu verwenden. Hab das mal auf der Startseite für die Unterüberschrift verwendet im Suplanus-Grün.

Nun dachte ich mir das wäre doch auch schön für den Blog in der Überschrift. Gesagt getan…
Schön zu sehen was man mit CSS alles machen kann:

/* Post Header Style */
.fusion-post-title::before{
    content: '\00003C/ ' !important;
    left: 0;
}
.fusion-post-title::after{
    content: ' \00003E' !important;
    right: 0;
}
.fusion-post-title::before, .fusion-post-title::after {
    color: #1ba800;
}

By |2018-07-31T12:05:56+02:002018-07-28|Allgemein|

Avada collapse comments

Wie schon beschrieben, bin ich Fan von schlichten Internetseiten, die beim Lesen nicht mit überflüssigem Inhalt ablenken. Das Kommentieren Feld gehört da für mich dazu.
Anscheinend gibt es kein WordPress-Plugin das out-of-the-box das Kommentarfeld ein- bzw. ausklappen kann.

Somit hab ich ein Child-Theme von Avada gemacht und die comments.php  angepasst:

<?php
/**
 * Comments template.
 *
 * @package Avada
 * @subpackage Templates
 */

// Do not allow directly accessing this file.
if ( ! defined( 'ABSPATH' ) ) {
	exit( 'Direct script access denied.' );
}

do_action( 'avada_before_comments' );

/*
 * If the current post is protected by a password and
 * the visitor has not yet entered the password we will
 * return early without loading the comments.
 */
?>

<?php if ( post_password_required() ) : ?>
	<?php return; ?>
<?php endif; ?>

<?php $title_size = ( false === avada_is_page_title_bar_enabled( get_the_ID() ) ? '2' : '3' ); ?>
<?php if ( have_comments() ) : ?>

	<div id="comments" class="comments-container">
		<?php ob_start(); ?>
		<?php comments_number( esc_html__( 'No Comments', 'Avada' ), esc_html__( 'One Comment', 'Avada' ), esc_html( _n( '% Comment', '% Comments', get_comments_number(), 'Avada' ) ) ); ?>
		<?php Avada()->template->title_template( ob_get_clean(), $title_size ); ?>

		<?php if ( function_exists( 'the_comments_navigation' ) ) : ?>
			<?php the_comments_navigation(); ?>
		<?php endif; ?>

		<ol class="comment-list commentlist">
			<?php wp_list_comments( 'callback=avada_comment' ); ?>
		</ol><!-- .comment-list -->

		<?php if ( function_exists( 'the_comments_navigation' ) ) : ?>
			<?php the_comments_navigation(); ?>
		<?php endif; ?>
	</div>

<?php endif; ?>

<?php if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?>
	<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'Avada' ); ?></p>
<?php endif; ?>

<?php if ( comments_open() ) : ?>

</br> <!--Suplanus: Start Added collapse-->
<button data-toggle="collapse" data-target="#collapsable" class="fusion-button fusion-button-default fusion-button-default-size">Add Comment</button> 
<div id="collapsable" class="collapse">
<!--Suplanus: End Added collapse-->

	<?php
	$commenter = wp_get_current_commenter();
	$req       = get_option( 'require_name_email' );
	$aria_req  = ( $req ) ? " aria-required='true'" : '';
	$html_req  = ( $req ) ? " required='required'" : '';
	$html5     = ( 'html5' === current_theme_supports( 'html5', 'comment-form' ) ) ? 'html5' : 'xhtml';
	$consent   = empty( $commenter['comment_author_email'] ) ? '' : ' checked="checked"';

	$fields = array();

	$fields['author']  = '<div id="comment-input"><input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" placeholder="' . esc_html__( 'Name (required)', 'Avada' ) . '" size="30"' . $aria_req . $html_req . ' aria-label="' . esc_attr__( 'Name', 'Avada' ) . '"/>';
	$fields['email']   = '<input id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" placeholder="' . esc_html__( 'Email (required)', 'Avada' ) . '" size="30" ' . $aria_req . $html_req . ' aria-label="' . esc_attr__( 'Email', 'Avada' ) . '"/>';
	$fields['url']     = '<input id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" placeholder="' . esc_html__( 'Website', 'Avada' ) . '" size="30" aria-label="' . esc_attr__( 'URL', 'Avada' ) . '" /></div>';
	$fields['cookies'] = '<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"' . $consent . ' /><label for="wp-comment-cookies-consent">' . esc_html__( 'Save my name, email, and website in this browser for the next time I comment.', 'Avada' ) . '</label></p>';

	$comments_args = array(
		'fields'               => apply_filters( 'comment_form_default_fields', $fields ),
		'comment_field'        => '<div id="comment-textarea"><label class="screen-reader-text" for="comment">' . esc_attr__( 'Comment', 'Avada' ) . '</label><textarea name="comment" id="comment" cols="45" rows="8" aria-required="true" required="required" tabindex="0" class="textarea-comment" placeholder="' . esc_html__( 'Comment...', 'Avada' ) . '"></textarea></div>',
		'title_reply'          => esc_html__( '' ), /* Suplanus: Removed Text for removing header */
		'title_reply_to'       => esc_html__( '' ), /* Suplanus: Removed Text for removing header */
		'title_reply_before'   => '', /* Suplanus: Removed Text for removing header */
		'title_reply_after'    => '', /* Suplanus: Removed Text for removing header */
		/* translators: Opening and closing link tags. */
		'must_log_in'          => '<p class="must-log-in">' . sprintf( esc_html__( 'You must be %1$slogged in%2$s to post a comment.', 'Avada' ), '<a href="' . wp_login_url( apply_filters( 'the_permalink', get_permalink() ) ) . '">', '</a>' ) . '</p>',
		/* translators: %1$s: The username. %2$s and %3$s: Opening and closing link tags. */
		'logged_in_as'         => '<p class="logged-in-as">' . sprintf( esc_html__( 'Logged in as %1$s. %2$sLog out &raquo;%3$s', 'Avada' ), '<a href="' . admin_url( 'profile.php' ) . '">' . $user_identity . '</a>', '<a href="' . wp_logout_url( apply_filters( 'the_permalink', get_permalink() ) ) . '" title="' . esc_html__( 'Log out of this account', 'Avada' ) . '">', '</a>' ) . '</p>',
		'comment_notes_before' => '',
		'id_submit'            => 'comment-submit',
		'class_submit'         => 'fusion-button fusion-button-default fusion-button-default-size',
		'label_submit'         => esc_html__( 'Post Comment', 'Avada' ),
	);

	comment_form( $comments_args );
endif;
?>
<div>
By |2018-07-24T08:18:55+02:002018-07-24|Allgemein|

Avada sticky Header Höhe

Um die Höhe vom Sticky Header (Kopfmenü wenn nach unten gescrollt wird) zu ändern muss folgende custom CSS hinterlegt werden:

/* Sticky header height fix */
header.fusion-header-wrapper.fusion-is-sticky nav.fusion-main-menu li {
margin: 0 !important;
}
header.fusion-header-wrapper.fusion-is-sticky nav.fusion-main-menu li a {
height: 34px !important;
line-height: 34px !important;
}
header.fusion-header-wrapper.fusion-is-sticky .fusion-header {
height: auto !important;
}

In diesem Fall wäre die Höhe dann 34px .

By |2018-07-21T20:39:59+02:002018-07-20|Allgemein|

Neues Design V3

Unschwer zu erkennen gibt es ein neues Design. War mit dem alten nie zufrieden. Das Gelb störte mich. Somit ist jetzt alles in Weiß-Dunkelgrau-Grün.
Gerade gesehen ich hab wohl einen Vierjahre-Rythmus … 2010, 2014, 2018. Hat nix mit Fußball zu tun. Ist aber trotzdem lustig.

Alles bisl schlichter und auf den Content fixiert. So lese ich am liebsten Websites.

Bin noch nicht fertig, aber wollte das alles mal live schalten, da ich sonst immer in zwei Systemen die Updates usw. fahren muss.

Die Homepage hat einen Revolution-Slider. Der leider nicht im Internet-Explorer und Edge funktioniert. Das nehme ich aber gerne in Kauf. Vielleicht kann ich das aber noch fixen. Konnte das Problem zusammen mit den Support fixen, hier die Lösung:

@supports (-ms-ime-align: auto){
.blendimage{display:none !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.blendimage{display:none !important;}
}

Für die verschiedenen Farben in den Polygonen dient ein Hintergrundbild (in meinem Fall das Logo von Suplanus). Dieses wird dann im IE und Edge ausgeblendet. Somit dort nur einfarbig.

Als Theme fungiert Avada. Hab aber schon einiges angepasst.

Somit werde ich im Laufe der Zeit mal weiter basteln. Hoffe es gefällt euch!

By |2018-07-20T07:45:25+02:002018-07-19|Allgemein|