Dynamic badge von flickr in Wordpress einbauen.

Max´n · 18.03.2005, 17:53

Hi,
ich möchte gerne das dynamic badge
http://www.flickr.com/badge.gne
Feature von flicker in mein Wordpress Blog einbauen.
Nun meine Frage ist wo muss ich den Code den ich von flicker am Ende erhalte bei Wordpress 1.5 einbauen?

MfG
Max

ilnowa · 20.03.2005, 09:27

Bei Flickr wird beispielsweise dieser Schnipsel Code für dich gezimmert:

Code:

<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>

Wohin du diesen kopieren möchtest ist dir über lassen.
Ich habe ein kleines pic in meiner Sidebar, habe aber auch schon andere gesehen die ein pic mit in die header grafik gebaut haben.

Kannst du so halten wie du möchtest.
PS Schön hier noch einen Flickrerianer zu treffen!

Max´n · 22.03.2005, 12:06

Mein Problem ist das ich von Html nicht viel Ahnung habe

Ich würde gerne 4 kleine Bilder in die Sidebar unter die Links setzen. In welche Datei und an welcher stelle müsse ich den Code dann einfügen?

Ich hoffe das sich bei flickr nicht zuviel ändert nachdem Yahoo zugeschlagen hat.

ilnowa · 22.03.2005, 12:48

Ich hatte mal testweise in meiner sidebar.php eine kleine Tabelle (per DIV und CSS habe ich es nicht hinbekommen).

Code:

<table border="0">
  <tr>
     <td>Flickr</td>
     <td>ist</td>
  </tr>
 <tr>
     <td>einfach</td>
     <td>toll</td>
  </tr>
</table>

Das packst du in die og sidebar.php und trägst dann deinen eigenen Schnipsel ein.

Max´n · 22.03.2005, 15:19

Ohje. Ich will nicht nerven aber so verstehe ich das nicht was ich machen muss. Wo muss ich was reinsetzen und warum dieser Code und nicht der von flickr?

Wenn Du lust und zeit hast kannst du mich ja bitte mal an icq´n :
21418029

Ich will hier das Forum nicht mit blöden Fragen voll müllen.

Vielen Dank!

ilnowa · 22.03.2005, 17:42

Grmpfl *schluchz*,

also erstens gibts so was nicht per ICQ weil dann andere davon nix lernen können.

Zweitens geht es jetzt los.

Öffne bitte die folgende Datei aus deinem Root/Webisnstallation: wordpress/wp-content/themes/dein verwendetes Theme/sidebar.php
Zur Veranschaulichung nehme ich jetzt mal die sidebar aus dem default_de Theme. Diese hat den folgenden Code:

Code:

<div id="sidebar">
		<ul>
			
			[*]
				<?php include (TEMPLATEPATH . '/searchform.php'); ?>
			

			<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
			[*]<h2><?php _e('Author'); ?></h2>
			

A little something about you, the author. Nothing lengthy, just an overview.</p>
			
			-->

			[*]
			<?php /* If this is a category archive */ if (is_category()) { ?>
			

<?php printf( __('You are currently browsing the %1$s weblog archives for the \'%2$s\' category.'), '' . get_bloginfo('name') . '', single_cat_title('', false) ) ?></p>
			
			<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach <?php the_time('l,'); ?> den <?php the_time('j. F Y'); ?>.</p>
			
			<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach dem Monat <?php the_time('F Y'); ?>.</p>

      <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			Nach dem Jahr <?php the_time('Y'); ?>.</p>
			
		 <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
			

Du hast das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach '<?php echo wp_specialchars($s); ?>' durchsucht. Wenn Du nichts passendes in diesen Ergebnissen findest, kannst Du auch folgende Links versuchen.</p>

			<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv.</p>

			<?php } ?>
			

			<?php wp_list_pages('title_li=<h2>' . __('Menu') . '</h2>' ); ?>

			[*]<h2><?php _e('Archiv'); ?></h2>
				<ul>
				<?php wp_get_archives('type=monthly'); ?>
				[/list]			

			[*]<h2><?php _e('Categories'); ?></h2>
				<ul>
				<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
				[/list]			

			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>				
				<?php get_links_list(); ?>
				
				[*]<h2><?php _e('Meta'); ?></h2>
				<ul>
					<?php wp_register(); ?>
					[*][img]http://sfx-images.mozilla.org/affiliates/Buttons/80x15/white_1.gif[/img]
		[*][img]/bilder/valid-xhtml.gif[/img]
		[*][img]/bilder/wp-button-2.png[/img]
	[*][img]/bilder/wp-button-2-ger.png[/img]
	[*][img]http://browsehappy.com/buttons/bh_80x15.gif[/img][*][img]http://www.bloghaus.net/banner/button5.gif[/img][*]<img src = "http://pl15994.macbay.de/mozilla/bestviewedwithmozsmall.png" width="155" height="15" border="0" alt="best viewed with mozilla logo" title="best viewed with mozilla or any other browser" />[*]  [img]/wp-images/xfn-btn.gif[/img] 
		
					
					<?php wp_meta(); ?>
				[/list]				
			<?php } ?>
			
		[/list]	</div>

