PixelPost Addons

From Fishcakes Wiki

Jump to: navigation, search

Edit Menu

Edit Menu

Image:Icon_PixelPost_40px.png PixelPost: Addons

Installation and Configuration of PixelPost Addons which extend functionality by adding advanced features.

Contents

Addons in Use 2008

  • Image Statistics — detailed info about visitors and images viewed for current month. v2.01. admin_imagestats.php file.
  • Custom Fields — add extra fields to your images. v1.3. admin_customfields.php file.
  • Copy Folder with Titles and Description — replacement for Copy Folder addon to read image titles and descriptions from titles.txt text file. v1.1β. copy_folder.php file.
  • MediaRSS — (PicLens support). v1.0.2. mediarss.php file + modify template.
  • Contact Form — add contact page to site. v2.01. contact_form.php (modified code) and token.php files + modify template.
  • Search — adds search box for title and description fields. v1.0β. search.php (modified code) file.
  • ImageCycle — sets never ending cycle for Previous and Next image links. Excellent! v1.0.0. imagecycle.php (modified code) file.
  • Flash Crop Admin — flash crop tool for thumbnails. vv1.22. admin_FlashCropImage.php file + flash_crop_classes folder.
  • Tag Organizer — rename and edit tags globally. v1.11. admin_tagorganizer.php file.
  • Ajax Categories Manager — easily edit categories for images. v1.02. admin_AjaxCategManager.php file + admin_AjaxCategManager folder.
  • Fastedit — add edit link to images on live site. v1.5.1. fastedit.php (modified code).
  • Clickable Tags (schonhose.nl) — generates clickable tags list when editing images. Excellent. v0.3. admin_clickable_taglist.php (modified code) file.
  • Google Site Map Creator — generates XML sitemap (index.php?z=sitemap). v1.0. google_sitemap.php.
  • Scalable Images — enables images to be scaled for visually impaired users. v1.0. scalable_images.php.
  • PPost Refresh Custom Pixelpost Admin — replacement Admin css. v0.2. various.
  • [ ] — . v. .
  • [ ] — . v. .

Cool, but no joy

  • dfGallery — add a dfGallery slideshow to a page on site. Requires MediaRSS addon. v1.1. _dfgallery folder. See Forum Thread
  • Pixelpost Signature — output latest or random image that you can use as a signature on other sites. v1.5. signature.php file+folder.
  • Coverflow Standalone — standalone version of the coverflow browse addon that can be used in any template. v1.0. coverflow.php + coverflow folder.
  • Auto Resize — auto resize a full-sized image to specified width while maintaining aspect ratio. v2.1.3. _autoresize folder and files.
  • Auto Resize Admin — auto resize a full-sized image to specified size. v1.21. admin_autoresize.php file + pjmt folder.
  • Slideshow (Using Flash) — configurable slideshow. v.1.1 slideshow.php file + slideshow folder.
  • Image Reflection Generator — add image reflection, nice for right site. v1.2. admin_reflect.php.
  • Admin Google Sitemap Ping Service — will ping google with your sitemap. v1.0. admin_google_sitemap_ping.php file.
  • Slideshow — adds play slideshow link to images page. v1.0.4. slideshow.php file.
  • Photoblink Thumbnails — display tiny thumbs and show fullsize thumb when hovering. v1.0. photoblink_thumbs.php file.
  • EntryPage Addon (schonhose.nl) — show custom home page. v1.0β. _entrypage folder.

Additional Research Needed

Addon Manager Admin Addon

Allows automatic upload of Addon via Options > Add Addon in Admin panel. Just upload and go.

Ajax Categories Manager Admin Addon

AJAX based admin addon that allows you to set categories for your pictures all at once via an admin menu item CategManager.

Album View Addon

Browse pages addon that displays a thumbnail image for each category, along with the category name and number of photos in the category. This then links to the browse pages for each category. Can set to use most recent photo or random.

Auto Resize Admin Addon

Resizes uploaded images to a predefined size while preserving EXIP data. Set size in the Admin panel Options > Thumbnails.

Default setting keeps the fullsize as fullsize_imagename.jpg. To discard fullsize image, edit admin_autoresize.php and change to FALSE: 

$keepfullsizeimage = TRUE;

Clickable Tags Admin Addon

Excellent addon which automatically generates a list of clickable tags when editing images.

Contact Form Addon

Add a Contact Form to a PixelPost site so visitors can email you without exposing your email address.

