Sehr kurze Auszug: Wordpress, getrennte Klassen in zwei Spalten

Mittwoch, 19. November 2008

Auf der Grundlage von Wordpress Hack # 2 - Trennen Sie die Kategorien in den Spalten in der Seitenleiste kann es nützlich, "Pause" in zwei Spalten auf der Liste der Kategorien von Wordpress. Wenn die Reihenfolge wollen wir erreichen, ist von links nach rechts, und zwar CAT1 | CAT2 (Kopf) CAT3 | cat4 (Kopf) etc ... Es besteht keine Notwendigkeit für die Verwendung eines PHP-Code, sondern nur das Spiel mit Stilen Einstellung der Tag li float:left und "schließen" mit der entsprechenden width Tag ul um zu senden "Kopf" der nächsten li In Fällen, in denen die CSS eher nicht kommen, zum Beispiel in der Reihenfolge CAT1 | CAT3 (Kopf) CAT2 | cat4, wir können mit diesem einfachen Code:

PHP:
  1. ( "<br />" ,wp_list_categories ( 'title_li=&echo=0&depth=1&style=none' ) ) ; $ Katzen = explode ( "<br />" wp_list_categories ( 'title_li = & echo = 0 & depth = 1 & style = none'));
  2. ( ( sizeof ( $cats ) - 1 ) / 2 ) ; $ Mitte = round ((sizeof ($ Katzen) - 1) / 2);
  3. ( $cats , 0 , $middle ) ; $ Cats_left = array_slice ($ Katzen, 0, $ mitte);
  4. ( $cats , $middle , - 1 ) ; $ Cats_right = array_slice ($ Katzen, $ Mitte - 1);
  5. . implode ( '</li><li>' , $cats_left ) . '</li></ul>' . echo '<ul class="left"> <li> ". implode (' </ li> <li> ', $ cats_left)." </ li> </ ul>'.
  6. ( '</li><li>' , $cats_right ) . '</li></ul>' ; "<ul class="right"> <li>". implode ( '</ li> <li>', $ cats_right). "</ li> </ ul> ';

Verwandte Post

jQuery: abgerundete Kanten auf die Bilder, um Überschneidungen

Donnerstag, 30. Oktober 2008

Aufgrund der unterschiedlichen Darstellung von den verschiedenen Browsern, die sich Microsoft Internet Explorer zu berücksichtigen, müssen wir immer auf Kunststücken für die Auswirkungen, die jetzt zu einem Standard. Die Multi-diskutiert abgerundeten Kanten sind ein klassisches Beispiel für die "Katastrophe" durch die vollständige Unfähigkeit, eine Norm für schwere Rendering von HTML / CSS. Es gibt viele Online-Lösungen, die es Ihnen ermöglichen, um die "Auswirkungen" (Auswirkungen dall'HTML Freistellung als abgerundeten Ecken, Schatteneffekte, Spiegelungen, etc. ...) mit Patches auf die Blätter von Stilen, spezielle Tricks mit dem Einsatz von div veredelten , JavaScript-Bibliotheken, die Verwendung von canvas etc. ...
Für rein Bildungseinrichtungen möchte ich erklären, weitere Technik (Cross-Browser), um die Kanten gerundet, um die Bilder:

Demo-und Source -

Lesen Sie weiter ... "

Verwandte Post

Wordpress: Schreiben Sie eine persönliche logout

Montag, 27. Oktober 2008

Ausgehend von post Wordpress: Schritt für Schritt, wie Sie ein Login, der die Login-Verfahren von Nutzen sein könnte, um anzuzeigen, in unserem Blog einen Link, um sich abzumelden, oder logout. Verwenden Sie es nicht in diesem Fall die Standard-Verfahren von WordPress, aber wir werden sehen, wie die Anmeldung auf einem niedrigen Niveau. Zunächst müssen wir verstehen, ob ein Benutzer eingeloggt ist oder nicht. Dies ist möglich, einfach die Abfrage der Variable $user_ID Wordpress. Zum Beispiel:

PHP:
  1. $user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ user_id! ='') (/ / oder if (is_user_logged_in ()) (
  2. / / User ist "angemeldet" ...
  3. )

Sobald wir wissen, dass ein Benutzer angemeldet ist das System, wir können einen einfachen Link zu unserer Seite abmelden. Dann erstellen wir eine Seite, zum Beispiel logout.php und auch den folgenden Code ein:

PHP:
  1. / **
  2. * Führt logout
  3. *
  4. * @ Author Giovambattista Fazioli
  5. * @ @ E-Mail g.fazioli undolog.com
  6. * @ Web http://www.undolog.com
  7. * /
  8. / / Invoke WordPress Bootstrap
  9. 'wp-config.php' ) ; @ Require_once ( 'wp-config.php');
  10. 'wp-includes/pluggable.php' ) ; @ Require_once ( 'wp-includes/pluggable.php');
  11. / / Wp logout
  12. wp_logout ();
  13. / / Laden einer anderen Seite
  14. "Location: /" ) ; header ( "Location: /");

