Beiträge von bego

... und dann noch so eine nette Art, einem zu sagen, dass man altmodisch ist :mrgreen:

Zitat von maxe

schau dir dazu zu mal ...

Sch...ön, Du warst schon wieder schneller. :lol:

Wenn Du Artikelbilder nutzen möchtest, muss das zunächst im Theme aktiviert werden. Hierzu fügt man, wenn noch nicht vorhanden, in die [FONT=Courier New]functions.php[/FONT] die Zeile

add_theme_support( 'post-thumbnails' );

ein.

Beim Editieren eines Artikels kann man nun in einem eigenen Kästen "Artikelbild" ein Bild hinzufügen. Dazu öffnet sich der gleiche Dialog, den man beim Einfügen von normalen Fotos in Artikel bereits kennt. Im Dialogfenster wird man nach einigen Angaben, insbesondere zur Bildgröße gefragt und muss anschließend auf "als Artikelbild verwenden" klicken.

Damit der Besucher der Website zusätzlich zum Artikel ein Artikelbild sehen kann, ist eine Anpassung der Templates nötig. Hier wird – innerhalb der Loop – folgendes eingetragen:

<div class="artikelbild">
<?php 
if(has_post_thumbnail()) {
    the_post_thumbnail();
} else {
    echo '<img src="'.get_bloginfo("template_url").'/images/mein-logo.jpg" />';
}; ?>
</div>
<div class="artikel"?>
<?php the_content(); ?>
</div>

Dabei ist noch zu beachten, dass das Artikelbild die volle Größe des Originalbildes in der Mediathek übernimmt, auch wenn man im Dialogfenster ein kleineres Bildformat hat. Man sollte deshalb entweder das Bild direkt in der Mediathek in der richtigen Größe ablegen oder zusätzliche Angaben im Tag the_post_thumbnail() machen:

the_post_thumbnail('thumbnail');       // Thumbnail
the_post_thumbnail('medium');          // Mittlere Auflösung
the_post_thumbnail('large');           // Hohe Auflösung


the_post_thumbnail( array(100,100) );  // Andere Auflösung

Zur gefälligeren Gestaltung sollten noch Regeln für die Klassen "Artikel-Bild" und "Artikel" im Style Sheet gesetzt werden.

Zitat von PRH

ich habe mir das Theme Cutline 1.4 für mein WP 3 herausgesucht. Jetzt würde ich es gerne anpassen, aber bisher habe ich es noch nicht mal geschafft, die Schriftart zu ändern...

Dazu musst Du im Stylesheet style.css Zeile 11 (und bei Bedarf auch noch weitere Zeilen) ändern. (mehr Informationen hier)

Zitat

Zunächst was grundsätzliches:
Sind alle Themes, was Html-Codes angeht, gleich aufgebaut? Wenn ja, wären die Antworten ja universal...

Eher weniger.

Ich versuche mal, es bildlich darzustellen: WordPress ist der Motor, der die Kiste ans Laufen bringt. Das Theme ist die Karosserie, die für das Aussehen, aber auch die Funktionsweise verantwortlich ist. Der eine möchte gerne ein Cabrio, der nächste einen Minivan und wieder ein anderer einen LKW. Aber alle laufen mit einem Motor.

Das WordPress-Paket ist dafür zuständig, dass die Inhalte einer Website komfortabel (z.B. mit WYSIWYG-Editor) in einer Datenbank abgelegt und auch wieder daraus abgerufen werden.

Über das Theme wird die Gestaltung festgelegt, also wie und welche Inhalte aus der Datenbank wieder gegeben werden. Dabei kann es durchaus erhebliche Abweichungen geben, vor allem im Stylesheet, mitunter aber auch in der Datenstruktur der PHP-Dateien.

Da aber kein Theme alleine funktioniert, werden immer wieder die selben WordPress-Funktionen verwendet, die man u.a. im Codex nachschlagen kann. Über die mitunter komplexen Befehle zum Abruf der Daten aus der Datenbank wird hier im Forum dann diskutiert.

Zitat

Dann: Ich habe bemerkt, dass die Html-Struktur sich wahrscheinlich untereinander verlinkt, stimmt das? Als ich nämlich ein Bild einfügen wollte, war die Anweisung, es an zwei verschiedenen Stellen zu machen (im Heder.php UND im Style.CSS ) Wie funktioniert das genau?

