Design Meets Code

WordPress · PrestaShop

CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

4 Comments

Mit dem CSS Befehl hyphens: auto; werden Worte automatisch getrennt. Dies kann in einzelnen Fällen nicht erwünscht sein, z.B. wenn bei einer längeren Überschrift nur die letzte Silbe in die nächste Zeile rutscht und es besser aussehen würde, wenn das Wort insgesamt in der zweiten Zeile erscheint.

Hier hilft der breitenlose Verbinder ‍

Der breitenlose Verbinder ist quasi das Gegenstück zu ­

Mit ­ kann man vorgeben, wo ein Wort getrennt werden soll.
Mit ‍ wird eine Trennung verhindert

Das Wort Haltbarkeitsdatum würde ohne den breitenlosen Verbinder vier Trennmöglichkeiten besitzen: Halt-bar-keits-da-tum

Mit dem breitenlosen Verbinder kann man diese Trennmöglichkeiten einschränken oder ganz ausschließen: Halt‍bar‍keits-da‍tum schränkt die Trennmöglichkeit ein auf Haltbarkeits-datum

Das html Zeichen ‍ wird nach Eingabe im Browser nicht ausgegeben und ist hier nur zur Demonstration sichtbar gemacht.

WooCommerce: Anzahl der Produkt Tags in Tag Widget erhöhen

Leave a Comment

. Standardmäßig zeigt WordPress 45 Tags im Tag Cloung Widget an. Um die Anzahl der im Tag Cloud Widget angezeigten Produkt Tags zu erhöhen (oder zu erniedrigen) hilft folgende Funktion in der functions.php des Themes

// increase number of tags in tag cloud widget

function custom_woocommerce_tag_cloud_widget() {
    $args = array(
        'number' => 60,
        'taxonomy' => 'product_tag'
    );
    return $args;
}
add_filter( 'woocommerce_product_tag_cloud_widget_args', 'custom_woocommerce_tag_cloud_widget' );

Auch die Anzahl der Tags von Beiträgen lässt sich durch eine Funktion anpassen. In den Parametern lässt sich auch die Anordnung und Schriftgröße verändern.

function custom_tag_cloud_widget() {
    $args = array(
        'smallest' => 8, 
        'largest' => 22, 
        'unit' => 'pt', 
        'number' => 15,
        'format' => 'flat', 
        'separator' => "\n", 
        'orderby' => 'name', 
        'order' => 'ASC',
        'exclude' => '', 
        'include' => '', 
        'link' => 'view', 
        'taxonomy' => 'post_tag', 
        'post_type' => '', 
        'echo' => true
    );
    return $args;
}
add_filter( 'widget_tag_cloud_args', 'custom_tag_cloud_widget' );

Quelle: stackexchange