Kategorien
Development

Einfachen Bild-Shortcode (Responsive) für WordPress erstellen

Ab und zu verwende ich Bilder aus der Mediathek in HTML-Seiten in einem WordPress-System. Bei Seiten mit speziellen Formatierungen usw. kann das durchaus mal sinnvoll sein. Nun kann man zwar mit den hauseigenen Mitteln von WordPress einen img -Tag generieren lassen, doch ist dieser wenig flexibel, da er die komplette Bild-URL beinhaltet, und enthält dieser (Stand: Feb-2017) noch kein srcset  und sites -Attribut, was für responsive Webseiten durchaus von Vorteil ist.

Die Lösung: Ein eigener Shortcode

Viel kürzer und schöner, zudem flexibler und funktionsreicher, ist ein WordPress-Shortcode/Shorttag. WordPress selber demonstriert das zB. anhand des Gallery -Shortcodes. Für einzelne Bilder bietet das System bisher aber noch keine Lösung, dafür aber für zahlreiche andere Anwendungen.

Einen img -Shortcode selber zu definieren ist allerdings nicht schwer:

Kategorien
Development

Standardschriftart in Coda für Mac zurücksetzen

Das wird nur ein ganz kleiner Tipp, der mich aber heute echt einiges an Zeit gekostet hat.

Für alles was mit Webdesign und nicht speziell Webprogrammierung zu tun hat verwende ich Coda von Panic. Ohne Zweifel eine sehr gute IDE!

Leider habe ich es kürzlich irgendwie geschafft die Standardschriftart zu verstellen. Diese Aktion lässt sich leider nicht rückgängig machen, außer man kennt die Grundeinstellungen. Um euch die Suche zu ersparen sie hier nun erwähnt, dass die Standardschrift die folgende ist:

Menlo, Regular; 11.0 Pt

Einstellen könnt ihr diese unter Einstellungen -> Editor.

Alternative Schriftarten

Nicht verheimlichen möchte ich euch, dass es natürlich noch zahlreiche andere gute  Schriftarten zum Programmieren gibt. Beliebt sind u.a. Source Code Pro, Hack, Monaco und viele mehr. Hier könnt ihr euch ein paar bekannte Vertreter anzeigen lassen und testen.

Welche Schriftart verwendet ihr gerne zum Programmieren?

Kategorien
Development

#2: Hostname zur Konfiguration von Environments ausgeben (Laravel-Kurztipps)

In Laravel können Environments definiert werden um zB. das System lokal auf einem Server zu entwickeln oder auf einem zweiten zu testen. Einen Blogeintrag hierzu schreibe ich später noch und werde ihn dann hier verlinken. Kurz gesagt: Environments unterscheiden sich anhand des hostnamens und hierfür können in der bootstrap/start.php  diverse Environments angelegt werden die dann ein Array an Hostnames oder teilen davon bekommen.

$env = $app->detectEnvironment(array(

	'local' => array('localhost','lukes-macbook-pro*','127.0.0.1','localhost:8888','*fritz.box','*.local',),
	'production' => array('domain-des-systems.de','shortdomain.de')

));

Nur wo findet sich der Hostname? Oft reichen die Einträge *local oder *localhost und je nachdem wie weit ihr die Konfiguration eures Systems beherrscht habt ihr eventuell selber einen virtuellen Host eingerichtet oder so. Falls ihr aber keine Ahnung haben solltet helfen euch diese zwei Tipps vielleicht weiter:

Terminal. Im Mac OS X Terminal (Dienstprogramme/Terminal) erhaltet ihr euren hostnamen über den gleichnamigen Befehl:

device-name:~ luke$ hostname
your-host-hostname.domain

PHP. Alternativ könnt ihr im PHP-Code über die Funktion gethostname  den Hostnamen ausgeben lassen:

die( gethostname() );

Es gibt noch weitere Möglichkeiten eure Environments zu erkennen, diese sind in der Dokumentation beschrieben. Diese zwei kleinen Codezeilen können aber zuweilen ganz nützlich sein.

 

Kategorien
Development

Neue Artikel-Serie: Laravel Kurztipps

Wie regelmäßige Leser sicher schon mitbekommen habe beschäftige ich mich relativ viel in letzter Zeit mit dem PHP Framework Laravel.

Einige Artikel dazu sind ja bereits erschienen:

In letzter Zeit habe ich viele kleine Kniffe mit dem Framework gelernt und auch manche Klasse geschrieben, die vielleicht noch anderen nützlich sein kann. Diese kleinen Code-Snippets sind eigentlich zu kurz um richtige „Artikel“ zu rechtfertigen, daher werde ich sie in eine kleine „Serie“ als „Kurztipps“ benannt veröffentlichen.

Einige Kurztipps, die schon in Vorbereitung sind:

Ebenfalls werde ich vielleicht ein paar Tutorials veröffentlichen, u.a. zu:

  • Arbeiten mit Haupttemplates, Sub-Templates, Partiale & Co
  • Environments
  • Mehrsprachigkeit
  • und vieles mehr..

Ich hoffe, dass damit manchem Laravel-Neuling der Weg über die Brücke (ich weiß, sie ist nicht besonders gelungen.. es musste schnell gehen) erleichtert wird. Über Kommentare, Fragen, Anregungen für Artikel bin ich sehr dankbar.

Keine Sorge: Es werden weiterhin auch Artikel über Mac-Apps, Design und LiveSound nicht fehlen.