Der Blog von Benny Neugebauer » WordPress http://www.bennyn.de Alles über die Informatik & Co. Tue, 22 May 2012 09:22:50 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 How to use jQuery within a WordPress plugin http://www.bennyn.de/webanwendungen/wordpress/how-to-use-jquery-within-a-wordpress-plugin.html http://www.bennyn.de/webanwendungen/wordpress/how-to-use-jquery-within-a-wordpress-plugin.html#comments Sun, 02 Oct 2011 13:57:30 +0000 bennyn http://www.bennyn.de/?p=2800 This is just a short sample which shows how you can use jQuery within your own WordPress plugin to make cool JSON requests on PHP pages.

…/wp-content/plugins/your_plugin/your_plugin.php

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

...
add_action('template_redirect', 'ypAddMediaFiles');
add_shortcode('your_plugin', 'ypAddShortCode');
...
function ypAddMediaFiles()
{
  wp_enqueue_script('jquery');
  wp_register_script('your_javascript', plugins_url('js/your_javascript.js', __FILE__), array('jquery'));  
}
 
function ypAddShortCode()
{
  wp_enqueue_script('your_javascript');
  return 'JavaScript has been loaded.';
}

…/wp-content/plugins/your_plugin/js/your_javascript.js

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

your_function('Benny', 'Neugebauer');
 
function your_function(first_name, last_name)
{
  jQuery(document).ready(function($)
  {
    $.post("wp-content/plugins/your_plugin/something_that_gives_you_json.php", 
    {
      param1: first_name,
      param2: last_name
    },
    function(data) 
    {
      var results = jQuery.parseJSON(data);
      alert(results);
    });
  });
}
]]> http://www.bennyn.de/webanwendungen/wordpress/how-to-use-jquery-within-a-wordpress-plugin.html/feed 0 Create thumbnail images with PHP http://www.bennyn.de/webanwendungen/wordpress/create-thumbnail-images-with-php.html http://www.bennyn.de/webanwendungen/wordpress/create-thumbnail-images-with-php.html#comments Sat, 01 Oct 2011 16:19:38 +0000 bennyn http://www.bennyn.de/?p=2778 I developed a function which creates a thumbnail for a given image in a predefined size. Please note that this function was created to be used within a WordPress plugin so it uses paths related to WordPress but these paths can be easily adapted to be used without WordPress.

Preamble
PHP file:
/var/www/wordpress/wp-content/plugins/thumbnail_generator/thumbnail_generator.php
Sample image:
/var/www/wordpress/wp-content/plugins/thumbnail_generator/pictures/album1/picture1.jpeg
Sample image size:
1600×1066 pixels

My function will create a thumbnail called picture1.jpeg.png with a width of 100px and an appropriate height in a directory called:
/var/www/wordpress/wp-content/plugins/thumbnail_generator/thumbnails/pictures/album1/.

thumbnail_generator.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

createThumbnail('pictures/album1/picture1.jpeg', 100);
 
function createThumbnail($relativePath, $resizedWidth)
{
  $thumbnailDirectory = plugin_dir_path(__FILE__) . 'thumbnails/';
  $imageFile = plugin_dir_path(__FILE__) . $relativePath;
  // Determine image type
  if (preg_match('/[.](jpe?g?|jfif|tiff)$/', $imageFile))
    $image = imagecreatefromjpeg($imageFile);
  else if (preg_match('/[.](gif)$/', $imageFile))
    $image = imagecreatefromgif($imageFile);
  else if (preg_match('/[.](png)$/', $imageFile))
    $image = imagecreatefrompng($imageFile);
  // Calculate the thumbnail size (depending on the image aspect ratio)
  if (isset($image))
  {
    $width = imagesx($image);
    $height = imagesy($image);
    $resizedHeight = round(($height * ($resizedWidth / $width)), 0);
    $thumbnail = imagecreatetruecolor($resizedWidth, $resizedHeight);
    imagecopyresized($thumbnail, $image, 0, 0, 0, 0, $resizedWidth, $resizedHeight, $width, $height);
    // Save thumbnail to subdirectory
    $slashPosition = strrpos($relativePath, '/');
    $thumbnailName = substr($relativePath, $slashPosition);
    $thumbnailDirectory = $thumbnailDirectory . substr($relativePath, 0, $slashPosition);
    if (!file_exists($thumbnailDirectory))
      mkdir($thumbnailDirectory, 0755, true);
    imagepng($thumbnail, $thumbnailDirectory . $thumbnailName . '.png', 0);
  }
}
]]> http://www.bennyn.de/webanwendungen/wordpress/create-thumbnail-images-with-php.html/feed 0 How to create a WordPress plugin with a custom database table http://www.bennyn.de/webanwendungen/wordpress/how-to-create-a-wordpress-plugin-with-a-custom-database-table.html http://www.bennyn.de/webanwendungen/wordpress/how-to-create-a-wordpress-plugin-with-a-custom-database-table.html#comments Sat, 24 Sep 2011 00:16:50 +0000 bennyn http://www.bennyn.de/?p=2769 You can create a custom table for the data of your WordPress plugin if you hook on the plugin activation. This has the effect that your custom table will be created if you activate the plugin in the WordPress backend. I created a sample code to show you how this works.

../wp/wp-content/plugins/my-plugin/plugin.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<?php
 
