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
Listen
- Listenpunkt 1
- Listenpunkt 2
- Listenpunkt 2.1 (Klasse li-einzug)
- Listenpunkt 2.2
- Listenpunkt 3
- Listenpunkt 1
- Listenpunkt 2
- Listenpunkt 2.1
- 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 1 | Spalte 2 | Spalte 3 | Spalte 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 markiert
anwende. 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
Title for This Block 1
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.
Title for This Block 2
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.
Title for This Block 3
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.
Title for This Block x
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.
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
- Product Feature One
- Product Feature Two
- Product Feature Three
- Product Feature One
- Product Feature Two
- Product Feature Three
Ultimative Addon
Team
John Doe
DesignationClick 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
Erweiterte Überschrift
njininj
njnjj
njininj
njnjj
Zeitachse
Icon Liste
Es können Icons oder ein Bild ausgewählt werden. Die Grösse der Icons kann angepasst werden.
Preisliste
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
René A. Da Rin
Autor/Blogger
ghihbihbibbh
vgu
vcguvhjvvgh dtzid diz
bhjbbhkj gui gzu gziuol gzuo
ft v
Info box
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 »', '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
}
?>