radarin

Danke @pixolin für Deine Vorschläge. Im Sinne der Frage, resp. Aufgabenstellung (Text markieren und eine span-klasse zuordnen, ohne unnötigen Schnickschnack) ist das Problem nicht gelöst.

Die Farbeinstellungen im Block so wie oben im Screenshot dargestellt, wirken sich bei mir immer auf den kompletten Block aus, auch wenn nur 1 Wort markiert wurde. Oben direkt im Block habe ich die Möglichkeit die Textfarbe für die Auswahl auszuwählen. Hier wäre nun ein zusätzlicher Eintrag toll, der wenn auch nur in einem Eingabefeld eine Klasse erfassen würde. Das direkt in den Blockeditor rein zu schreiben, wäre wahrscheinlich keine grosse Sache, mir fehlen jedoch die Kenntnisse dafür, so spekuliere ich weiterhin darauf, dass es vielleicht irgendwann noch kommt. In wei weit sich das mit einem Plugin umsetzen liesse, vermag ich auch nicht zu beurteilen.

Ich meine aber es auch schon gesehen zu haben, auch einzelnen Wörtern eine Hintergrundfarbe zuweisen zu können. Das schaut aber so hingeklatscht aus. Deshalb das SpanTag und die Klasse. Ich will Hintergrund, Rahmen, Radius gezielt definieren. Auch will ich wenn ich einen Pfad darstelle ein entsprechendes Awesome-Font voranstellen.

Was der Vorschlag mit dem Tiny-Plugin angeht, würde wahrscheinlich so funktionieren, müllt mir aber die Blockdarstellung so dermassen zu, da stellt es mir alle Nackenhaare zu Berge, jetzt wo ich mich mit dem Blockeditor angefreundet habe (und sehr zufrieden damit bin).

Notgedrungen behelfe ich mir nun mit Shortcodes. Das schaut im Backend natürlich nicht besonders übersichtlich aus, führt aber vorerst zum gewünschten Ergebnis. Somit kann ich, wenn ich ganz grosszügig bin, das Problem als halbwegs gelöst feststellen.

Und falls sich jemand für Details interessiert, so schaut die Funktion aus:

// Ausgabe Textmarker formatieren
// Erklärung
// ------------------------------
// Der hervorzuhebende Text wird im Editor in einen Shortcode verpackt:
// [textmarker farbe='yellow' text='hervorzuhebender Text']
// Bleibt der Parameter FARBE leer oder man lässt ihn 
// ganz weg, wird der Text in der vordefinierten Farbe markiert.

add_shortcode('textmarker', 'view_rad_textmarker');

function view_rad_textmarker($atts) {
   $atts = shortcode_atts( array(
      'text' => '',
      'farbe' => '',
   ), $atts, 'textmaker' );
  
   $farbe = $atts['farbe'] ;
  
   if ($farbe == ""){
      $class = "highlight-yellow" ;
   }else{
      $class = "highlight-".$farbe ;
   }
   
   $textmaker = "<span class='".$class."'>" . $atts['text'] . "</span>";
 
   return $textmaker;  
}

// Beispiel für eine CSS-Klasse:
//
// Der Hintergrund um den Text ist so definiert, dass die Ecken unterschiedliche
// Radien aufweisen und der rechte Rahmen vom Ansetzen des Textmarkers etwas
// dunkler ist, um einen möglichst realistischen Effekt zu erzielen.
//
// .highlight-yellow{
//    background-color: #FEF04F;
//    padding: 0px 2px;
//    -webkit-border-top-left-radius: 15px;
//    -webkit-border-bottom-right-radius: 5px;
//    -moz-border-radius-topleft: 15px;
//    -moz-border-radius-bottomright: 5px;
//    border-top-left-radius: 15px;
//    border-bottom-right-radius: 5px;
//    opacity: 0.8;
//    border-right-style: solid;
//    border-right-width: 3px;
//    border-right-color: #f8e400;}
//
// .highlight-blue{
//    background-color: #CEE7FE;
//    padding: 0px 2px;
//    -webkit-border-top-left-radius: 15px;
//    -webkit-border-bottom-right-radius: 5px;
//    -moz-border-radius-topleft: 15px;
//    -moz-border-radius-bottomright: 5px;
//    border-top-left-radius: 15px;
//    border-bottom-right-radius: 5px;
//    opacity: 0.8;
//    border-right-style: solid;
//    border-right-width: 3px;
//    border-right-color: #a7d3fb;}

Das CSS für die Pfaddarstellung mit Awesomefont:

.pfad { 
    color: #7A7A7A;
    font-style: italic;
    /*border-color: #7A7A7A;
    border-width: 1px;
    border-style: dashed;*/
    padding: 0em 0.3em 0em 0.3em;
    white-space: nowrap;
}
.pfad:before {
    display: inline-block;
    font-family: FontAwesome;
    content: '\f114';
    padding-right: 0.5rem;
}
.pfad:after {
    display: inline-block;
    font-family: FontAwesome;
    content: '\f100';
    padding-left: 0.5rem;
}

Euch einen schönen Abend und viel Spass beim ausprobieren.

Die Funktion ist doch etwas heimtückisch. Funktionieren tut es grundsätzlich mit

update_option( 'mygallery_titlesize', $_POST[ 'mygallery_titlesize' ], 'no' );`

Wenn ich das so ergänze und im Formular auf ’speichern‘ klicke verändert sich in der Spalte ‚autoload‘ rein gar nix, obwohl da in der Funktion ganz eindeutig ein ’no‘ drin steht.

Bei bestehenden Einträgen wird das ‚autoload‘ nur geändert, wenn gleichzeitig auch das ‚option_value‘ geändert wird. Darauf muss man erst mal kommen. Deshalb dachte ich die ganze Zeit, der Sch… funktioniert nicht. Wird mit dieser Funktion ein neuer Eintrag erstellt, bekommt er von Anfang an ein ’no‘.

Das Buch macht übrigens einen guten Eindruck, vor Allem auch weil es auf deutsch ist.

Danke und Gruß, René