Dort kannst du den von mir geposteten Tabellen Code einsetzen. Ich werde dir mal ungefähr den Bereich aufzeigen wo dies ohne größere Umbau aktionen über die Bühne geht.
Achte auf die Auskommentierten Infos:

Code:

	<div id="sidebar">
		<ul>
			
			[*]
				<?php include (TEMPLATEPATH . '/searchform.php'); ?>
			
			
			
			<table border="0">
  <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
 <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
</table> 
			

			<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
			[*]<h2><?php _e('Author'); ?></h2>
			

A little something about you, the author. Nothing lengthy, just an overview.</p>
			
			-->

			[*]
			<?php /* If this is a category archive */ if (is_category()) { ?>
			

<?php printf( __('You are currently browsing the %1$s weblog archives for the \'%2$s\' category.'), '' . get_bloginfo('name') . '', single_cat_title('', false) ) ?></p>
			
			<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach <?php the_time('l,'); ?> den <?php the_time('j. F Y'); ?>.</p>
			
			<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach dem Monat <?php the_time('F Y'); ?>.</p>

      <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv
			Nach dem Jahr <?php the_time('Y'); ?>.</p>
			
		 <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
			

Du hast das <?php echo bloginfo('name'); ?> Weblog Archiv
			nach '<?php echo wp_specialchars($s); ?>' durchsucht. Wenn Du nichts passendes in diesen Ergebnissen findest, kannst Du auch folgende Links versuchen.</p>

			<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
			

Du durchsuchst derzeit das <?php echo bloginfo('name'); ?> Weblog Archiv.</p>

			<?php } ?>
			

			<?php wp_list_pages('title_li=<h2>' . __('Menu') . '</h2>' ); ?>
			
			
			<table border="0">
  <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
 <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
</table> 
			

			[*]<h2><?php _e('Archiv'); ?></h2>
				<ul>
				<?php wp_get_archives('type=monthly'); ?>
				[/list]			
			
			
			<table border="0">
  <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
 <tr>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
     <td><script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script>
</td>
  </tr>
</table> 
			

			[*]<h2><?php _e('Categories'); ?></h2>
				<ul>
				<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
				[/list]			

			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>				
				<?php get_links_list(); ?>
				
				[*]<h2><?php _e('Meta'); ?></h2>
				<ul>
					<?php wp_register(); ?>
					[*][img]http://sfx-images.mozilla.org/affiliates/Buttons/80x15/white_1.gif[/img]
		[*][img]/bilder/valid-xhtml.gif[/img]
		[*][img]/bilder/wp-button-2.png[/img]
	[*][img]/bilder/wp-button-2-ger.png[/img]
	[*][img]http://browsehappy.com/buttons/bh_80x15.gif[/img][*][img]http://www.bloghaus.net/banner/button5.gif[/img][*]<img src = "http://pl15994.macbay.de/mozilla/bestviewedwithmozsmall.png" width="155" height="15" border="0" alt="best viewed with mozilla logo" title="best viewed with mozilla or any other browser" />[*]  [img]/wp-images/xfn-btn.gif[/img] 
		
					
					<?php wp_meta(); ?>
				[/list]				
			<?php } ?>
			
		[/list]	</div>

Ich habe bei dem unteren Beispiel bewußt übertrieben. Kopier es einfach in eine neue sidebar.php (die alte besser sichern) und schau es dir bei dir mal an.
Dann fängst du einfach mal an diverse Sachen rauszulöschen und du wirst bald wissen worum es geht!