Contact Form Sitewide Tags (use on any site template)

  • <CONTACT_FORM_LINK> — add to site menu to display a link to a contact form.
  • <CONTACT_FORM_URL> — displays the url to the contact form. Use this if you want to customize the link. Example: <a href="<CONTACT_FORM_URL>" title="My contact form">custom text<a>.

Contact Form Contact Page Tags (use in the Contact Form template)

  • <CONTACT_FORM_HEAD_JAVASCRIPT> — required tag that should be put in the contact form template header (between the <head></head> code).
  • <CONTACT_FORM_SUBMIT_BUTTON> — required tag that should be put in the form so the form can disable the submit button after sending the e-mail.
  • <CONTACT_FORM_MESSAGES> — shows diagnostic messages that come up when submitting the form as well as reporting success or failure of sending the e-mail.
  • <CONTACT_FORM_NAME> — contains the value of the name field of the form on submit. Useful if form was not validated.
  • <CONTACT_FORM_EMAIL> — contains the value of the e-mail field of the form on submit. Useful if form was not validated.
  • <CONTACT_FORM_MESSAGE> — contains the value of the message field of the form on submit. Useful if form was not validated.

CoverFlow Standalone Addon

A browse page addon that generates a carousel of the image thumbnails. Drag the slider to see the pics.

pixelpost-addon-coverflow-20080711-000510.jpg

Custom Fields Admin Addon

Allows you to add unlimited fields to images and set ields visibility and fields order.

To Install:

  1. Copy admin_customfields.php to addons folder.
  2. Define custom fields in Admin panel Addons > Custom Fields section.
  3. Edit your images and fill in the values.

Add these codes to template file: 

<CUSTOM_FIELDS>
<CUSTOM_FIELD_NAME_ID=1> ... <CUSTOM_FIELD_NAME_ID=X>
<CUSTOM_FIELD_VALUE_ID=1> ... <CUSTOM_FIELD_VALUE_ID=X>

Database Manager Admin Addon

This one sounded awesome, but it completely buggered my site when installed. Look again later.

Dynamically Resize Image Admin Addon

BROKEN! I couldn't get this to work. Just ended up with blank image page. Dynamically resizes images to specified size when displayed. Current aspect ratio is retained within range of max width and max height. Can also add link to full size image if desired.

You must edit Template to point at the addons/image.php page. For the Simple Template, replace this line 

<img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" />

With this line (change the 800 and 600 to whatever you require): 

<img src="image.php?path=<IMAGE_NAME>&maxwidth=800&maxheight=600" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" id="photo" />

You can also add code to allow access to the full size image: 

<a href="images/<IMAGE_NAME>">Get full size image here</a>

FastEdit Link Addon

Display link on images page when logged in to edit page for image.

To install copy fastedit.php to your addons folder and insert the following link into image_template.html: 

<FAST_EDIT>

If PixelPost is installed in sub-folder then you need to add the folder to the code: 

$fastedit = "<a href=\"/pixelpost/admin/index.php?view=images&id=$image_id\">Admin</a>";

I modified this to include admin links for Browse and MiniCMS pages: 

<FAST_EDITB> -- Browse
<FAST_EDITC> -- MiniCMS

Flash Crop Admin Addon

Flash cropping tool for thumbnails that replaces the default 12CropImage. Much more user friendly and can zoom into images further. Excellent.

pixelpost-admin-flashcrop-20080711-003546.jpg

Installing Flash Crop Admin Addon:

  1. Copy the file admin_FlashCropImage.php to your admin folder;
  2. Copy the folder flash_crop_classes to your includes folder;
  3. Go to the Addons page and turn of the 12CropImage Tool addon;
  4. Turn on the Flash Crop Admin addon;
  5. Edit and image and click on the Flash Crop submenu to load the editor.

Flash Thumbnail Scroller Addon

Excellent addon that puts a flash scroller on the images page with links to all your images. Comes with built-in user guide!

FTP Permissions Admin Addon

Need to look into this one.

Global Comment Settings Admin Addon

If you open the Admin > Options page, you can set the Global Comment Settings for your PixelPost site setting to:

  • Publish Instantly — everything submitted gets published (default);
  • To Moderation Queue — site administrator must approve comments before they are published;
  • Disable Comments — comments option is switched off.

The one catch is that this setting only affects images uploaded After you make the change, so all your previously uploaded images will have the old setting. You can change this option by editing your old images and changing the Comment Settings for each image one at a time.

The Global Comment Settings Addon allows you to do this globally for all images. It also has a very useful summary with details of how many images are in each of the three comment setting categories.

Google Maps Addon

Excellent addon which displays google maps with markers for all the photos.

