Verfasste Forenbeiträge

Ansicht von 15 Antworten – 16 bis 30 (von insgesamt 39)
  • Forum: Allgemeine Fragen
    Als Antwort auf: Plugin Speed-Test?
    Thread-Starter rafael1

    (@rafael1)

    Kein Problem 🙂
    Würde mich freuen, wenn jemand evtl. einen Tipp oder eine Idee hat 🙂

    Forum: Allgemeine Fragen
    Als Antwort auf: Plugin Speed-Test?
    Thread-Starter rafael1

    (@rafael1)

    Ich möchte gerne ein Speedtest-Plugin auf der Seite haben, so dass ein Benutzer diesen anklicken kann und die Netzwerkgeschwindigkeit bzw. Performance zu sich nach Hause, Arbeitsplatz, etc misst. Also wie viel MBit/s bzw. KBit/s bei ihm wirklich ankommen. Diese gemessenen Daten möchte ich abspeichern bzw. einen Vergleich machen mit bereits vorhandenen Daten z.B. welche Cloud-Dienste bzw. Anwendungen über die jeweilige Netzwerkanbindung möglich sind.

    Als Beispiel: Ein Benutzer hat die Netzwerkanbindung 2.000 und möchte Cloud-Anwendungen bzw. Dienste nutzen. Mit dem Speedtest soll einmal die Geschwindigkeit ermittelt werden und danach gefiltert werden, welche Cloud-Dienste / Anwendungen möglich sind. Diese sollen ihm dann auf der Seite aufgeführt werden.

    Thread-Starter rafael1

    (@rafael1)

    Super, mit dem Plugin klappt es sofort. Vielen Dank 🙂

    Mit dem folgenden Code hat das soweit auch geklappt, zwar wurden die
    Farbe der Logos nur geändert, wenn man mit der Maus auf den jeweiligen
    Eintrag in der Leiste geht, aber sonst war es einheitlich mit der Farbe.
    Mit der Logo Farbe müsste das noch minimal angepasst werden.

    
    #wpadminbar .quicklinks a,#wpadminbar .shortlink-input {
    color:#939393!important;
    text-shadow:#939393 0 0px 0!important;
    }
    
    #wpadminbar .quicklinks a:hover,#wpadminbar .shortlink-input:hover {
    background-color:#D3D3D3!important;
    color:#000000!important;
    text-shadow:false 0 0px 0!important;
    }
    
    #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar .ab$
    background:  #D3D3D3 !important;
    }
    
    .ab-sub-wrapper{
    background: #D3D3D3  !important;
    }
    

    So sieht das mit dem Code aus:
    https://www.dropbox.com/s/tfsamrlh6v9ylgm/Adminbar2.png?dl=0

    Mit dem Plugin:
    https://www.dropbox.com/s/335qvygqifxvolo/Adminbar3.png?dl=0

    Vielen Dank für eure Hilfe 🙂

    Thread-Starter rafael1

    (@rafael1)

    Moin,

    das hat mit dem Plug-In https://de.wordpress.org/plugins/responsive-image-maps/ super geklappt. Vielen Dank für den Tipp und die Hilfe 😉

    Gruß Rafael

    • Diese Antwort wurde vor 8 Jahren, 6 Monaten von rafael1 geändert.
    Thread-Starter rafael1

    (@rafael1)

    Super Danke 🙂 Ich probiere es mal aus.

    Gruß Rafael

    Thread-Starter rafael1

    (@rafael1)

    Ja genau, es soll zusagen über das Bild/Imagemap navigiert werden zu den anderen Unterseiten. Würde das so gehen mit dem Thumbnail?

    Ja soweit ist das logisch. Ich hab das doppelte Beitragsbild herausbekommen, nur ist der Platzhalter dort noch vorhanden. Ich schaue mal weiter, ob ich das irgendwie hinbekomme.

    Thread-Starter rafael1

    (@rafael1)

    Eine Imagemap kann ich soweit nicht einfügen, wenn die Bilder per the_post_thumbnail(); im Header ausgeben oder geht das auch?

    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
    Thread-Starter rafael1

    (@rafael1)

    Sehr cool, das klappt soweit auch. Vielen Dank.
    Das Bild wird dann im Header angezeigt, kann das Beitragsbild dadrunter wieder entfernt werden?
    Ich habe jetzt sozusagen 2 mal drin, einmal im Header und einmal in dem Beitrag.

    Thread-Starter rafael1

    (@rafael1)

    Ich habe in der header.php den Code eingefügt:

    
    <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> 
    <source src="wp-content/uploads/cloud/cloud.webm" type="video/webm"> 
    <source src="wp-content/uploads/cloud/cloud.mp4" type="video/mp4"> 
    <source src="wp-content/uploads/cloud/cloud.ogv" type="video/ogg ogv">
    </video>
    <div id="video_pattern"></div>
    

    Und in der style.css das:

    
    .site-header {
      text-align: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      top: 0px;
      left: 0px;
      padding: 10px 0px 90px 0px;
      width: 100%;
      overflow: hidden;
    }
    .overflow-container {
      position: relative;
      overflow: hidden;
      height: auto;
      min-height: 100%;
      padding: 0px;  
    }
    
    .max-width {
      max-width: 100%;
      margin: 0 auto;
    }
    #video_background {
            position: absolute;
            top: 0px;
            right: 0px;
            min-width: 100%;
            min-height:100% ;
            width: auto;
            height: auto;
            z-index: -1000;
            overflow: hidden;
    }
    #video_pattern {
            position: absolute;
            opacity: 0.5;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 10%;
            z-index: -1;
    }
    

    Ich benutze auch nur die kostenlose Variante des Themes. Ein Child Theme habe ich bereits erstellt und nehme dort die Änderungen vor.
    the_post_thumbnail();? Es geht, bin jetzt kein Profi im programmieren. Je nachdem wie komplex das ist.

    Thread-Starter rafael1

    (@rafael1)

    @zodiac1978 Kein Problem, verstehe ich vollkommen.
    Habe über den Aspekt nicht nachgedacht und hätte ja
    auch den Link hier einfach posten können.

    Gruß Rafael

    Thread-Starter rafael1

    (@rafael1)

    Habe den Fehler soweit gefunden, habe die folgenden Punkte geändert:

    
    #video_background {
        height: auto;
    }
    .site-header {
        overflow: hidden;
    }
    .overflow-container {
      position: relative;
    }
    

    Dadurch ist das Video jetzt auf die ganze breite ausgelegt.

    Gruß Rafael

    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
    Thread-Starter rafael1

    (@rafael1)

    @zodiac1978 hättest du evtl. Zeit und Lust dir meine geschilderte Problematik evtl. anzuschauen, wenn ich dir den Link bzw. die Zugangsdaten dazu gebe?

    Gruß Rafael

    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
    Thread-Starter rafael1

    (@rafael1)

    Kein Problem, kann dich da verstehen 😉 Danke trotzdem.
    Evtl. lade ich das die Tage auf einen Live-Server, so dass darauf
    von extern ein Zugriff besteht.

    Gruß Rafael

    Thread-Starter rafael1

    (@rafael1)

    Thread-Starter rafael1

    (@rafael1)

    Moin,

    @zodiac1978 Danke, das hat soweit geklappt 🙂

    Leider habe ich jetzt folgende Problematik:

    Anstatt ein Bild in dem Header zu verwenden, soll jetzt ein Video im Hintergrund des Headers laufen.
    Ich habe es so wie in dem nachfolgendem Code ausprobiert:

    header.php:

    
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
     
    <head>
            <meta charset="<?php bloginfo( 'charset' ); ?>">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="profile" href="http://gmpg.org/xfn/11">
            <?php wp_head(); ?>
    </head>
     
    <body id="<?php print get_stylesheet(); ?>" <?php body_class(); ?>>
            <?php do_action( 'body_top' ); ?>
            <a class="skip-content" href="#main"><?php _e( 'Skip to content', 'chosen' ); ?></a>
            <div id="overflow-container" class="overflow-container">
                    <div id="max-width" class="max-width">
                            <?php do_action( 'before_header' ); ?>
                            <header class="site-header" id="site-header" role="banner">
     
                                    <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0"> 
                                        <source src="wp-content/uploads/cloud/cloud.webm" type="video/webm"> 
                                       <source src="wp-content/uploads/cloud/cloud.mp4" type="video/mp4"> 
                                       <source src="wp-content/uploads/cloud/cloud.ogv" type="video/ogg ogv">
                                    </video>
                                    <div id="video_pattern"></div>
     
                                    <div id="menu-primary-container" class="menu-primary-container">
                                            <?php get_template_part( 'menu', 'primary' ); ?>
                                            <?php get_template_part( 'content/search-bar' ); ?>
                                            <?php ct_chosen_social_icons_output(); ?>
                                    </div>
                                    <button id="toggle-navigation" class="toggle-navigation" name="toggle-navigati$
                                            <span class="screen-reader-text"><?php _ex( 'open menu', 'verb: open t$
                                            <?php echo ct_chosen_svg_output( 'toggle-navigation' ); ?>
                                    </button>
                                    <div id="title-container" class="title-container">
                                            <?php get_template_part( 'logo' ) ?>
                                            <?php if ( get_bloginfo( 'description' ) ) {
                                                    echo '<p class="tagline">' . esc_html( get_bloginfo( 'descript$
                                            } ?>
                                    </div>
                            </header>
                            <?php do_action( 'after_header' ); ?>
                            <section id="main" class="main" role="main">
                                    <?php do_action( 'main_top' );
                                    if ( function_exists( 'yoast_breadcrumb' ) ) {
                                            yoast_breadcrumb( '<p id="breadcrumbs">', '</p>' );
                                    }
    

    style.css:

    
    #video_background {
            position: absolute;
            top: 0px;
            right: 0px;
            min-width: 100%;
            min-height: 30% ;
            width: auto;
            height: 30%;
            z-index: -1000;
            overflow: hidden;
    }
    #video_pattern {
            background-image: url(wp-content/uploads/2017/08/CloudHell.png);
            position: absolute;
            opacity: 0.5;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: -1;
    }
    

    Leider verläuft das Video nicht bis zum linken und rechten Seitenrand, wie im Bild zu sehen:
    Wenn ich das weiter anpasse, ist das Video länger als der Header:
    Hat jemand evtl. einen Tipp für mich? 😉

    Gruß Rafael

    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
    • Diese Antwort wurde vor 8 Jahren, 7 Monaten von rafael1 geändert.
Ansicht von 15 Antworten – 16 bis 30 (von insgesamt 39)