Beiträge von cqrt

ok, habe genau das gefunden, was ich brauche. http://wordpress.mcdspot.com/2010/06/02/stay-in-category/

Vorab, das ist mein erstes Theme. Funktioniert soweit auch ganz gut bis auf kleinere Bugs. Weiterer Content folgt auch noch, sollte aber zum Verständnis reichen. :)

Folgendes Problem: Ich habe Beiträge mehrere Kategorien zugewiesen. Wenn ich nun eine Kategorie auswähle, werden auch die richtigen Beiträge angezeigt. Klicke ich aber nun auf einen Beitrag und nutze im Beitrag das (Next und Prev) Menü, um einen vorherigen/letzteren Beitrag einzusehen wechselt Wordpress die Kategorie bzw. weiß Wordpress nicht in welcher Kategorie es sich befindet.

Als Beispiel die Kategorie: Architecture. Die dort angezeigten Beiträge stimmen soweit. Klickt man nun auf das erste Bild A und klickt sich durch die Beträge über das Menü (Next und Prev) wird man schnell feststellen, dass man sich in der Kategorie "City Life" bewegt aber nicht in der Kategorie "Architecture". Unterhalb des Bildes A sieht man, es befindet sich sowohl in "Architecture" als auch in "City Life". Ich vermute mal, ich muss einen Art Filter für das Menü verwenden, damit Wordpress weiß, dass ich von der Kategorie "Architecture" komme und somit das Menü anpasst.

Meine PHP skillz sind dafür zu unterirdisch... :/ wäre aber die letzte Hürde, dann würde ich nochmal das ganze "refactorn" (lvl anfänger) und dann dürft ihr es mir gerne auseinander nehmen! Habe noch einiges zu lernen.

da die integrierte Komprimierung in Wordpress nicht die beste ist, habe ich diese in der function.php ausgeschaltet und die qualität auf 100% gesetzt.

...
add_filter('jpeg_quality', function($arg){return 100;});
add_filter( 'wp_editor_set_quality', function($arg){return 100;} );
...

Bei dem Beitragsbild, welches man ja seperat bei dem erstellen eine Beitrages auswählen kann, möchte ich diese aber bestehen lassen. Im moment wird das Beitragsbild auch automatisch in der Größe verändert, mit:

...
add_image_size('grid',300 ,9999, true);
...

Nur möchte ich aber gleichzeitg neben der Größe auch die Qualität verändern. Stoße bei goolge leider immer nur auf Beiträge, die das image_size behandeln. wie z.B.
http://www.studiograsshopper.ch/web-developmen…-cropping-demo/

Bin leider kein php ass... aber es sollte ja möglich sein, "function($arg){return 100;}" auf 'grid' anzuwenden?!

Vorab, das Plugin funktioniert soweit. Habe es auch erst mal komplett in den Header geschoben. Nur je nachdem welches javascript ich verwende ist die Darstellung meiner Posts (beim laden) unterschiedlich.
Ich füge zum Verständnis einmal den Quelltext und Bilder hinzu.

Version A

...
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/masonry/masonry-docs.min.js"></script>
[COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#3366CC]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
jQuery[COLOR=#009900]([/COLOR]document[COLOR=#009900])[/COLOR].[COLOR=#660066]ready[/COLOR][COLOR=#009900]([/COLOR][COLOR=#000066][B]function[/B][/COLOR][COLOR=#009900]([/COLOR]$[COLOR=#009900])[/COLOR][COLOR=#009900]{[/COLOR]
  $[COLOR=#009900]([/COLOR][COLOR=#3366CC]'.content'[/COLOR][COLOR=#009900])[/COLOR].[COLOR=#660066]masonry[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900]{[/COLOR] singleMode[COLOR=#339933]:[/COLOR] [COLOR=#003366][B]true[/B][/COLOR] [COLOR=#009900]}[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
[COLOR=#009900]}[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]...

Dieser Quelltext verursacht folgende Darstellung:
[Blockierte Grafik: http://www.cqrt.de/upload/img/html_02.jpg]

Sobald ich die Größe des Browserfensters veränder passt sich aber alles an:
[Blockierte Grafik: http://www.cqrt.de/upload/img/html_01.jpg]

Version B

...
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/masonry/masonry-docs.min.js"></script>
[COLOR=#339933]<[/COLOR]script type[COLOR=#339933]=[/COLOR][COLOR=#3366CC]"text/javascript"[/COLOR][COLOR=#339933]>[/COLOR]
(function($){


  $(window).load(function() {


  // Masonry Trigger
  var $container = $('.content');


  $container.masonry({
  // options
  itemSelector: '.content_box' 


  });


  }); 


})(jQuery);...

Verursacht folgende Darstellung beim laden:

[Blockierte Grafik: http://www.cqrt.de/upload/img/html_03.jpg]

ändert sich aber innerhalb von 1-2 sek in die richtige:

[Blockierte Grafik: http://www.cqrt.de/upload/img/html_01.jpg]

Bei Version A konnte ich die fehlerhafte Positionierung der Boxen beheben, indem ich in meiner css Datei flogendes auskommentiere:

.content_box img[height],
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
    height: auto;
    }

Doch dann werden die Grafiken verzerrt dargestellt, da sich die Höhe nicht mehr automatisch zur Breite proportional verändert.

[Blockierte Grafik: http://www.cqrt.de/upload/img/html_04.jpg]

Zusammengefasst:
Version A: Boxen sind sofort in einer Reihe, sind aber in der Höhe falsch positioniert. Sobald die Größe des Browserfensters verändert wird, passt sich alles an.

Version B: Boxen sind zunächst untereinander verschieben sich aber nach 1-2 Sek automatisch.

Version A mit auskommentierten CSS Teil: Boxen Sind in einer Reihe und an richtiger Stelle. Nur sind die Grafiken dann verzerrt.

Suche eine Lösung, wo die Boxen einfach sofort richtig angezeigt werden. Wie eigentlich bei Version B nur ohne Verzögerung. :/ Jemand eine Idee?