Google Search Addon

Adds Google Search box to website. Need to register for API Key.

Couldn't get this to work so posted Forum: Google Search Addon on Tue 21/08/07.

Google Site Map Creator Admin Addon

Creates an XML file which helps get rankings up on Google and other search engines. Put the google_sitemap.php<code> file in <code>addons folder.

Google Site Map Ping Admin Addon

Automatically submits sitemap to Google by triggering a HTTP-request on new image upload.

Image Statistics Admin Addon

Shows detailed information about visitors and the images viewed for the current month, and optionally creates an archive of past months.

You can also share the month stats for every image with site visitors by adding these tags to your image_template.html page:

  • <IMAGE_COUNTER>
  • <IMAGE_TODAY>.

MiniCMS Admin Addon

Modified. Hack of MiniCMS and MaxiCMS with better design and custom TinyMCE menu bar.

  1. Put the admin_miniCMS.php file in the addons folder.
  2. Put the page_template.html file in the templates/yourtemplate folder.
  3. Add links to all pages you want into your template.
  4. Put the tiny_mce folder in your includes folder.
  5. Use the MiniCMS link in your Admin panel.

Also added Admin Edit link that can be added to template with 

<FAST_EDIT_CMS>

Code insert for admin_miniCMS.php: 

//Output for Admin Link on main site template - edit path for sub-folder
if(isset($_SESSION["pixelpost_admin"])){
   $fasteditcms = "<a href=\"/pixelpostport/admin/index.php?view=minicms\">[ Edit ]</a>";
   $tpl = ereg_replace("<FAST_EDIT_CMS>",$fasteditcms,$tpl); //show line
}else{
   $tpl = ereg_replace("<FAST_EDIT_CMS>","",$tpl); //remove <fast_edit> when there is no session
}

Note: You must edit the path if PixelPost is installed in sub-folder.

MiniCMS

Allows you to create and edit pages from the Admin panel using TinyMCE editor. Pages must be hard coded into the template. To Install:

  1. Put the admin_miniCMS.php file in the addons folder.
  2. Put the page_template.html file in the templates/yourtemplate folder.
  3. Add links to all pages you want into your template.
  4. Put the tiny_mce folder in your includes folder.
  5. Use the MiniCMS link in your Admin panel.

MaxiCMS

Same as MinCMS but gives full TinyMCE editor.

To Install:

  1. Put the admin_miniCMS.php file in the addons folder.
  2. Put the page_template.html file in the templates/yourtemplate folder.
  3. Add links to all pages you want into your template.
  4. Download the latest version of the editor via tinymce.moxiecode.com TinyMCE Downloads page.
  5. Put the jscripts/tiny_mce folder in your includes/tiny_mce folder.
  6. Put the full_interface.css file in the includes/tiny_mce folder.
  7. Use the MiniCMS link in your Admin panel.

Pop3 Post Admin Addon

Posts an image emailed from a specified address. Subject is title. Body is details.

To Install:

  1. Put the email_publish.php file in your root folder.
  2. Put the pop3classes folder in your includes folder.
  3. Put the pop3_post.php file in your addons folder.
  4. Create a secret email address to use for this, ensuring it is secret and secure.
  5. Use the Admin panel Addons > Pop3_post to set the pop3 information of the specific email address.
  6. Set up chron job to execute email_publish.php to check mailbox or just load the script in a browser to execute.

Pop3 Post Code Corrections

To fix error message NOT an RFC 1939 Compliant server, edit file includes/pop3classes/class-pop3.php and change this throughout: 