HTML, PHP, Cascading Style Sheets, die MySQL-Datenbank -- das greift alles ineinander (und macht es damit für Einsteiger nicht immer leicht: Steht das Bild jetzt in der HTML-Datei oder ist es als Hintergrundbild im Cascading Style Sheet festgelegt?). Um eine effizientere Programmierung zu ermöglichen, ruft z.B. die Index-Datei index.php den Header, die Sidebar und den Footer auf. Auch das irritiert im ersten Moment, aber man erkennt schnell, dass es den Aufbau eines Themes deutlich erleichtert.

Zitat

Das Theme enthält übrigens 5 verschiedene Bilder, die im Zufallsprinzip rotieren...

Also, wenn ich das richtig sehe, ändern sich die Bilder in der Kopfzeile in Abhängigkeit davon, was gerade angezeigt wird – eine Übersichtsseite, ein einzelner Artikel, ein Archiv, die Startseite, etc. Das hat aber mit Zufallsprinzip nichts zu tun.

Zitat

Wie verändere ich also erstmal das Bild? Achso, nochwas dazu, ich habe mein Bild bereits in meinem WP-Server hochgeladen, er befindet sich dort http://ntropy.de/wp-admin/media…=31&action=edit
Wie bekomme ich das Ding ins neue Theme? Einfach die Adresse durch den alten Bildlink ersetzen?

Am leichtesten wird es sein, wenn Du in Deinem Theme-Ordner unter images die Bilder durch eigene Fotos mit gleicher Abmessung ersetzt.

Zitat

Wie verändere ich die Schriftart? Auf allen Seiten!

Im Style Sheet.

Du kannst in die Sidebar Links integrieren, wie Du magst. Und natürlich können diese Links auch per Stylesheet beliebige Farben zugewiesen bekommen.

Das Tag wp_list_categories() liefert als CSS-Selektoren leider nur cat-item (für alle), cat-item-# (wobei # die ID der jeweiligen Kategorie ist) und current-cat für die gerade angezeigte Kategorie.

Es ist aber kein Problem, die ID der Kategorien zu ermitteln. Dazu gehst Du im Backend auf Kategorien, bewegst die Maus über die Kategorien und liest den Wert in der Statusleiste ab.

Mit dem WP-Tag wp_list_categories() werden die in Deinem Blog verwendeten Kategorien aufgelistet. Dabei erhält jeder Eintrag eine eigene Klasse, z.B. "cat-item-7" für Kategorie 7.

Mit Hilfe einer kleinen Erweiterung Deines Stylesheets bekommst Du die Kategorie farbig dargestellt:

li.cat-item-7, 
li.cat-item-7 a {
color: #ff0000;
background: #0000ff;
}

Zitat von press

Meinst du die unter: wp-includes/js/jquery/ ? Wenn ja, welche?

Das "eingebaute" jQuery lässt sich z.B. in der header.php ganz einfach durch

<?php wp_enqueue_script('jquery'); ?>
<?php wp-head(); ?>

nutzen (wichtig ist die Reihenfolge, also die Einbindung vor wp_head() ).

Zitat

PHP

$("a").click(function(event){ alert("Hallo!"); });//hier Deine Funktion

funktioniert bei mir bei allen Einbindungsarten.

Damit es beim Laden von jQuery nicht zu Konflikten kommt, arbeitet jQuery im no conflict-Modus. Dies hat zur Folge, dass man die jQuery-Funktionen entweder so:

jQuery(document).ready(function($) {
    // $() funktioniert 
});

oder so:

(function($) {
    // $() funktioniert innerhalb dieser Funktion
})(jQuery);

einbetten muss.

Zitat

Diese Einbindungsart funktioniert:

PHP

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">

mehr schlecht als recht ...

Die Nachteile dieser Form der Einbindung von jQuery werden hier beschrieben.

Schau doch noch mal in den Codex. Vielleicht hast Du etwas übersehen?

Zitat von maxe

... aber die Frage ist sowieso, warum nimmst du eine externe jQuery wenn doch WP schon eine mitbringt?

Dafür sprechen mehrere Gründe:

• Schnellere Reaktionszeit: Die CDN-Server von Google dürften schneller arbeiten, als mein Billig-Provider.
• Weniger Transfervolumen auf dem eigenen Server
• Caching: Der Besucher hat eher das immer wieder von Google kommende jQuery im Cache, als die Version von meinem Blog
• Aktualität: durch die Verwendung von

wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '5.0');

[INDENT]wird immer die aktuelle jQuery-Version geladen.
[/INDENT]Ein Argument gegen die Verwendung von Googles CDN wäre, dass auch diese Webserver mal nicht erreichbar sein könnten. Aber, hey, das wäre doch auch mal eine tolle Erfahrung.

Grundsätzlich setze ich jQuery nur so ein, dass die Website auch bei deaktiviertem JavaScript noch "funktioniert". Sie sieht dann eben nur nicht mehr so schnieke aus. Stichwort "unobstrusive javascript".

Zitat von x000x

Ok, jetzt kann ich natürlich nicht einfach das Stylesheet vom Theme TwentyTen abändern - ich muss jetzt in den Styles vom Plugin die vom Theme überschreiben.
Dazu würde ich die Styles direkt in den Elementen definieren, da das vermutlich der einzige Weg ist sicher zustellen, das meine Styles nicht wieder überschrieben werden. Oder sehe ich das falsch?

Seit WP 3.0 gibt es die Möglichkeit, so genannte Child Themes zu erstellen. Dabei schreibst Du Anpassungen eines Themes in einen eigenen Ordner. Vorteil: Wird das Theme erneut eingespielt (z.B. bei einem Update), bleiben Deine Anpassungen hiervon unberührt und werden eben nicht überschrieben.

Es gibt bereits einige Anleitungen, die die Funktionsweise von Child Themes erläutern. (z.B. hier)

Zitat von press

Das mit CSS war mir bekannt, allerdings ist da nur der Rahmen außenrum abgerundet, nicht jedoch das Bild bzw. Foto an sich. Dazu müsste es wohl ein Hintergrundbild sein.

Ups, da hab ich wohl was falsch verstanden.

Zitat

Ich habe die zweite Möglichkeit gerade ausprobiert, wenn ich meine Funktion so wie sie ist in den Header einsetze, verändern sich die Bilder nicht, ich befürchte ich spreche nicht die img nicht richtig mit meiner Funktion an.

Änderung in der [FONT=Courier New]functions.php[/FONT] vorgenommen? jQuery-Aufruf geändert?

