<?php
// Get shortcodes running in widgets
add_filter('widget_text', 'do_shortcode');
?>

Du kan förstås även köra samma funktion från ditt plugin för att få det att fungera. Smidigt. Nu gäller det bara att producera lite shortcodes ;)

Gillar du WordPresstips? Jag kommer fortsätta med det här i bloggen närmaste tiden.

Alla våra kurser på Kurswebben har rabatt 20% fram till 1 april 2011. Det är ett steg i vår nylansering (ny platform, ny design, ny server, ny rabatt ;) ). Platserna är begränsade. Gör du en beställning före 1 april kostar alltså PHP-kursen 3 840 exklusive moms istället för 4 800 exklusive moms.

jQuery och ett plugin som heter tablesorter och tablesorter.pager gör det väldigt smidigt att dela upp tabelldata och ordna enkel sortering av kolumnerna.

Tablesorter med paging

Du behöver ladda hem och inkludera filerna i HTML-kodens head.

1
2
3

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script>

Skapa en tabell i din sida med lita data i (jag hittar på lite i mitt exempel)…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<table id="myTable" class="tablesorter">
 <thead>
  <tr>
   <th>Foo</th>
   <th>Bar</th>
  </tr>
 </thead>
 <tbody>
   <?php
   // Låt säg att vi har en stor array,
   // som heter $myArray, med 
   // massor data
   foreach ($myArray as $ma) {
     ?>
    <tr>
       <td><?php echo $ma['foo']; ?></td>
       <td><?php echo $ma['bar']; ?></td>
    </tr>
    <?php
   }
   ?>
</tbody>
</table>

Starta jQuery, tablesorter och paging-pluginet:

1
2
3
4
5
6
7

<script type="text/javascript">
  $(document).ready(function() { 
    $("table") 
    .tablesorter() 
    .tablesorterPager({container: $("#pager")}); 
  }); 
</script>

Ok, nästan där, vi ska ha någon som hjälper oss bläddra mellan sidorna också. Så här ser koden ut i exemplet på tablesorters hemsida:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<div id="pager" class="pager">
	<form>
		<img src="icons/first.png" class="first"/>
		<img src="icons/prev.png" class="prev"/>
		<input type="text" class="pagedisplay"/>
		<img src="icons/next.png" class="next"/>
		<img src="icons/last.png" class="last"/>
		<select class="pagesize">
			<option selected="selected"  value="10">10</option>
			<option value="20">20</option>
			<option value="30">30</option>
			<option  value="40">40</option>
		</select>
	</form>
</div>

Bildikonerna får du skapa egna eller spara från hemsidan. Det finns teman och du kan dona med CSS för att få det snyggare men basfunktionen finns där.

Det mest i det här inlägget är hämtat från tablesorters hemsida, förutom den lilla korta PHP-array jag hittade på… men tanken var att visa hur lite PHP som behövs för en mycket funktionell datapresentation med sortering och siduppdelning. Hoppas det kommer till nytta :)

Under arbete åt en kund som använder Webbkonsulterna upptäckte jag att de har ImageMagick som kan användas genom PHPs klass istället för med exec(). Ett exempel på vad man kan göra, en tumnageln av en PDF-fil:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/* 
 * Jag skapar inställningarna i variabler för att lättare kunna 
 * ändra och ev fixa till en funktion
 */
$input_file = '/path/to/inputfile.pdf[0]'; // Sökväg till filen, [0] anger pdffilens sidnummer
$output_file = '/path/to/outputfile.jpg'; // Sökväg till tumnageln, här har jag valt en .jpg
$thumbnail_width = 400; // Ställ in maxbredd
$thumbnail_height = 0; // Maxhöjd, 0 betyder att den ska gå efter bredd
$jpeg_quality = 80; // jpeg kvalitet
 
$im = new imagick($input_file);  // Skapa objektet med filen
$im->setImageColorspace(255); // Färginställning
$im->setCompression(Imagick::COMPRESSION_JPEG); // Använd jpg-kompression
$im->setCompressionQuality($jpeg_quality); // Kvalitet på jpeg
$im->setImageFormat('jpeg'); // Format på filen
$im->thumbnailImage($thumbnail_width, $thumbnail_height); // Skapa tumnagel med bredd/höjd
$im->writeImage($output_file); // Spara filen
$im->clear();
$im->destroy();

Kombinerat med lite filuppladdning, felhantering, jQuery reflect m.m. blir det här en mycket trevlig PDF-funktion.

Jag vet inte ens om detta hade varit möjligt att göra med det bibliotek som vanligen är inbyggt, GD2.

Den här kursen kommer gradvis få mer och mer innehåll om WordPress, eventuellt som en bifogad egen kurs, med tanke på hur stort WordPress blivit. Många frågor är nu om WordPress. För vanliga hemsidor är det logiskt, varför uppfinna hjulet på nytt om man inte behöver specialfunktioner? Lär man sig PHP kan man också skapa plugins när man behöver något extra.

En VPS fungerar som om du har en egen servermaskin, fast det egentligen bara är en del av en server. Du kan installera eget operativsystem, applikationer och använda dina inställningar. Du kan installera de PHP-tillägg du själv väljer. Nackdelen är förstås att du behöver kunskapen och tiden för att sköta din VPS, eller punga ut extra för att webbhotellet ska sköta det åt dig (brukar kallas ”managed vps”).

