2007. 7. 13. 15:02

Grid Focus 테마의 메인화면에 이미지랑 글자 모든것을 표시할 경우.

Grid Focus Theme image problem

index.php파일의 “<p><?php the_content_rss(”, FALSE, ”, 68); ?></p>” 이부분을 아래와 같이 바꾸어 주게 되면,

“<p><?php the_content(’<p class=”serif”>Read the rest of this entry »</p>’); ?></p>”

모든내용이 메인화면에 표시되게 된다.

I have the solution for this little problem. Replace the follow code in the index.php file:

OLD: “<p><?php the_content_rss(”, FALSE, ”, 68); ?></p>”

REPLACE: “<p><?php the_content(’<p class=”serif”>Read the rest of this entry »</p>’); ?></p>”

2007. 7. 13. 15:00

How to widgetise Grid Focus WordPress Theme

http://www.renet-web.net/2007/06/05/how-to-widgetise-grid-focus-wordpress-theme/

It seems that after much debate and a multitude of emails, Derek Punsalan decided to release his Grid Focus Wordpress theme to the general public. I, for one am grateful for this as the Grid Focus theme has now become the base theme for my new site design. It’s work in progress and I still have a few things I want to try out before I can call it complete.

One of the things I wanted to add to this theme, was support for widgets. Grid Focs is a 3 column theme. Out of the box, the two right most columns contain hard coded elements. But what if you wanted to change the content of those two columns regularly with no fuss? Widget support is the ticket.
So, inline with Derek’s philosophy here is my contribution to the theme: I bring you, how to widgetise the Grid Focus wordpress theme. In this tutorial I will show you how you can add widget support to the columns shown in red in the picture below.

Widget Grid Focus

It’s very simple and you can probably do it in 5 minutes. Remember before you start, to backup all the files you will require to modify - I will not be held responsible if it does work. This has been tested on my web site running wordpress version 2.2.

Ok, let’s get started.

Step 1:

The first thing you need to do is to create a file called ‘functions.php’ in which you have add the following code. This is a file that Wordpress looks for and reads it if it finds it:

 <?php if ( function_exists(’register_sidebar’) )     register_sidebars((2),array(         ‘before_widget’ => ‘<div class=”sidebar_widget”>’,         ‘after_widget’ => ‘</div>’,         ‘before_title’ => ‘<h3>’,         ‘after_title’ => ‘</h3>’,     )); ?> 

Once you have done that, save your file and upload it in the same folder that holds your theme.

Step 2:

In this step you will need to modify the file originally provided with the theme called ’second.php’. This step really is up to you as it depends on much of the original structure you want to keep. For example you might want to keep the link sections and add widgets, you might want to keep the meta section and add widgets - it’s up to you. In my case, I have kept the search form and added widget capability.

The original code of the file ’second.php’ was:

 <div id=”midCol”> 	<?php include (TEMPLATEPATH . ‘/searchform.php’); ?> 	<div class=”middle_links”> 		<h3>Your choice links</h3> 		<p>Your choice links. Let readers know what they should be reading on your site.</p> 		<ul> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 		</ul> 	</div> 	<div class=”middle_links”> 		<h3>Your choice links</h3> 		<p>Your choice links. Let readers know what they should be reading on your site.</p> 		<ul> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 			<li><a href=”#” mce_href=”#”>Link Title</a> - Link description (optional)</li> 		</ul> 	</div> 	<div class=”middle_links”> 		<h3>Subscribe</h3> 		<p>Stay updated on my meandering thoughts & activities via RSS (Syndicate).</p> 		<ul> 			<li><a href=”feed:<?php bloginfo(’rss2_url’); ?>” title=”Full content RSS feed”>Content RSS</a> - Straight to your reader</li> 			<li><a href=”feed:<?php bloginfo(’comments_rss2_url’); ?>” title=”Full comments RSS feed”>Comments RSS</a> - Add to the discussion</li> 		</ul> 	</div> 	<div class=”middle_links”> 		<h3>Meta</h3> 		<ul> 			<?php wp_register(); ?> 			<li><?php wp_loginout(); ?></li> 			<?php wp_meta(); ?> 		</ul> 	</div> </div> 

