Überschriften & DIV-Container definieren?

  • Gelöst FrankEck

    (@frankeck)


    vor 10 Jahren, 3 Monaten

    Ich stehe mal wieder auf dem Schlauch… meine Idee: Eine (oder mehrere) Überschrift per CSS zu definieren. Es soll aber nicht die h1, h2 usw. ausgetauscht werden, sondern es sollen neue Styles entstehen. Die grundsätzliche Vorgehensweise dafür ist mir klar.

    Aber: Die Überschriften sollen in einem DIV-Container stehen, bei dem ich den unteren Rand einfärbe, so dass eine Trennung im Text durch die Überschrift deutlicher wird. Und genau hier scheitere ich. Wenn ich eine Klasse definieren (styles.css) wirft mir WordPress/der Editor die entsprechende html-Formatierung im Editor wieder raus. Ein <div class= funktioniert also nicht.

    Denke ich nicht weit genug? Nicht umsetzbar? Mein Theme (ColorMag-Pro) nutzt genau diese Formatierung für Widgets. Ich möchte also diese Formatierung etwas angepasst im Text einsetzen…

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 3 Monaten

    Ich würde das über einen Shortcode mit öffnendem und schließenden Tag machen.

    Also im Editor:

    [mystyle h="2" class="eins"]Überschrift h2 in div-Tag mit Klasse ".eins"[/mystyle]

    … und dazu ein kleines Plugin, das den Shortcode erzeugt.

    <?php
/*
Plugin Name: Mystyle
Version: 0.1
Description: Adds Shortcode for my styles
License: GPLv2
*/

add_shortcode( 'mystyle', 'my_style_shortcode' );
function my_style_shortcode( $atts, $content = '' ) {
	$attr = array(
		'h'     => '2',
		'class' => 'styled',
	);
	$a = shortcode_atts( $attr, $atts, 'mystyle' );

	$out  = '<div class="' . $a['class'] . '">';
	$out .= '<h' .$a['h']. '>' . $content . '</h' .$a['h'] .'>';
	$out .= '</div>';

	return $out;
}

    Themenersteller FrankEck

    (@frankeck)

    vor 10 Jahren, 3 Monaten

    Okay, dann lag ich eigentlich schon richtig. Das DIV mit CLASS und Close-Tag per Shortcode (ich nutze den Shortcoder für andere Zwecke) einfügen und mittels Parameter den Text der Überschrift übergeben.

    Ich hab mich da gestern verrannt und das einfachste einfach übersehen. Danke! 🙂

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

Das Thema „Überschriften & DIV-Container definieren?“ ist für neue Antworten geschlossen.

Schlagwörter