Diese Seite dient der Visualisierung des Designs.

Überschriften

Überschrift H1

Überschrift H2

Überschrift H3

Überschrift H4

Überschrift H5
Überschrift H6

Standard

Absatz

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Zitat

Zitat mit Quellenangabe, Style ‘Standard’.

René A. Da Rin

Zitat ohne Quellenangabe, Style ‘Groß’.

Pullquote

frggb gtg tgtg tg5t g5

by rad

Listen

  • Listenpunkt 1
  • Listenpunkt 2
    • Listenpunkt 2.1 (Klasse li-einzug)
    • Listenpunkt 2.2
  • Listenpunkt 3
  1. Listenpunkt 1
  2. Listenpunkt 2
    1. Listenpunkt 2.1
  3. Listenpunkt 3

Vorformatiert

Das ist ein vorformatierter Text.

Vers

,lfceece
eceefv
rf4rf

Code

if($pageid == 3397){ ?> <meta http-equiv="refresh" content="0; URL=https://www.restaurant-waespi.ch/keine-tageskarte-online/"> <?php }

Tabelle

Benötigt die Klasse:

.gutenberg-tabelle-invisible {
     border: none;
     box-shadow: none;
     background: none;
 }
Spalte 1Spalte 2Spalte 3Spalte 4
Zeile 2
Zeile 3

Trennzeichen




Spalten

Überschrift H6 in der Spalte

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam(1 erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Preformatiert – Klasse Forum

Ich habe jetzt meine letzte Domain auf WP5 umgestellt. Im Block Editor sehe ich viele Vorteile, vermisse aber ein einziges Feature aus dem TinyMCE.

Ich hab mir im CSS einen Textmarker Effekt erstellt, welchen ich im Quellcode z.B mit dieses <span class="highlight-yellow">Wort</span> ist gelb markiertanwende. So ist das Wort Wort nun gelb markiert.

Im TinyMCE hatte ich die Möglichkeit die Textstelle im visuellen Editor zu markieren und die entsprechende Klasse aus einem Dropdown Menu auszuwählen.

Gibt es für den Blockeditor auch eine solche Möglichkeit? Immer in den Quellcode zu wechseln und da das so rein zu fummeln, ist doch etwas unpraktisch. 

Stackable

Accordeon

Blockquote

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Card

Title for This Block

Subtitle for This Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Title for This Block

Subtitle for This Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Separator

Testamonial

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Name

Position

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Name

Position

Divider


Expand / Show more

Atomic Blocks

Accordeon

Atomic Acc

njnjnini

Notice

mkomko

mkomkomommk mkom ko mko mkomkm mk o

Price Title
Price Subtitle Description
$
49
/mo
  • Product Feature One
  • Product Feature Two
  • Product Feature Three
Price Title
Price Subtitle Description
$
49
/mo
  • Product Feature One
  • Product Feature Two
  • Product Feature Three

Ultimative Addon

Team

John Doe

Designation

Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Info Box

Prefix

Info Box

Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Prefix

Info Box

Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Erweiterte Überschrift

njininj

njnjj

njininj

njnjj

Zeitachse

Januar 1, 2019

Timeline Heading 1

This is Timeline description, you can change me anytime click here

Januar 1, 2019
Januar 1, 2018

Timeline Heading 2

This is Timeline description, you can change me anytime click here

Januar 1, 2018

Icon Liste

Es können Icons oder ein Bild ausgewählt werden. Die Grösse der Icons kann angepasst werden.

c elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Icon)
dolor sit amet. Lorem ipsum dolor sit am (Icon)
dolor sit amet. Lorem ipsum dolor sit am (Bild)

Preisliste

Menu Item1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
CHF 12.00

Menu Item2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
CHF 1.50

Menu Item1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
$19

Menu Item2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
$19

Menu Item3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
$19

Menu Item4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
$19

Advanced Gutenberg

Accordeon

Header text 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Header text 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Tabs

Autor

René A. Da Rin

Autor/Blogger

ghihbihbibbh

Tab 2
cloud_queue

vgu

vcguvhjvvgh dtzid diz

Tab 3

bhjbbhkj gui gzu gziuol gzuo

Tab header

ft v

Tab header

Info box

beenhere

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.

Advanced Gutenberg Blocks

Notice

Advice

<?php
/**
* Plugin Name: Rename old/new posts
* Plugin URI: http://studentenwebdesign.de/
* Description: Plugin with Settings for renaming the old/new post link
* Version: 1.0
* Author: Pascal Cabart
* Author URI: studentenwebdesign
* License: free
*/
/**
* function to rename the "old/ new posts" Text
* uses the if-condition for an existing wp_pagenavi function (only tested with divi)
*/

function wp_pagenavi(){

$val = get_option( mt_favorite_color );
	?>
<div class="pagination clearfix">
	<div class="alignleft"><?php next_posts_link($val);?></div>
	<div class="alignright"><?php previous_posts_link(esc_html__('%s &raquo;', 'Divi')); ?></div>
</div>
<?php
}











/** Step 2 (from text above). */
add_action( 'admin_menu', 'my_plugin_menu' );
 
/** Step 1. */
function my_plugin_menu() {
add_options_page( 'My Plugin Options', 'My Plugin', 'manage_options', 'my-unique-identifier', 'my_plugin_options' );
}
 
/** Step 3. */
function my_plugin_options() {
    //must check that the user has the required capability
    if (!current_user_can('manage_options'))
    {
      wp_die( __('You do not have sufficient permissions to access this page.') );
    }
 
    // variables for the field and option names
    $opt_name = 'mt_favorite_color';
    $hidden_field_name = 'mt_submit_hidden';
    $data_field_name = 'mt_favorite_color';
 
    // Read in existing option value from database
    $opt_val = get_option( $opt_name );
 
    // See if the user has posted us some information
    // If they did, this hidden field will be set to 'Y'
    if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) {
        // Read their posted value
        $opt_val = $_POST[ $data_field_name ];
 
        // Save the posted value in the database
        update_option( $opt_name, $opt_val );
 
        // Put a "settings saved" message on the screen
 
?>
<div class="updated"><p><strong><?php _e('settings saved.', 'menu-test' ); ?></strong></p></div>
<?php
 
    }
 
    // Now display the settings editing screen
 
    echo '<div class="wrap">';
 
    // header
 
    echo "<h2>" . __( 'Menu Test Plugin Settings', 'menu-test' ) . "</h2>";
 
    // settings form
    
    ?>
 
<form name="form1" method="post" action="">
<input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
 
<p><?php _e("Favorite Color:", 'menu-test' ); ?>
<input type="text" name="<?php echo $data_field_name; ?>" value="<?php echo $opt_val; ?>" size="20">
</p><hr />
 
<p class="submit">
<input type="submit" name="Submit" class="button-primary" value="<?php esc_attr_e('Save Changes') ?>" />
</p>
 
</form>
</div>
 
<?php
}
?>