Constance & Daniel » Webdesign

Relaunch!!

Daniel — Thu, 16 Jul 2009 13:25:13 +0000

Ich sollte langsam mal nachzählen, die wievielte Wiedergeburt meiner mores.cc dies hier ist.

Der Screenshot ist von der Vorgängerversion.

MySQL Tipp des Tages: Alle Spalten durchsuchen

Daniel — Fri, 24 Apr 2009 09:35:52 +0000

Man braucht es immer wieder: das Durchsuchen einer MySQL Tabelle mit vielen Spalten nach einem bestimmten Wort, aber man ist sich nicht sicher in welcher Spalte dieses Wort zu finden ist. War’s nun bei “name” oder “vorname” oder “name_komplett” ?

SELECT * FROM mycontact WHERE CONCAT(`Spalte_1`,`Spalte_2`, ..., `Spalte_n`,) LIKE 'wort';

WordPress Plugin: Resize at Upload Plus

Daniel — Tue, 06 Jan 2009 11:49:06 +0000

Okay, es ist nicht wirklich ein “neues” Plugin, eher eine Verbesserung eines sehr einfachen aber dennoch sehr sinnvollem und nützlichen Plugin namens Resize at Upload. Dieses Plugin verkleinert automatisch Bilder, die hochgeladen werden, falls diese einen Maximalwert übeschreiten. Dies ist besonders praktisch, falls ein Kunde seine 25 Megapixel Bilder hochlädt und sich dann wundert, warum das Layout zerschossen ist

Nachdem mir eine Option der Höhenregulierung fehlte, und Anton sein Plugin weiterhin einfach und leicht halten wollte, habe ich es einfach selbst hinzugefügt. Und ich mich gerne in Ruhm und Ehre bade, schreibe ich darüber

Okay, actually it’s not a new plugin, it’s just an improvement of a really neat and simple plugin called Resize at Upload. This plugin will automatically resize images that are too large when they’re uploaded – if your client choses to directly import his 25 megapixel photos . Resize at Upload will reduce the dimensions to those that you set. This will conserve webspace and keep your layout nice and tidy.

Since I missed an option to also set a max height, I simply added it to Anton’s plugin. And since I’m hungry for fame, I post about it

Meine Modifizierung hier herunterladen

Die Anwendung ist simpel:

Meine Version des Plugins herunterladen
unzippen
In das yoursite/wp-content/plugins Verzeichnis hochladen
aktivieren
Einstellungen checken und anpassen.

Dann

Hierher zurückkehren und einen Kommentar hinterlassen, wie toll meine Modifikation doch ist
Zu Anton’s Seite surfen und auch ihm danken, dass er das Plugin erdacht, programmiert und verbreitet hat.

Spenden

Sollte dieses Plugin Euch Freude bereiten, oder einProjekt vereinfachen / ermöglichen, oder einen Kunden zufriedenzustellen, so würde ich mich über eine Spende freuen. Ich werde 50% aller Eingänge mit Anton teilen, da sein Plugin die Basis von meinem ist.

[donate]

Download my modification here

Usage is simple:

Download the my version of the plugin
unzip
upload to yoursite/wp-content/plugins directory
activate
check the settings and adapt to your needs.

Then

come back here and post a comment about how cool this plugin is
go to Anton’s site and thank him for doing the heavy lifting and coming up with a splendid plugin like this

Donate

Should this plugin prove useful by either simplifying your blog, or maybe even please your customer I would appreciate it if you would donate whatever you deem appropriate. I’ll share it with Anton.

[donate]

Lightbox – aber ohne Tooltips!

Daniel — Tue, 06 Jan 2009 00:20:37 +0000

Jeder kennt Lightbox, das nette Javascript, das einfache Links zu JPGs aufpeppt und in der Seite integriert. Viele kennen sicher auch die Möglichkeit der Bildbeschriebungen mittels title=”Bildtitel”.

Nur nervt dies, wenn man mit der Maus über die Thumbnails fährt, und diese hässlichen gelben Boxen, genannt Tooltips, aufploppen. Nun, mit einem Trick kann man dies unterbinden

Folgendermassen muss der neue Code aussehen:

Simpel. Der Link um das Thumbnail herum hat KEINEN Titel, der als Tooltip angezeigt wird. Lightbox erkennt diesen dennoch.

Cross-Browser Compatibilitätscheck mit ies4osx

Daniel — Sun, 28 Dec 2008 16:03:46 +0000

Neulich, als ich eine Seite wieder mal auf die unkompatiblen Browser (Das sind alle die mit “Internet” beginnen und “Explorer” aufhören) testen musste, aber gerade kein PC zur Hand war, stieß ich im Netz auf ein Programm namens ies4osx. Es erlaubt einem, Internet Explorer 6 auf seinem (Intel-)Mac laufen zu lassen.

WordPress Plugin: MetaBackground

Daniel — Wed, 20 Aug 2008 09:59:35 +0000

Mein zweites Plugin. Nicht wirklich aufregend, es gibt auch sicher andere Plugins die genau das selbe machen, aber irgendwer brauchte es.

Wenn Du einem Beitrag einen eigenen Hintergrund verpassen willst, kannst Du dies nun einfach tun, indem Du ein Benutzerdefiniertes Feld namens BGIMAGE erstellst und den absoluten Link zu der gewünschten Datei als Wert einträgst. Um das Hintergrundbild mit CSS-Befehlen zu positionieren, erstelle einfach ein weiteres Benutzerdefiniertes Feld namens BGIMAGECSS und schreibe dort die CSS Befehle hinein. Beispiel “no-repeat top left” oder “no-repeat fixed center”

Download

Download MetaBackGround

Installation

Hochladen, aktivieren.

Benutzerdefiniertes Feld namens BGIMAGE erstellen und den Link zum Bild eintragen.

Changelog

März 07, 2009 - Version 1.1

CSS-Optionen hinzugefügt.

Jänner 17, 2009 - Version 1.0

Veröffentlichung von MetaBackGround

August 20, 2008 - Version 0.01

Plugin erfunden, für jemanden aus dem WordPress Support Forum

Gefällt es?

Dann würde ich mich über eine Email, einen Kommentar (hier) oder über eine Spende freuen

[donate]

My second plugin. Not really a lot of work, probably there are others out there, but this is quick and dirty and gets the job done.

If you want do specify per-post or per-page background images, you’ll want this. Just add a custom field called BGIMAGE to your post or page with the absolute link to your image, and you’re set. Use BGIMAGECSS to modify the styling, like Beispiel “no-repeat top left” or “no-repeat fixed center”

Download

Download MetaBackGround (right-click, then save target as php)

Installation

Upload to your plugins directory, then activate.Write/Edit posts or Pages and add a custom field called “BGIMAGE”, and in the value field enter the absolute path to your background image.

Changelog

March 07, 2009 - Version 1.1

Added CSS options

January 17, 2009 - Version 1.0

publish MetaBackGround, released it to the world

August 20, 2008 - Version 0.01

Write the plugin for someone from WordPress’s support forum

Like it?

Then write me an email or post a comment and tell me so, or [donate]

Internet Explorer 6.x

Daniel — Wed, 16 Jan 2008 22:07:42 +0000

Nachdem zirka die Hälfte der User auf meiner Seite den Internet Explorer verwenden, und davon wiederum die Hälfte noch den veralteten IE6 benutzen, musste ich mir mit meiner Navigation etwas einfallen lassen: das Drop-Down Menü funktionierte nicht in IE6.

Safari, FireFox, Opera, sogar IE7 hatten keine Probleme damit, die Unterseiten aufscheinen zu lassen. Nein, IE6 ist ja sowas von gestrig und weigerte sich vehement, die Pure-CSS Lösung wie sie von CSS Play erklärt wurde darzustellen. Grund hierfür war, dass sich WordPress nicht dazu bewegen liess, für den IE6 eigene Codes einzubetten ()