After my changes, my file now looks like:

 <div id=”midCol”> <?php include (TEMPLATEPATH . ‘/searchform.php’); ?> <?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(1) ) : ?> <?php endif; ?> </div> 

Step 3:

In this step you will need to modify the file originally provided with the theme called ‘third.php’. Again, this depends on you - on how much of the original file you want to keep. In my case, I have kept the original file structure (i.e the option to add picture links) and simply added widget capability before the links.

The original code of the file ‘third.php’ was:

 <div id=”tertCol”> 	<div id=”elseWhere”> 		<h3>Before you go</h3> 		<p>Going so soon? May these links be a guide to web enlightenment. Schwing!</p> 		<ul id=”imgLinks”> 			<li><a href=”http://5thirtyone.com/grid-focus” mce_href=”http://5thirtyone.com/grid-focus” title=”Download Grid Focus by: Derek Punsalan”><img src=”<?php bloginfo(’template_directory’); ?>/images/guide/grid_focus_531.gif” alt=”Grid Focus - 531″ /></a></li> 			<li><a href=”http://is.derekpunsalan.com/” mce_href=”http://is.derekpunsalan.com/” title=”Visit Derek Punsalan…is”><img src=”<?php bloginfo(’template_directory’); ?>/images/guide/is.gif” alt=”Derek Punsalan…is” /></a></li> 		</ul> 	</div><!– close #imgLinks –> </div><!– close #tertCol –> 

After my changes, my file now looks like:

 <div id=”tertCol”> 	<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(2) ) : ?> 	<?php endif; ?> 	<div id=”elseWhere”> 		<h3>Before you go</h3> 		<p>Going so soon? May these links be a guide to web enlightenment. Schwing!</p> 		<ul id=”imgLinks”> 			<li><a href=”http://5thirtyone.com/grid-focus” mce_href=”http://5thirtyone.com/grid-focus” title=”Download Grid Focus by: Derek Punsalan”><img src=”<?php bloginfo(’template_directory’); ?>/images/guide/grid_focus_531.gif” alt=”Grid Focus - 531″ /></a></li> 			<li><a href=”http://is.derekpunsalan.com/” mce_href=”http://is.derekpunsalan.com/” title=”Visit Derek Punsalan…is”><img src=”<?php bloginfo(’template_directory’); ?>/images/guide/is.gif” alt=”Derek Punsalan…is” /></a></li> 		</ul> 	</div><!– close #imgLinks –> </div><!– close #tertCol –> 

All you now have to do, is to go to the ‘Widgets’ section (under Presentation) in the admin part of your site and add the widgets you want.

I have included has a ‘help’ an archive file that contains all three created/modified files. You can grab that archive file by clicking on the shopping cart below.

shopping cart

2007. 7. 13. 14:57

LightBox 2 WordPress Plugin(라이트박스 플러그인)

Lightbox 2 Wordpress Plugin
먼저, Lightbox 2 란게 무엇인지 궁금하신분은 아래의 그림을 클릭해보시라..^^
test2.jpg

^^
이기능을 구현하기 위해 아래의 절차를 밝으면 WordPress에서 누구나 구현할수 있다.
자세한 설명은 아래를 참고.

Lightbox 2 Wordpress plugin used to overlay images on the current page into neat Javascript-powered overlay popups.

This plugin includes the new Lightbox JS v2.2 javascript written by Lokesh Dhakar and got transformed into a Wordpress Plugin by me. Use the title attribute if you want to show a caption.
Click on the images below for an example.

test1.jpg test2.jpg

Installation

  • Upload lightbox.php and lightbox folder to the /wp-content/plugins/ directory (not the entire unzipped folder!).

lightbox-upload.gif

  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • Add a rel=”lightbox” attribute to any link tag to activate the lightbox, or rel=”lightbox[roadtrip]” for image set.
  • Optional: Use the title attribute if you want to show a caption.

Single example:
<a href=”img1.jpg” rel=”lightbox” title=”my caption”>thumbnail1</a>
Image set example:
<a href=”img1.jpg” rel=”lightbox[roadtrip]”>thumbnail1</a>
<a href=”img2.jpg” rel=”lightbox[roadtrip]”>thumbnail2</a>
<a href=”img3.jpg” rel=”lightbox[roadtrip]”>thumbnail3</a>

2007. 7. 12. 15:03