[COLOR=#000000][COLOR=#0000BB]jQuery[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]ready[/COLOR][COLOR=#007700](function($){...[/COLOR][/COLOR]

statt

[COLOR=#000000][COLOR=#0000BB]$[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000BB]ready[/COLOR][COLOR=#007700](function($){[/COLOR][/COLOR]

?

Zitat

...
Oder wie kann man ein span um die img legen?

jQuery wäre da tatsächlich eine Möglichkeit.
Versuch doch erst mal, jQuery generell einzubinden und dann z.B. ein einfaches alert() auszugeben (um zu testen, ob die Einbindung klappt).

Zum einen könntest Du das mit Hilfe von CSS erreichen:

img {
width: 300px;
height: 100px;
padding: 20px;
border:3px solid #ccc;
left:10px;top:50px;
-moz-border-radius:30px;
-khtml-border-radius:30px;
background: #fff;}

Siehe "Tricks und Tipps: Rahmen mit abgerundeten Ecken"

Was Deine jQuery-Funktion angeht:

in die functions.php setzt Du

if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
   wp_enqueue_script('jquery');
}

um jQuery einzubinden. Anschließend setzt Du deine jQuery-Funktion in den Header:

<script type="text/javascript">
jQuery(document).ready(function($){  
 
 $("a").click(function(event){ alert("Hallo!"); });//hier Deine Funktion


});
</script>

Wer mit den zahlreichen Themes für WordPress nicht glücklich ist und vor der Entwicklung eines neuen Themes steht, hat verschiedene Möglichkeiten:

• Er (sie) kann das "Rad neu erfinden" und von der ersten Zeile an alle notwendigen WP-Tags und -Funktionen aus dem Codex und dem einen oder anderen Fachbuch zusammen suchen (… mühsam!).
• Er (sie) kann versuchen, das mitgelieferte Theme Twenty Ten auf die eigenen Bedürfnisse anzupassen. Dieses neue Theme bietet schon im Backend viele Möglichkeiten zur Anpassung (Auswahl eines anderen Headers oder Hintergrunds, individuelle Zusammenstellung von Widgets und Menüs) und spätestens mit Einführung der so genannten Child Themes kann man auch relativ "gefahrlos" die einzelnen php-Dateien des Themes editieren und an die eigenen Wünsche und Vorstellungen anpassen.
  Allerdings ist das neue Theme auch recht komplex und gerade Einsteiger dürften – trotz guter Kommentierung in den Dateien – recht schnell vor der Vielzahl von Tags, Funktionen und auch Abweichungen vom Standard kapitulieren ("alles so schön bunt hier").
• Dritte Möglichkeit ist, auf ein einfacheres Theme, etwa das bis WP 2.9 gebräuchliche Default-Theme zurückzugreifen. Dieses Theme ist ebenfalls gut kommentiert und außerdem im Aufbau etwas übersichtlicher, als das neue Theme. Allerdings wird auch hier eine grundlegende Gestaltung bereits vorgegeben, was in einem Anfall übermäßiger Kreativität als leicht störend empfunden werden kann.
• Vierte Möglichkeit ist die Verwendung eines so genanntes Blank Theme, in dem bereits das Gerüst mit allen notwendigen Tags, Funktionen, Templates für die unterschiedliche Darstellung von Seiten, Archiven, etc. sowie einem Style Sheet-Grundgerüst (inklusive reset.css) vorhanden sind, das sich aber in der Gestaltung sehr zurück nimmt und damit der Kreativität viel Platz lässt.

Bisher habe ich als Blank Theme am liebsten Starkers verwendet.

Der Code in diesem Theme ist sehr ordentlich strukturiert und ausgezeichnet dokumentiert. So enthält z.B. der [FONT=Courier New]<head>[/FONT]-Bereich gerade einmal 41 Zeilen, von denen 22 Zeilen aus Kommentaren bestehen.
(Zum Vergleich: der <head>-Bereich von Twenty Ten hat 53 Zeilen bei 23 Zeilen Kommentar, wobei der Code komplexer strukturiert ist.)

Durch die gute Kommentierung und den strukturierten Code ist die Anpassung an die eigenen Gestaltungswünsche vergleichsweise* einfach (*zur Erinnerung: auch hier gibt es auf der Tastatur keine "Wundertaste", die auf einen Schlag alle Aufgaben erledigt; Programmieren ist auch Handwerk).

Starkers wurde inzwischen an WordPress 3.0 angepasst und besonders die [FONT=Courier New]functions.php[/FONT] hat viele (alle?) Elemente aus Twenty Ten übernommen. 499 Zeilen Programmiercode (Twent Ten: 403) erschließen sich dem Einsteiger nicht unbedingt beim ersten Anlauf, dürfen aber im Zweifelsfall einfach erst mal übernommen werden.

Gestern Abend bin ich nun über ein Projekt gestolpert, dass es eigentlich schon seit geraumer Zeit gibt: Seit März 2007 arbeitet Dipl.-Ing. Frank Bültge, WordPress-Experte und -Buchautor, an einem eigenen Blank Theme, das er WP Basis Theme genannt hat. Diese Theme liegt seit März 2010 in Version 1.2.3. vor und kann kostenlos (GPL, Spenden erwünscht) von einer eigens eingerichteten Webseite herunter geladen werden.

Im wesentlichen handelt es sich auch hier um ein Blank Theme, das sich rasch an die eigenen Gestaltungswünsche anpassen lässt. Gleichzeitig ist aber in dieses Theme sehr viel gebündeltes Know-how eingeflossen: Wer auf seiner Website etwa "ähnliche Beiträge" anhand der Kategorie oder Tags auflisten möchte oder eine BreadCrumb-Navigation anbieten will, erhält gleich die entsprechenden Tags mitgeliefert. E-Mail-Adressen können (um Spam-Bots zu ärgern) mit Hilfe der Unicode-Codierung verschlüsselt eingebunden, Tiny-URLs von Artikeln angeboten werden, uvm. – Die Liste der integrierten Funktionen umfasst 42 Punkte. Auf der Webseite (und einer beim Download mitgelieferten [FONT=Courier New]reame.html[/FONT]) sind Theme und Funktionen gut erläutert. Leider sind die Template-Dateien für meinen Geschmack etwas spärlich kommentiert.

Anwender, die WordPress schon eine Weile nutzen, können mit Hilfe eines Basic Child Theme die Funktionsweise von Child Themes ausprobieren. Einen Blick in die Zukunkft bietet das mitgelieferte Child Theme basic-html5, das bereits die neuen HTML-Tags verwendet und mit Hilfe eines gleich mitgelieferten JavaScripts auch für ältere Browser abwärtskompatibel macht. (Hier lohnt sich übrigens auch ein Seitenblick auf das (englische) Projekt HTML5-Boilerplate.)

Insgesamt macht das Basic Theme also einen sehr ausgereiften Eindruck und lädt zum Aufbau der nächsten Webseite ein. Höchste Zeit für eine Erwähnung in wordpress-deutschland.org (oder habe ich etwas überlesen?).

Bego

Gefällt mir gut.

Kleine Änderungsvorschläge:

• Brotschrift etwas kleiner und kontrastreicher
• Impressum vervollständigen (Handelsgerister, USt-ID)

Ist das ein Kundenauftrag? Dann wäre eine kleine Fotosammlung in der Mediathek für künftige Beiträge hilfreich.

Wie lange hast Du an der Homepage gearbeitet (vom Entwurf bid zur Fertigstellung)?

Unterstützt das eingesetzte Theme Widgets?

Zitat von negat

D.h., ich verlinke direkt auf die Bild-URL (also z. B. "http://www.fremd-domain.com/ordner/bildname.jpg") um keine urheberrechtlichen Probleme zu bekommen.

IANAL, aber auf diese Weise dürften urheberrechtliche Probleme vorprogrammiert zu sein. Kurzgefasst: Dem Urheber eines Werkes steht das ausschließliche Recht der Verwertung zu. Dieses Recht kann er (in der Regel gegen Zahlung) auf Dritte übertragen.

Wenn Du das Bild durch einen Link auf Deiner Homepage ohne ausdrückliche Genehmigung verwertest, verstößt Du auch gegen das Urheberrecht – egal, ob der Link mit "target=_blank" oder in einem Rahmen aus rosa Blümchen angezeigt wird. Der Urheber hat Recht auf eine angemessene Lizenzgebühr und ggf. Schadenersatz (z.B., wenn er gegen Zahlung einem Dritten ein exklusives Nutzungsrecht zugesagt hat und nun das Bild auf Deiner Homepage auftaucht). Kann teuer werden …

Du solltest also entweder das Verwertungsrecht einholen (schriftliche Zusage, bei Hobbyfotografen, bzw. -Künstler vielleicht sogar kostenlos) oder aber auf die betreffende Internetseite (etwa http://www.fremd-domain.com) mit dem in Frage kommenden Bild verlinken.

Wo hast Du denn wp_enqueue_script() verwendet?

Ich habe folgendes in der functions.php:

if( !is_admin()){
       wp_deregister_script('jquery');
       wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
       wp_enqueue_script('jquery');
}

Die Zeilen wp_deregister_script() und wp_register_script() würden bei einer lokalen Installation ggf. wegfallen.

In der header.php habe ich dann die jQuery-Funktion:

<script type="text/javascript">
jQuery(document).ready(function($) {


$("a").click(function(){
   alert("Hallo!");
 });
    
});
</script>

Manchmal hilft die Foren-Suche. Schau Dir mal den Thread "abfragen, ob eingeloggt" an, der Rest ist ein bisschen CSS.

Schau Dir mal in der [FONT=Courier New]functions.php[/FONT] Zeile 292 ff. an. Dort wird die Funktionsweise von the_excerpt so umgebogen, dass statt der Auslassungspunkte [Weiterlesen →] erscheint und der Auszug auch nur (sofern nicht vom Autor anders bestimmt) 40 (statt 55) Zeichen umfasst.

Diese Änderungen lassen sich natürlich beliebig ändern. Statt

return ' <a href="'. get_permalink() . '">' . __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) . '</a>';

könnte man z.B.

return ' <a href="'. get_permalink() . '">' . 'Neugierig geworden? <span class="meta-nav">&rarr;</span></a>';

verwenden.

Bego

Jetzt hab ich ein wenig im Artisteer-Forum gestöbert (ich benutze Artisteer selber nicht) und bin auf folgendes gestoßen:

Zitat

Suche in der [FONT=Courier New]functions.php[/FONT] nach der funktion [FONT=Courier New]art_vmenu_items()[/FONT] und ersetze dort
[FONT=Courier New]wp_list_pages('title_li=&sort_column=post_title');
[/FONT] durch
[FONT=Courier New]wp_list_pages('title_li=&sort_column=menu_order');
[/FONT]