Das Jillij Theme hatte ein Dropdown Menü integriert. Dieses habe ich seziert und extrahiert und rumgebastelt und geflucht und geschimpft, und endlich auch auf der mores.cc zum Laufen gebracht. Retrospektiv eigentlich ziemlich simpel. Ein DIV, eine Klasse, ein Haufen Styles in der style.css, und natürlich ein IE6-spezieller Code, und das Ding läuft. Wenn Ihr ebenfalls das Jillij Theme verwenden wollt müsst Ihr aufpassen: beim hochladen des "code" Unterordners wird (bei mir jedenfalls) eine .htaccess erstellt, die den Zugriff auf die darin enthaltene Datei unterbindet. Also funktioniert das Menü auch nicht. Einfach die .htaccess Datei löschen, und alles ist prima.

Wieder ein Neues Layout

Daniel — Tue, 01 Jan 2008 19:40:32 +0000

Nachdem ich mit dem letzten Layout eher unzufrieden war, und sämtliche Freunde und Bekannte mir mehr oder weniger durch die Blume zu verstehen gaben, wie schei*e die Braun/Beige Version ist, habe ich mal wieder ein neues WordPress Template erstellt.

Neues Layout

Daniel — Tue, 18 Dec 2007 23:44:15 +0000

Wie Ihr sehen könnt, habe ich ein neues Template gebastelt. Die Navigation wurde seitenfreundlicher gestaltet, und die Kommentarfunktion für Seiten aktiviert. Feedback von Rezepten sind immer nett

Falls Ihr irgendwelche Fehler, Bugs oder sonstige Seltsamkeiten erspäht kontaktiert mich bitte.

WYSI-WordPress Formatvorlagen

Daniel — Tue, 18 Dec 2007 14:39:43 +0000

Dieses Blog, wie viele andere, verwendet u.a. einen WYSIWY-Editor, der auf TinyMCE basiert und diesen ein wenig erweitert, unter anderem um einen ziemlich guten und angenehm zu bedienenden Bilder-Uploader und -Manger. Nennt sich WYSI-WordPress.

Jedoch fehlten mir Standardvorlagen, mit denen ich meine H1 und H2 Formate eintragen konnte, ohne dafür in den HTML-Modus zu schalten.

Also, einfach mal die wordpress.js Datei angesehen, und da findet man u.a.:

theme_advanced_buttons1_add : "bold,italic,underline,strikethrough,forecolor,backcolor, [...]

Wenn man diese Zeile nun in

theme_advanced_buttons1_add : "formatselect,bold,italic,underline,strikethrough,forecolor,backcolor, [...]

ändert, erhält man die Format-DropDown-Box mit der man dann ganz einfach seinen Text formatieren kann.

MySQL Tipp des Tages: Massen-String-replace

Daniel — Tue, 11 Dec 2007 15:29:37 +0000

Achtung: sobald man an der Datenbank seines CMS hantiert sollte man sich ein Backup machen.
Ohne Spaß. Wenn man nämlich was verbockt, dann wird’s peinlich, teuer und die ganze Welt lacht über einen.

Also, wenn man nun ein Datenbackup hat, dann traut man sich an den SQL-Befehl heran:

UPDATE tabellenname SET spaltenname = REPLACE(spaltenname,"original_text","austauschtext")

Zum Beispiel

UPDATE `wp_posts` SET `guid` = REPLACE(`guid`,"/subdirectory/","/")

UPDATE `wp_posts` SET `post_content` = REPLACE(`post_content`,"/subdirectory/","/")

UPDATE `wp_posts` SET `post_excerpt` = REPLACE(`post_excerpt`,"/subdirectory/","/")

Braucht man, wenn man sein WordPress Blog in einen Unterordner verschiebt.

English:

Warning: as soon as you touch your CMS’s database, better back up first in case you foo it bar

Seriously! Be prepared!

Because once it’s foobar’d, it can be costly to restore and the whole world will laugh at you.

So, once you backed up your database, you use this SQL command:

UPDATE table name SET column name = REPLACE(column name,"original_text","new_text")

If, for example, you move your WordPress installation from a temporary subdirectory to the root to go live, use this:

UPDATE `wp_posts` SET `guid` = REPLACE(`guid`,"/subdirectory/","/")

UPDATE `wp_posts` SET `post_content` = REPLACE(`post_content`,"/subdirectory/","/")

UPDATE `wp_posts` SET `post_excerpt` = REPLACE(`post_excerpt`,"/subdirectory/","/")