Child Theme wird nicht richtig angzeigt
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
array
aussehen
beat
bild
code
datei
ding
hilfe
http
import
information
liegen
nase
problem
richtig helfen
unterschied
url
vorgenommen macht
webseite
ziehen
-
Hallo Leute,
ich hab mir heute ein childtheme für meine Website: http://mb-live.de/ erstellt, da ich mittlerweile sehr viele änderungen an dem Theme vornehme und somit auch einmal fehler machen kann ohne das ich dabei irgendetwas zerstöre.
Nun habe ich jedoch das Problem das mir die Webseite trotz verschiedener Tutorials welche ich angesehen und gelesen habe, immernoch so komisch angezeigt wird und nicht wie sie eigentlich aussehen sollte.
Wisst ihr vielleicht an was das liegen könnte ?
Als Anleitungen habe ich diese benutzt:
http://www.elmastudio.de/wordpress/ein-wordpress-child-theme-anlegen-so-gehts-richtig/
Ich hab zwar noch ein Video gesehen, anscheinend ist das jedoch etwas veraltet da man ja nicht mehr über @import das machen soll.
Über Hilfe wäre ich sehr dankbar, ich hab die Webseite jetzt einmal mit dem Childtheme so gelassen.
Hier ein Bild wie die Webseite eigentlich aussehen sollte: http://prntscr.com/9x79z9
Vielen Dank für eure Hilfe ;)
Beitrag zuletzt geändert: 31.1.2016 15:18:03 von deinprojekt -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ja und was hast Du jetzt konkret gemacht? Wie sieht Deine functions.php aus? Wie sieht Deine style.css aus? Ändert das Child Theme überhaupt irgendetwas oder bleibt es wie beim Parent Theme? Mit so wenige Informationen kann Dir leider keiner so richtig helfen.
-
davidlw schrieb:
Ja und was hast Du jetzt konkret gemacht? Wie sieht Deine functions.php aus? Wie sieht Deine style.css aus? Ändert das Child Theme überhaupt irgendetwas oder bleibt es wie beim Parent Theme? Mit so wenige Informationen kann Dir leider keiner so richtig helfen.
Ich hab das Tutorial ganz genau befolgt, meine style.css vom Childtheme sieht so aus:
/* Theme Name: Theme Name Child Theme URI: Description: Theme Name Child Theme Author: Your Name Author URI: http://www.yourdomain.com/ Template: beat-mix-lite Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Theme Name Child Theme */ /* You can start adding your own styles here. Use !important to overwrite styles if needed. */
die functions.php so:
<?php function theme_enqueue_styles() { $parent_style = 'parent-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) ); } add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); ?>
-
Dann hast Du ja noch gar keine Änderungen vorgenommen. Macht es jetzt schon irgendeinen Unterschied, ob Du das Parent Theme oder das Child Theme aktivierst? Wie bist Du zu dem Bild, wie die Website aussehen sollte, gekommen?
Lass Dir doch nicht alles aus der Nase ziehen!
Dann noch ein rudimentärer Link: https://codex.wordpress.org/Child_Themes Zu den meisten Dingen findet man nämlich auch auf der Wordpress Seite Informationen. -
davidlw schrieb:
Dann hast Du ja noch gar keine Änderungen vorgenommen. Macht es jetzt schon irgendeinen Unterschied, ob Du das Parent Theme oder das Child Theme aktivierst? Wie bist Du zu dem Bild, wie die Website aussehen sollte, gekommen?
Lass Dir doch nicht alles aus der Nase ziehen!
Dann noch ein rudimentärer Link: https://codex.wordpress.org/Child_Themes Zu den meisten Dingen findet man nämlich auch auf der Wordpress Seite Informationen.
Sorry ich wusste nicht wie ich das am besten beschreiben sollte.
Ich habe einfach das normale/haupt Theme aktiviert, dann wird die Website ganz normal angezeigt.
Wenn ich dann zum Childtheme wechsele wird mir die Webseite so anzeigt.
Das Bild ist also die Website wenn das Hauptheme aktiviert ist (Beat-Mix-Lite).
Der jetzige Zustand der Website ist das Childtheme. -
Auf der Seite, die ich gerade eben verlinkt habe, steht unter anderem folgendes:
»If your theme has more than one .css file (eg. ie.css, style.css, main.css) then you will have to make sure to maintain all of the Parent Theme dependencies.« Ich könnte mir vorstellen, dass das Dein Problem ist.
Ansonsten würde ich einfach mal mit den Entwicklertools des Browsers Deiner Wahl überprüfen, welche Dateien denn so beim Parent vs. beim Child Theme geladen werden und welchen Inhalt die haben. -
Ich hab mir jetzt denn ganzen Code im Entwicklerwerkzeug kopiert und miteinander verglichen und du hast recht es ist so einiges anderst.
Zum Beispiel in diesem Abschnitt (original Theme):
} </style> <link rel='stylesheet' id='responsive-slider-css' href='http://mb-live.de/wp-content/plugins/responsive-slider/css/responsive-slider.css?ver=0.1' type='text/css' media='all' /> <link rel='stylesheet' id='wise_chat_core-css' href='http://mb-live.de/wp-content/plugins/wise-chat/css/wise_chat.css?ver=4.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='beat_mix_lite-fonts-css' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C200%2C300%2C600%2C700%2C400italic%2C300italic%7CLato%3A400%2C700%2C300&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/bootstrap.css' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/font-awesome.css' type='text/css' media='all' /> <link rel='stylesheet' id='navgoco-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/jquery.navgoco.css' type='text/css' media='all' /> <link rel='stylesheet' id='superfish-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/superfish.css' type='text/css' media='all' /> <link rel='stylesheet' id='owl-carousel-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/owl.carousel.css' type='text/css' media='all' /> <link rel='stylesheet' id='owl-theme-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/owl.theme.css' type='text/css' media='all' /> <link rel='stylesheet' id='beat_mix_lite-style-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/style.css' type='text/css' media='all' /> <style id='beat_mix_lite-style-inline-css' type='text/css'> .page-header-bg {background: url('http://mb-live.de/wp-content/uploads/2015/12/band-690261.jpg') repeat fixed 0 top;} </style> <link rel='stylesheet' id='beat_mix_lite-responsive-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/responsive.css' type='text/css' media='all' /> <link rel='stylesheet' id='scroll-triggered-boxes-css' href='http://mb-live.de/wp-content/plugins/scroll-triggered-boxes/assets/css/styles.min.css?ver=2.1.4' type='text/css' media='all' /> <script type='text/javascript' src='http://mb-live.de/wp-includes/js/jquery/jquery.js?ver=1.11.3'></script> <script type='text/javascript' src='http://mb-live.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> <link rel='https://api.w.org/' href='http://mb-live.de/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://mb-live.de/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://mb-live.de/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.4.2" /> <meta name="google-site-verification" content="u8jU-PdZHYqyNUzlfMAxoTEkb8hKN5UCG8Cs1hIyyK4" /><style type="text/css"> /* Custom Styles for Box 148 */ .stb-148 { background: #efefef !important; color: #00aaa8 !important; } </style>
Im Childtheme:
} </style> <link rel='stylesheet' id='responsive-slider-css' href='http://mb-live.de/wp-content/plugins/responsive-slider/css/responsive-slider.css?ver=0.1' type='text/css' media='all' /> <link rel='stylesheet' id='wise_chat_core-css' href='http://mb-live.de/wp-content/plugins/wise-chat/css/wise_chat.css?ver=4.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='parent-style-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/style.css?ver=4.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='child-style-css' href='http://mb-live.de/wp-content/themes/child_beatmix/style.css?ver=4.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='beat_mix_lite-fonts-css' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C200%2C300%2C600%2C700%2C400italic%2C300italic%7CLato%3A400%2C700%2C300&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/bootstrap.css' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/font-awesome.css' type='text/css' media='all' /> <link rel='stylesheet' id='navgoco-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/jquery.navgoco.css' type='text/css' media='all' /> <link rel='stylesheet' id='superfish-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/superfish.css' type='text/css' media='all' /> <link rel='stylesheet' id='owl-carousel-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/owl.carousel.css' type='text/css' media='all' /> <link rel='stylesheet' id='owl-theme-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/owl.theme.css' type='text/css' media='all' /> <link rel='stylesheet' id='beat_mix_lite-style-css' href='http://mb-live.de/wp-content/themes/child_beatmix/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='beat_mix_lite-responsive-css' href='http://mb-live.de/wp-content/themes/beat-mix-lite/css/responsive.css' type='text/css' media='all' /> <link rel='stylesheet' id='scroll-triggered-boxes-css' href='http://mb-live.de/wp-content/plugins/scroll-triggered-boxes/assets/css/styles.min.css?ver=2.1.4' type='text/css' media='all' /> <script type='text/javascript' src='http://mb-live.de/wp-includes/js/jquery/jquery.js?ver=1.11.3'></script> <script type='text/javascript' src='http://mb-live.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> <link rel='https://api.w.org/' href='http://mb-live.de/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://mb-live.de/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://mb-live.de/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.4.2" /> <meta name="google-site-verification" content="u8jU-PdZHYqyNUzlfMAxoTEkb8hKN5UCG8Cs1hIyyK4" /><style type="text/css"> /* Custom Styles for Box 148 */ .stb-148 { background: #efefef !important; color: #00aaa8 !important; }
Der
ist nähmlich im Child theme beispielsweise garnicht enthalten, was schätze ich auch daran liegen könnte das auch kein Hintergrundbild geladen wird. Aber wie könnte ich das denn im Childtheme ändern ?.page-header-bg {background: url('http://mb-live.de/wp-content/uploads/2015/12/band-690261.jpg') repeat fixed 0 top;}
Beitrag zuletzt geändert: 5.2.2016 18:50:20 von deinprojekt -
So, nun nocheinmal eine aktualisierte Version meines Problems :)
Ich habe mich jetzt eine Weile mit dem Problem beschäftigt und auch schon das mit denn verschiedenen Styles probiert.
Allerdings hat mein Theme nur ein einziges Style. Hier auch einmal ein Screenshot von allen Dateien in dem Theme:
http://i.imgur.com/Nwgvi2L.png
In der function.php habe ich nun denn originalen Code wie er auch auf codex.wordpress steht:
<?php function theme_enqueue_styles() { $parent_style = 'parent-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) ); } add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); ?>
Es wird die Website an sich ja auch geladen, nur es fehlen einzelne Dinge, wie beispielsweise der Hintergrund und auch die Neuigkeiten sind ganz anderst eingeordnet. Wie ich auch schon im vorherigen Post beschrieben habe, werden auch ganz andere dinge geladen im vergleich zu dem Original Theme.
Aber mir ist nicht klar wie ich diese dinge nun laden kann, wenn das Theme doch nur eine Style Datei hat.
Vielen Dank für eure Hilfe ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