Es gibt mit Sicherheit noch elegantere Lösungen aber diese habe ich bis dato nicht parat.

VG
Oli

PS
Backups nicht vergessen

Max´n · 23.03.2005, 13:23

Hast schon recht lieber hier im Forum Posten dann hat jeder was davon. Aber ich dachte meine Frage ist so blöd das weiß eh jeder.

Alles hat alles wunderbar geklappt!
Vielen Vieln Dank!

18.03.2005, 17:53	#1 (permalink)
Max´n PostRank: 0 Registriert seit: 22.12.2004 Beiträge: 5	Dynamic badge von flickr in Wordpress einbauen. Hi, ich möchte gerne das dynamic badge http://www.flickr.com/badge.gne Feature von flicker in mein Wordpress Blog einbauen. Nun meine Frage ist wo muss ich den Code den ich von flicker am Ende erhalte bei Wordpress 1.5 einbauen? MfG Max

20.03.2005, 09:27	#2 (permalink)
ilnowa PostRank: 4 Registriert seit: 28.12.2004 Beiträge: 258	Bei Flickr wird beispielsweise dieser Schnipsel Code für dich gezimmert: Code: <script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&count=1&display=random&name=0&size=square&raw=1"></script> Wohin du diesen kopieren möchtest ist dir über lassen. Ich habe ein kleines pic in meiner Sidebar, habe aber auch schon andere gesehen die ein pic mit in die header grafik gebaut haben. Kannst du so halten wie du möchtest. PS Schön hier noch einen Flickrerianer zu treffen! __________________ _de-Lokalisationen diverser Themes de_Almost Spring de_Rin de_TicTac de_Wuhan

22.03.2005, 12:48	#4 (permalink)
ilnowa PostRank: 4 Registriert seit: 28.12.2004 Beiträge: 258	Ich hatte mal testweise in meiner sidebar.php eine kleine Tabelle (per DIV und CSS habe ich es nicht hinbekommen). Code: <table border="0"> <tr> <td>Flickr</td> <td>ist</td> </tr> <tr> <td>einfach</td> <td>toll</td> </tr> </table> Das packst du in die og sidebar.php und trägst dann deinen eigenen Schnipsel ein. __________________ _de-Lokalisationen diverser Themes de_Almost Spring de_Rin de_TicTac de_Wuhan

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
WordPress MU	Olaf	WordPress MU	8	07.01.2007 11:28
phpbb2-Forum in Wordpress einbauen	benni2505	Konfiguration	2	01.11.2005 09:28
WordPress 1.6 Informationen	Olaf	Allgemeines	0	26.06.2005 20:24
Geht das? Externe RSS-Artikel in Wordpress komplett einbauen	SteveX	Plugins und Widgets	5	23.03.2005 16:28
Wordpress mit kuberick design und flickr installieren	Meister eder	Konfiguration	1	04.02.2005 13:58

22.03.2005, 12:06	#3 (permalink)
Max´n PostRank: 0 Registriert seit: 22.12.2004 Beiträge: 5	Mein Problem ist das ich von Html nicht viel Ahnung habe Ich würde gerne 4 kleine Bilder in die Sidebar unter die Links setzen. In welche Datei und an welcher stelle müsse ich den Code dann einfügen? Ich hoffe das sich bei flickr nicht zuviel ändert nachdem Yahoo zugeschlagen hat.

22.03.2005, 15:19	#5 (permalink)
Max´n PostRank: 0 Registriert seit: 22.12.2004 Beiträge: 5	Ohje. Ich will nicht nerven aber so verstehe ich das nicht was ich machen muss. Wo muss ich was reinsetzen und warum dieser Code und nicht der von flickr? Wenn Du lust und zeit hast kannst du mich ja bitte mal an icq´n : 21418029 Ich will hier das Forum nicht mit blöden Fragen voll müllen. Vielen Dank!

23.03.2005, 13:23	#7 (permalink)
Max´n PostRank: 0 Registriert seit: 22.12.2004 Beiträge: 5	Hast schon recht lieber hier im Forum Posten dann hat jeder was davon. Aber ich dachte meine Frage ist so blöd das weiß eh jeder. Alles hat alles wunderbar geklappt! Vielen Vieln Dank!