Jag testar för tillfället tjänsten Cloud VPS hos GleSYS.se och är väldigt nöjd. Här kan jag skapa, klona och ta bort servrar som jag vill. Öka minne, cpu, bandbredd, hårddisk vid behov genom ett par klick (på deras hemsida finns en demofilm som visar hur du gör). Förutom vanlig support finns ett forum på vpsforum.se E-post kan jag ta hand om själv eller använda GleSYS system, jag har valt det senare eftersom det inte roar mig att konfigurera e-post ;)

Fler aktörer än GleSYS är t.ex. Oderland.se, ipeer.se, citycloud.se … i den här tråden på Webmaster Network hittar du fler.

För att göra en hämtning av alla poster från databastabellen men hoppa över de första anger du den största siffra som går som LIMIT. Så här kan det se ut:

SELECT * FROM mytable LIMIT 18446744073709551610 OFFSET 10;

Koden ovan bör hämta alla rader utom de 10 första. Kanske inte så snyggt, men fungerar.

Det visade sig att för att få PHP 5.3 att haja vad localhost är behöver jag kommentera fram raden 127.0.0.1 localhost i Windows host-fil (%Systemroot%/system32/drivers/etc/hosts)

Vi börjar med ett inkludera jQuery, för att slippa ladda hem filen laddar vi från Google. Skapa ett HTML-dokument och klipp in den här raden i HTML-dokumentes head:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Skapa ett javscript block. Där kallar vi på jQuery med $(document).ready :

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

Vi behöver något HTML-element att arbeta med, så jag skapar en div i HTML-dokumentets <body>-tagg:

<div id="getmytime"></div>

Tillbaka till javascript-blocket. jQuery har en funktion som heter $.get. Den gör samma sak som om vi kallar på ett script och skickar data i adressraden som querystring (eller skickar formulär med method=”get”). $.get anropar ett PHP-script vi snart ska göra, och returnerar data.

Så här ser mitt anrop med $.get ut

		// Call the PHP file to  get value into the div on load
		// I also send the variable format with the call (would be similar to sending the url mytime.php?format=(Y-m-d) H:i:s)
		$.get('mytime.php', { format: '(Y-m-d) H:i:s' }, function(data) {
			$("#getmytime").html(data);
		});

Ser det rörigt ut? Det är javascript function med 3 argument:

1. Adressen till vårt PHP-script (‘mytime.php’)
2. Variabler vi vill skicka med, jag skickar med variabeln ”format”. Den här kan du ta bort om du vill. { format: '(Y-m-d) H:i:s' }. ‘(Y-m-d) H:i:s’ skulle kunna varit vad som helst för värde, nu råkar det vara datumformatet jag vill använda.
3. Det tredje argumentet är en function som avgör vad som ska hända med datan som returneras från skriptet. function(data) {}.

När data skickas tillbaka vill jag ladda det till div-taggen i HTML-dokumentet. Jag använder jQuery functionen .html() för att lägga in data i en div.

$("#getmytime").html(data);

Dags att skapa mytime.php – vi måste ju förstås ha PHP-filen som returnerar någon data. Jag gör den väldigt kort, den skriver ut värdet från PHP-funktionen date(), om ett värde skickats in i $_GET['format'] använder jag det för att sätta formatet på mitt datum. Så här (det här är hela PHP-filen mytime.php):

<?php
if (isset($_GET['format'])) {
	echo date($_GET['format']);
} else {
	echo date('Y-m-d H:i:s');	
}
?>

Nu laddas rätt datum till HTML-filen när du öppnar sidan i webbläsaren. Men vi vill att det ska uppdateras när du klickar utan att sidan uppdateras. Det är ju trots allt det som är den stora grejen med Ajax, att ladda dynamisk data utan att ladda om hel sidan. Vi lägger till en av jQuery event-handlers (”händelse-hanterare”), .click(). Inom den kör jag samma .get som när sidan laddas:

	// If you click the div#getmytime, the time updates
	$("#getmytime").click(function() {
		// Call the php file. Just to show things change I alter the format argument
		$.get('mytime.php', { format: 'j F H:i:s' }, function(data) {
			$("#getmytime").html(data);
		});
	})

Koden ovan lyssnar alltså på klick i vår div-tagg med id getmytime, och hämtar in PHP-skriptet när något klickar. Bara för visa att något ändras har jag angivet ett annat format på datumet. Jag antar, och hoppas, du kan komma på många mer spännande saker med det här än att visa tiden ;)

Här kan du ladda hem scriptet som ZIP-fil. Det består av filerna

• index.html
• mytime.php
• style.css

Mer kan du lära dig genom att gå vår PHP-kurs, anmäl dig här!

En lösning på problemet kan vara att ändra tecken till något annat – varför inte htmlentities(). Så här kan det se ut att förvandla ett värde till gemener och komma runt encoding problem:

1
2
3

$value = htmlentities($value, ENT_COMPAT, 'UTF-8');
$value = trim(strtolower($value));
$value = html_entity_decode($value, ENT_COMPAT, 'UTF-8');

En annan lösning är mb_strtolower() om den funktionen finns tillgänlig.

• How do I truncate an HTML string without breaking the HTML code?
  Bra när du behöver kapa en sträng utan att förstöra HTML-kod och ord.
• Prettyprinter
  När du behöver snygga till kod.