FAlbum - Flickr Photo Album - WordPress plugin

FAlbum - Flickr Photo Album - WordPress plugin

http://www.randombyte.net/blog/projects/falbum/

FAlbum

FAlbum 0.7.0

This is a Wordpress plugin that allows you to display your Flickr photos and photosets on your site.

This plugin uses the Flickr API (http://www.flickr.com/services/api/).

Features:

  • Configurable and maintained through standard WordPress administrative page
  • View album of most recent photos - Example
  • View your photos using tags - Example
  • View your tags in a cloud format - Example
  • Caching of Flickr API calls and generated html
  • Pull EXIF data from Frickr
  • Flickr notes are viewable (multi-line and html code) - Example
  • Next image pre-caching is performed on the browser
  • Supports Flickr’s new Authentication API
  • Localization support
  • Ability to edit photo title and descriptions - Screenshot

Files:

Install / Setup Instrutions:

FAQ:

  • Q: If you have questions or need help getting FAlbum to work.
    A: Please check and use the Forum and Wiki.
  • Q: How to display the recent photos in the sidebar.
    A: See: Wiki
  • Q: Admin panel is not showing. Options->FAlbum
    A: You currently need atleast level 8 security to view the FAlbum admin page.

Latest source:

  • Note: ! Will probably not be in a stable/working state !
  • https://svn.sourceforge.net/svnroot/falbum/trunk/src/falbum

2007. 7. 10. 15:14

WordPress plugin, Flash Tag Cloud

Now in version 0.2.1!

CLICK HERE if you speak English!

clowleed님의 태터툴즈용 TAGF 플러그인을 보고 워드프레스에 동일한 방법으로 적용해봤습니다. 태터툴즈의 그것과 소스코드 상에서도 큰 다른점이 없습니다. 워드프레스의 태그 데이타베이스로 끼워맞추는 것과 한글 태그 인코딩, 옵션 패널을 위한 작업을 더 해주었을 뿐이죠. 물론 허락은 맡았구요. clowleed님께 다시 한번 감사드립니다.

사실 저는 텍스트로 된 태그 구름을 좋아합니다만, 이 이쁜 플래시 태그구름을 보고 있자니 이런 것 원하시는 분이 많으실 것 같아서요~ 저도 archives 페이지에 달아놓았죠. :-)

한글 태그도 문제없이 잘 링크되고, 색상 조정, 표시될 태그의 수, 플래시 크기를 비롯한 가능한 많은 설정을 옵션 패널에서 간편하게 편집할 수 있습니다.

Screenshots

Flash Tag Cloud Option Panel
Brown Tag Cloud Green Tag Cloud Red Tag Cloud     

Violet Tag Cloud Orange Tag Cloud Gray Tag Cloud

Download

gzip과 zip 포맷 중 편한 것으로 다운로드하세요. :-) Both gzip and zip format is available for your preference.

Requirements

Ultimate Tag Warrior가 설치되어있어야 합니다. Jerome’s keyword에 대한 플러그인은 시간날 때 신경써보겠습니다. Ultimate Tag Warrior 3.141592에서 테스트해봤습니다.

Install

  1. Flash Tag Cloud를 내려받는다.
  2. 워드프레스 플러그인 디렉토리 밑에 flash-tag-cloud 디렉토리를 만들고 압축을 풀어 나온 파일들을 옮긴다.
  3. 플러그인 패널에서 Flash Tag Cloud를 활성화한다.
  4. 옵션 패널의 Flash Tag Cloud에 서브패널에 가서 옵션을 업데이트해준다.
  5. 글이나 쪽의 원하는 곳에 공백 없이 { flashtagcloud }를 삽입한다.

Upgrade

기존 버전에서 업그레이드를 한다면, 내려받은 새 버전을 덮어씌우고 Flash tag cloud 옵션 패널에서 옵션을 업데이트해준다.

Known Bug

  1. English, Korean works fine. The others is broken due to the included font.
  2. On Internet Explorer 7, flash does not appear. It should be included by javascript.

Change Log

  • Support for transparent background (2007-3-24)
  • Support for server on which mod-rewrite is not loaded, and using UTW configurations. (2007-2-15)
  • PHP syntax error is fixed in version 0.1.2 (2006-12-17)
  • New in version 0.1.1 (2006-12-07)