Und nur dann Links auf unsere Seite, um ein Protokoll der Verfahren:

PHP:
  1. $user_ID != '' ) { if ($ user_id! ='') (
  2. ; echo '<a href="logout.php"> Run logout </ a>';
  3. )

Verwandte Post

Wordpress: Verbesserung der Liste der Einträge

Mittwoch, 22. Oktober 2008

Die Standard-Template für Wordpress (wie andere) in der Regel eine alternative Layout für die Liste der Einträge. In der Standard-Template für eine solche Klasse ist css alt nach der Logik:

PHP:
  1. / / File comments.php
  2. $oddcomment ; ?>id= "comment-<?php comment_ID() ?>" > <li <? php echo $ oddcomment;?> id = "comment-<? php comment_ID ()?>>
  3. [...]
  4. / * Änderungen jeder anderen Kommentar zu einer anderen Klasse * /
  5. empty ( $oddcomment ) ) ? 'class="alt" ' : '' ; $ Oddcomment = (empty ($ oddcomment))? "Class =" alt "':'';

Dies bedeutet, dass der Tag li $oddcomment wird einmal leer ( "" und einmal class="alt" Eine Änderung könnte nützlich sein, eine andere Klasse, wenn es der Autor des Blogs an, um einen Kommentar:

Bild

Ich zum Beispiel habe ich den folgenden Code in die Datei comments.php:

PHP:
  1. <? Php
  2. $comment -> user_id == 3 ) ? ' $ Authcomment = ($ comment -> user_id == 3)? " ; authcomment':'';
  3. empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; $ Classcomment = (empty ($ classcomment)) (($ authcomment =='')? "alt':''):'';
  4. >
  5. id= "comment-<?php comment_ID() ?>" > <li class = "<?=$ classcomment ?><?=$ authcomment?> "id =" comment-<? php comment_ID ()?>>

Die Zeile $comment->user_id==3 können je nach ID des Benutzers. Ich möchte nicht den Administrator, um den Blog, aber ich habe meine ID=3 In der Regel l ID ist 1 wenn Sie dieses Benutzers schreiben können: $comment->user_id==1 Auf diese Weise wird neben der Wechsel-Layout über die Kommentare von Besuchern, es ist sofort erkennbar Reaktion des Blogs.

Verwandte Post

Wordpress: ändern AdminBigWidth für Entwickler

Freitag, 17. Oktober, 2008

AdminBigWidth ist ein Plugin für Wordpress können den Arbeitsbereich eines Vollbild. Es ist ein sehr einfaches Plug-and-trivial, weil der Code nichts mehr als die .wrap

PHP:
  1. AdminBigWidth Funktion () (
  2. ; echo '<style type="text/css">. Wrap (max-width: none) </ style>';
  3. )
  4. , 'AdminBigWidth' ) ; add_action ( 'admin_head', 'AdminBigWidth');

Für diejenigen, die wie ich nutzen die Wordpress-Editor im HTML-Modus kann nützlich sein, um eine monospaced Zeichen, wie z. B. Courier, statt der vorgeschlagenen Standard-Schriftart. Auf diese Weise, zumindest für die Entwickler ist es einfacher, um Source-Code. Um dies zu tun, die Sie hinzufügen, in der Art der AdminBigWidth, eine neue CSS, die sich, wenn der Verlag ist auf HTML. Sie können ein Plugin schreiben (zwei Zeilen), dies zu tun, aber es ist besser, seinen Code AdminBigWidth, um zu vermeiden, dass weitere Belastung durch all'ennesimo Plugin:

PHP:
  1. AdminBigWidth Funktion () (
  2. ; echo '<style type="text/css">. Wrap (max-width: none) # # editorcontainer Inhalt (font-family: "Courier New", Courier, monospace) </ style>';
  3. )
  4. , 'AdminBigWidth' ) ; add_action ( 'admin_head', 'AdminBigWidth');

Verwandte Post

jQuery: Animierte backgroundColor

Mittwoch, 15. Oktober 2008

