Schriftart ändern?

Hallo Rabenmutti,

ein Link zum Blog würde sehr hilfreich sein. Was genau haut denn wie nicht hin? Wie sollte es deinen Vorstellungen nach sein?

Hiho,

Zitat

Ich weiß, ich hab die Lacher auf meiner Seite - macht nix, jeder fängt mal klein an.

na wenn du das schon lustig findest, wird es dir beim Thema Childthemes das Zwerchfell zerstören. :mrgreen:

Aber mal Spaß beiseite.

Was möchtest du denn genau ändern?

Es gibt da nämlich ein paar Feinheiten, was die Überschriften angeht.

Wenn ich nach dem Tutorial vorgehe klappt es zwar, nachdem man einen kleinen aber wichtigen Zusatz in der css einbaut, aber mit dem Codebeispiel am Schluss würden alle Überschriften mit dem Dancing Font ausgestattet.

Sieht dann so aus wie in der Grafik, die ich angehängt habe.

Für den Test habe ich auf die schnelle ein Child Theme vom Twentyten angefertigt.
Das solltest du auch machen, da sonst bei einem Theme Update alle Änderungen verloren gehen, da die Themedateien durch die neuen ersetzt würden.

Ich kann dir das Childtheme auch zusenden, wenn du magst.

Wenn es mit den Fonts nur bei den Beitragstiteln sein soll, wäre das plugin ttftitles nicht das richtige dafür?

Jut, dann mal Childtheme anlegen und css Modifkiation im Crashkurs.
Ich versuch es auch einfach zu halten.;)

1. Mit dem FTP Programm unter wp-content/themes einen Ordner anlegen, der twentyten-child benannt wird.
2. Du brauchst einen (normalen) Editor. Unter Windows empfehle ich den Notepad++. Was es für MAC gibt, weiß ich leider nicht.
3. Mit dem Editor erstellst du eine Datei namens style.css und packst folgenden Code dort hinein.

/*
Theme Name: Twenty Ten Child
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: Child Theme für Twentyten mit Google Webfont. Das Twentyten Theme muss vor der Nutzung im WP Themeordner vorhanden sein.
Template: twentyten
Author: Marcus
Author URI: http://forum.wpde.org/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* Dieses nicht ändern, da das Child Theme sich die anderen benötigten Layout Einstellungen aus dem Originaltheme laden muss */
@import url('../twentyten/style.css');


h1, h2, h3, h4, h5, h6 {
    font-family: 'Dancing Script', cursive !important;
}

Diese Datei in dem von dir angelegten Childtheme Ordner hochladen. Der Zusatz !important ist das, was in dem Tutorial gefehlt hatte, weshalb sich WP zuerst hartnäckig weigerte, den Font zu tauschen. ;)

3. Du benötigst eine Kopie der header.php
Einfach diese Datei nochmals in Child Theme Ordner hochladen.

WordPress hat eine Herachieabfrage, das heißt Dateien, die man in den Childtheme Ordner geladen hat werden, wenn dieses Childtheme aktiviert ist, bevorzugt geladen und die Datei aus dem Parent Theme Ordner (in dem Fall twentyten) wird ignoriert. Das ist der eigentliche Knackpunkt, warum Änderungen im Childtheme auch bei Updates des Originalthemes nicht ins digitale Nirvana abwandern. ;)

4. Du musst jetzt die Kopie der header.php in deinem Childtheme anpassen.

[COLOR=#696969]<link rel="profile" href="http://gmpg.org/xfn/11" />[/COLOR]
[COLOR=#ff0000]<link href='http://fonts.googleapis.com/css?family=Dancing+Script:700' rel='stylesheet' type='text/css'>[/COLOR]
[COLOR=#696969]<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>[/COLOR]" />

Ich habe es einfach zwischen die Zeile 36 und 37 gepackt.

Dann müsstest du das Childtheme eigentlich nur noch über das Backend aktivieren und es sollte funktionieren.

Aber wie vorher schon erwähnt, sind somit sämtliche Überschriften mit diesem Font ausgestattet.
Wenn du zum Beispiel nur die Post Titel ändern willst, musst du die css Klasse ermitteln, unter welcher diese gesteuert werden.
Dafür kommen dann die Entwicklertools der Browser zu Hilfe.
Unter Firefox gibt es das Addon Firebug und die anderen Browser bringen diese Tools schon von Haus aus mit.
Mit solchen Tools kann man die Elemente einer Website untersuchen und sich auch direkt anzeigen lassen, wie die Sache durch die style.css gesteuert wird.

Falls du nicht klar kommst, weißt ja wo du Hilfe bekommen kannst. ;)