if($this->RFC1939) {
  CHANGE to (add exclamation point):
if(!$this->RFC1939) {

And another fix: 

Line 107 $this->BANNER = $this->parse_banner($reply);
Line 108 $this->RFC1939 = $this->noop();
  CHANGE to
Line 107 $this->BANNER = $this->parse_banner($reply);
Line 108 return true;
Line 109 $this->RFC1939 = $this->noop();

Scalable Images Addon

Addon created by me to forgo the need for the hack. Converts the standard px (pixel) dimensions of images to em values so that you can use CSS to Scale Images. This allows you to comply with vision impaired accessibility guidelines.

The additional tags are <IMAGE_WIDTH_EM> and <IMAGE_HEIGHT_EM>. You will need to change the HTML template for your site to enable this functionality. This does not yet work for Thumbnails.

  1. Put the scalable_images.php file into your addons folder.
  2. Edit your image_template.html file to include the CSS code out lined below.

Original Hack

Code hack to allow Scalable Images as EM values using PX to EM Formula. Must also modify Template.

Remember that EM is a derivative of the Font Size for the given element, so you'll need to tinker with it depending on page. One em is equal to the pt size of the M (the widest font element) of the current font and changes depending on the size of the font in each element.

Edited index.php to insert new variables:

  • <IMAGE_WIDTH_EM>
  • <IMAGE_HEIGHT_EM>

Code change to lines starting at 385: 

$image_width = $image_extra['0'];
$image_height = $image_extra['1'];
$tpl = str_replace("<IMAGE_WIDTH>",$image_width,$tpl);
$tpl = str_replace("<IMAGE_HEIGHT>",$image_height,$tpl);

Changed to: 

$image_width = $image_extra['0'];
$image_height = $image_extra['1'];
$image_width_em = $image_extra['0'] *0.0626;
$image_height_em = $image_extra['1']*0.0626;
$tpl = str_replace("<IMAGE_WIDTH>",$image_width,$tpl);
$tpl = str_replace("<IMAGE_HEIGHT>",$image_height,$tpl);
$tpl = str_replace("<IMAGE_WIDTH_EM>",$image_width_em,$tpl);
$tpl = str_replace("<IMAGE_HEIGHT_EM>",$image_height_em,$tpl);

Also, edit Template image_template.html and browse_template.html insert in header: 

<style type="text/css">
   .imageboxem {
      width: <IMAGE_WIDTH_EM>em;
      height: <IMAGE_HEIGHT_EM>em;
      font-size: 1.224em;
      border: 1px solid #cccccc;
      padding: .44em;
   }
</style>

Image html: 

<div id="imagebox">
   <a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><img class="imageboxem" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" id="photo" /></a>
</div>


Search Addon

One doesn't exist so may have to code myself.

Tag Organizer Admin Addon

Makes it much much easier to organise your tags! Can rename them on all images at once, or even assign images with one tag to another. Also has an overview option so you can quickly edit all your tags at once. Very nice.

pixelpost-addon-tag-organizer-20080711-005255.jpg

TinyMCE WYSIWYG Editor Admin Addon

Couldn't get this Addon to work with miniCMS so did following hack. This adds a TinyMCE WYSIWYG Editor to the Image Description field.

TinyMCE WYSIWYG Editor Admin Hack

Hacked admin/index.php to enable TinyMCE Editor for Image Description in image edit and add image pages.

Starting on line 230, replace: 

</script>
 
<?php

With: 

</script>
<?php
if (!isset($_GET['view']) OR $_GET['view']=='images' )  {
echo '<!-- TinyMCE Editor Insert -->
		<script language="javascript" type="text/javascript" src="../includes/tiny_mce/tiny_mce.js"></script>
		<script language="javascript" type="text/javascript">
			tinyMCE.init({
			theme : "advanced",
			width : "700",
			height : "280",
			mode : "textareas",
			relative_urls : false,
			convert_urls : false,
			plugins : "style,layer,table,save,advimage,advlink,insertdatetime,preview,searchreplace,contextmenu,paste,directionality,fullscreen,noneditable,spellchecker",
		theme_advanced_buttons1_add: "separator,code,cleanup,separator,fullscreen,help",
		theme_advanced_buttons2_add: "separator,undo,redo,cut,copy,paste,pastetext,pasteword,separator,removeformat,search,spellchecker",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_path_location : "bottom",
		content_css : "full_interface.css",
		plugin_insertdate_dateFormat : "%d-%m-%Y",
		plugin_insertdate_timeFormat : "%H:%M:%S",
		extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
		// external_link_list_url : "example_link_list.js",
		// external_image_list_url : "example_image_list.js",
		// flash_external_list_url : "example_flash_list.js",
		file_browser_callback : "fileBrowserCallBack",
		theme_advanced_resize_horizontal : false,
		theme_advanced_resizing : true
			});
			function fileBrowserCallBack(field_name, url, type, win) {
		// This is where you insert your custom filebrowser logic
		alert("Example of filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);
 
		// Insert new URL, this would normaly be done in a popup
		win.document.forms[0].elements[field_name].value = "someurl.htm";
	}
		</script>
<!-- End TinyMCE -->';
}
?>
 
<?php


Image:Icon Resources 20px.png PixelPost Resources

Official PixelPost Resources

Unofficial PixelPost Resources

  • Eleven2 — official hosting sponsors.
  • PhotoBlogs.org – register to increase the visibility of your photoblog.

PixelPost Forum Queries


Retrieved from "http://wiki.fishcakes.biz/PixelPost_Addons"
Personal tools