/*
  Plugin Name: Gallery
  Plugin URI: http://www.angelcode.de/
  Description: My gallery.
  Version: 1.0
  Author: Benny Neugebauer
  Author URI: http://www.bennyn.de/
  License: GPLv2
 */
 
register_activation_hook(__FILE__, 'create_custom_table');
/**
 * See: https://codex.wordpress.org/Creating_Tables_with_Plugins
 * @global type $wpdb 
 */
function create_custom_table()
{
  global $wpdb;
  $table_prefix = "gallery_";
  $table_name = $wpdb->prefix . $table_prefix . "albums";
  $sql = "CREATE TABLE " . $table_name . " (
	  id MEDIUMINT(9) NOT NULL AUTO_INCREMENT,	  
	  name VARCHAR(255) NOT NULL,
	  path VARCHAR(255) NOT NULL,	  
	  PRIMARY KEY album_id (id),
    UNIQUE KEY album_path (path)
	) CHARACTER SET utf8 COLLATE utf8_general_ci;";
  require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
  dbDelta($sql);
}
 
?>

Note:

You can also use $GLOBALS["wpdb"]->prefix; instead of:

global $wpdb;
$wpdb->prefix
]]> http://www.bennyn.de/webanwendungen/wordpress/how-to-create-a-wordpress-plugin-with-a-custom-database-table.html/feed 0 WordPress Template erstellen http://www.bennyn.de/webanwendungen/wordpress/wordpress-template.html http://www.bennyn.de/webanwendungen/wordpress/wordpress-template.html#comments Wed, 01 Dec 2010 19:08:51 +0000 bennyn http://www.bennyn.de/?p=2119 Für die Erstellung eines WordPress-Templates braucht man nur zwei Dateien. Eine index.php und eine kommentierte style.css sind völlig ausreichend, sofern diese beide Dateien in einem gemeinsamen Unterordner von “wp-content/themes” liegen.

WordPress stellt für die Gestaltung von Templates unzählige Variablen und Template Tags zur Verfügung. Es können auch noch weitaus mehr Dateien als die index.php und style.css verwendet werden. Wer sich dafür interessiert, der sollte sich unbedingt mal die WordPress Template Hierarchie anschauen.

Ein sehr gutes Beispiel ist das mit WordPress mitgelieferte Twenty Ten-Design, welches viele Template-Funktionalitäten benutzt. Für Einsteiger ist das Twenty Ten-Template jedoch etwas zu komplex, weshalb ich euch mal eine von mir erstellte Vorlage zeigen möchte.

Beispiel zum Erstellen eines WordPress Templates

Hinweis:
Das Template ist alles andere als schön und keineswegs perfekt. Es soll nur die absolute Basis eines WordPress-Templates darstellen und bei Betrachtung des Codes für mehr Verstandnis beim Anwender sorgen.

Template-Speicherort: wp-content/themes/simple_theme

style.css

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

/*
Theme Name: Simple WordPress Template Skeleton
Theme URI: http://www.bennyn.de/
Description: Just a simple example for a WordPress theme.
Author: Benny Neugebauer
Version: 1.0
Tags: Simple, Theme, Template, WordPress
*/
 
*
{
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial;
}
 
div#container
{
	background-color: yellow;
}

header.php

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
		<title><?php wp_title('-', 1, 'right'); ?> <?php bloginfo('name'); ?></title>
		<link rel="profile" href="http://gmpg.org/xfn/11" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
		<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
		<?php wp_head(); ?>
	</head>
	<body <?php body_class(); ?>>
		<div id="container">

index.php

1
2
3

<?php get_header(); ?>
<?php get_template_part( 'loop', 'index' ); ?>
<?php get_footer(); ?>

loop-index.php

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

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
		<h1>
			<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
		</h1>
			<?php the_content("<p>...weiterlesen</p>"); ?>
		<p>
			<?php echo "Kommentare: "; comments_number('0', '1', '%'); ?><br/>
			<?php echo "Datum: "; the_time(get_option('date_format')); ?><br/>
			<?php echo "Tags: "; the_category(', '); the_tags(', ', ', ', '<br />'); ?>
		</p>
	<?php endwhile; else: ?>
		<p>
			<?php _e('Sorry, no posts matched your criteria.'); ?>
		</p>
<?php endif; ?>

footer.php

1
2
3
4

		</div>
	<?php wp_footer(); ?>
	</body>
</html>
]]> http://www.bennyn.de/webanwendungen/wordpress/wordpress-template.html/feed 1 Relative WordPress Links http://www.bennyn.de/webanwendungen/wordpress/relative-wordpress-links.html http://www.bennyn.de/webanwendungen/wordpress/relative-wordpress-links.html#comments Mon, 16 Aug 2010 22:48:31 +0000 bennyn http://www.bennyn.de/?p=1498 Interne Links der eigenen Seite können sich häufig ändern, zum Beispiel wenn man die Domain wechselt oder die Permalink-Struktur von WordPress ändert. Besonders ärgerlich ist das, wenn man in den eigenen Artikeln auf andere Beiträge verlinkt und dann die alten Links nicht mehr gültig sind und man gezwungen ist, alle Verlinkungen manuell anzupassen.

Zum Glück gibt es dagegen ein Heilmittel. Den Code dazu findet man im Beitrag “Interne Links in WordPress-Beiträgen zukunftssicher setzen” von Sergej Müller.

]]> http://www.bennyn.de/webanwendungen/wordpress/relative-wordpress-links.html/feed 0