Ich verstand nicht, ob es sich um einen Fehler oder etwas wollen, aber es bleibt die Tatsache, dass die Methode animate() von jQuery funktioniert nicht mit CSS-Eigenschaften, einschließlich der background-color (die, wie camelize ist backgroundColor Zum Beispiel mit dem folgenden keine Wirkung:

HTML:
  1. > <style "text/css" Art =>
  2. div # box (background-color: # EEE; width: 100px; height: 100px)
  3. </ Style>
  4. <! - .... ->
  5. > </div> <div id = "box"> </ div>

JavaScript:
  1. ) . animate ( { backgroundColor: "#f90" } ) ; $ ( '# Div box "). Lebendig ((backgroundColor:" # F90 "));

Um dieses Problem zu beheben, müssen Sie eine Erweiterung installieren: jQuery Color Animationen. Dies ermöglicht es Ihnen, "Animation" sull'attributo backgroundColor und darüber hinaus:

  • backgroundColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • color
  • outlineColor

Verwandte Post

Wordpress: wie man eine Antwort auf Kommentar mit jQuery

Freitag, 3. Oktober 2008

Kürzlich Cristiano Bis eine Gewinn-Plugin für Wordpress können zwei Links zu jedem Kommentar von einer Stelle (vielleicht haben Sie eine ähnliche, angesichts der Tatsache, dass das Verzeichnis WordPress.org Ich habe ein paar Irre, aber es wäre ein Software-Italienisch die Veranstaltung zu Ehren der hervorragenden Arbeit von Cristiano). Diese Links (Antwort-Quote) in Reaktion und / oder eine Liste der Autor eines Kommentars, indem Sie die langweilige Betrieb, um die At-Zeichen (@), um anzuzeigen, an wen sie gerichtet ist. In diesem Tutorial werde ich erklären, - in den mittel-Experten - wie Sie sich diese beiden Merkmale dieser selbst, ohne die Installation von Plug-Ins. Außerdem, mit den Fähigkeiten von jQuery, um die Partei in Javascript. Die Technik, das ist es, die gleiche habe ich die Einführung dieser Funktion in diesem Blog.

Hinweis: Die Verwendung eines Plugins ist die beste Lösung für diejenigen, die eher zu häufig ändern Sie Ihre WordPress-Template, zu beschränken oder es in der Erwartung zu tun. Dieses Tutorial will nur, um zu zeigen, wie man gezielte Eingriffe in den Code Wordpress und ist für die meisten neugierig.

Ändern Sie die Datei comments.php

Die erste Änderung ist, dass, um den Link zu "antworten" und "Quoten" in jeder Kommentar. Um dies zu tun, editieren Sie die Datei comments.php befindet sich in dem Ordner, der unser Thema. Diese Datei enthält alle Anweisungen, die es Ihnen ermöglichen, um die Kommentare am Ende der Nachricht. Der Abschnitt, die uns (die können sich leicht von Ausgabe zu Ausgabe) ist die Schleife, um die verschiedenen Stellungnahmen, erkennbar durch:

Lesen Sie weiter ... "

Verwandte Post

Die Kunst der Kommentierung: Tipps

Dienstag, 29. April 2008

Wenn ein "Beispiel" kann mehr als tausend Worte, ein Programmierer für ein "Kommentar" können Sie sich Stunden nach der Arbeit! Kommentar der Code ist oft eine langwierige und bei der Ausarbeitung des Kodex, so scheint es einem immer sinnlos. Im Gegenteil, vor allem, wenn Sie die alten Codes, die nur in den Anmerkungen zu unendlich nützlich für den Wiederaufbau Wege geistigen jetzt vergessen. Zum Glück, für Leute wie mich Verbreitung über das Internet, es gibt eine riesige vatanggio zu fast allen der Code auf die gleiche Weise! Die Doppel-Schrägstrich (/ /) oder Eindämmung durch Schrägstrich Sternchen Sternchen und Schrägstrich (/ * und * /) wird von nahezu allen lunguaggi Entwicklung gemeinsamer Einsatz, fast alle aus dem C: Javascript, Actionscript, PHP,. ..
Lesen Sie weiter ... "

Verwandte Post

Snipplr Code 2.0: Fragmente (snipp) Code nützlich

Samstag, 26. April, 2008

Snipplr Es war eine lange Zeit, die ich wollte darauf hinweisen, diesen wertvollen Dienst für die Programmierung. Snipplr (Code 2.0) ist eine echte Aggregator oder Repository von Code-Snippets nützlich. Sie können sich kostenfrei registrieren und senden Sie Teile seiner Software und vor allem, die vielen snipp bereits vor Ort. Ich habe viele Sprachen behandelt (Actionscript, ASP, C #, MatLab, PHP, Rails, SVN, usw. ...), alle gut sortiert und katalogisiert. Sie können auch eine praktische Plugin für Wordpress können Sie auf unserem Blog snipp-Code durch seine eindeutige ID.

Verwandte Post