2012年2月21日火曜日

私のスペースに画像を追加する方法

WordPress

WordPress WordPress ...

WebWebWordPress WebWeb

jQuery WordPress

Web … orz

jQuery

WordPress

  1. WordPress
  2. WordPress
  3. WordPress
    • jQuery
    • WordPress Gallerific

1. WordPress

WordPress Ver 2.5

2. WordPress

:)

OK

[ gallery ]OK

3. WordPress

w


  1. rpgmaker 2000 EMポルトガル語を行うダウンロード

    exclude

    ID [ gallery exclude="21,32,43" ] ID

    include exclude include

    ID URL &attachment_id=3595

    CSS

    6.

    link

    link="file"

    lightbox

    link="page"

    1. MIME_TYPE.php – image.php, video.php, audio.php, application.php, MIME type
    2. attachment.php
    3. single.php
    4. index.php

    image.php MIME_TYPE.phpMIME_TYPE.php attachment.php single.php WordPress

    MIME_TYPE.phpattachment.php single.php

    single.php

    …wp-includes media.php 500px

    single.php the_content() 

        id)) { $att_image = wp_get_attachment_image_src( $post->id, "full-size"); ?> 
     <?php $post->post_excerpt; ?>

    is_attachment()the_content()

    • echo $post->post_excerpt;
    • echo $post->post_title;
    • echo $post->post_content;

    image.php attachment.php

    image.php :) htmlOK

    7. jQuery

    jQuery

    jQuery galleriffic

    XHTML WordPress Gallerific

    … orz

    wp-includes media.php WordPress

    functions.php XHTML

    functions.php

     /*  */ remove_shortcode('gallery', 'gallery_shortcode');  /*  */ add_shortcode('gallery', 'my_gallery_shortcode');

    OK

    gallery media.php :) functions.php media.php OK


    携帯電話会社は、テキストメッセージのコピーを保持しない 
     function my_gallery_shortcode($attr) {   global $post, $wp_locale;    static $instpe = 0;   $instpe++;    // Allow plugins/themes to override the default gallery template.   $output = apply_filters('post_gallery', '', $attr);   if ( $output != '' )     return $output;    // We're trusting author input, so let's at least make sure it looks like a valid orderby statement   if ( isset( $attr['orderby'] ) ) {     $attr['orderby'] = sanitize_sql_orderby( $attr['orderby'] );     if ( !$attr['orderby'] )       unset( $attr['orderby'] );     }    extract(shortcode_atts(array(     'order'      => 'ASC',     'orderby'    => 'menu_order ID',     'id'         => $post->ID,     'itemtag'    => 'dl',     'icontag'    => 'dt',     'captiontag' => 'dd',     'columns'    => 3,     'size'       => 'thumbnail',     'include'    => '',     'exclude'    => ''   ), $attr));    $id = intval($id);   if ( 'RAND' == $order )     $orderby = 'none';    if ( !empty($include) ) {     $include = preg_replace( '/[^0-9,]+/', '', $include );     $_attachments = get_posts( array('include' => $include, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );      $attachments = array();     foreach ( $_attachments as $key => $val ) {       $attachments[$val->ID] = $_attachments[$key];     }   } elseif ( !empty($exclude) ) {     $exclude = preg_replace( '/[^0-9,]+/', '', $exclude );     $attachments = get_children( array('post_parent' => $id, 'exclude' => $exclude, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );   } else {     $attachments = get_children( array('post_parent' => $id, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );   }    if ( empty($attachments) )     return '';    if ( is_feed() ) {     $output = "¥n";     foreach ( $attachments as $att_id => $attachment )       $output .= wp_get_attachment_link($att_id, $size, true) . "¥n";     return $output;   }    $itemtag = tag_escape($itemtag);   $captiontag = tag_escape($captiontag);   $columns = intval($columns);   $itemwidth = $columns > 0 ? floor(100/$columns) : 100;   $float = is_rtl() ? 'right' : 'left';    $selector = "gallery-{$instpe}";    $output = apply_filters('gallery_style', "               ¥n";    return $output; }

    $output XHTML jQuery WordPress

    functions.php WordPress jQuery gallery-functions.php

    …

    … orz :D

    8. WordPress Gallerific

    jQuery Gallerific WordPress

    WordPressjQueryGalleriffic

    8.1. Gallerific

    Gallerific

    Gallerific

    HTML 5


    "グラフィックアーティストは何をするか？"

    Example 2

    Example 2

    1. css loader.gif
    2. css galleriffic-2.css
    3. js jquery.galleriffic.js
    4. js jquery.opacityrollover.js

    Example 2 4jQuery WordPress

    8.2

    CSS Javascript WordPress functions.php

    functions.php

     /* JS  */ if(!is_admin()){   function register_script(){     /* js */     wp_register_script('galleriffic', get_bloginfo('template_directory').'/js/jquery.galleriffic.js', array('jquery'));     wp_register_script('opacity', get_bloginfo('template_directory').'/js/jquery.opacityrollover.js');   }   function add_script(){     register_script();     if(is_page('gallery')){       wp_enqueue_script('galleriffic');       wp_enqueue_script('opacity');     }   }   add_action('wp_print_scripts','add_script',10); }  /* CSS */ if(!is_admin()){   function add_my_stylesheet() {     /* css  */     wp_register_style('galleriffic-css', get_bloginfo('template_directory') . '/css/galleriffic.css');       if(is_page('gallery')){         wp_enqueue_style( 'galleriffic-css');       }     }   add_action('wp_print_styles', 'add_my_stylesheet'); }

    if(is_page('gallery'))gallery header.php wp_head() …

    functions.php header.php

    header.php

    wp_head() wp_enqueue_script wp_enqueue_style Galleriffic WordPress

    8.4. Galleriffic

    WordPress [ gallery ]functions.php


    functions.php

     /* galleriffic */ add_shortcode('galleriffic', 'my_gallery_shortcode'); function my_gallery_shortcode($attr) {   global $post, $wp_locale;   static $instpe = 0;   $instpe++;   // Allow plugins/themes to override the default gallery template.   $output = apply_filters('post_gallery', '', $attr);   if ( $output != '' )     return $output;   // We're trusting author input, so let's at least make sure it looks like a valid orderby statement   if ( isset( $attr['orderby'] ) ) {     $attr['orderby'] = sanitize_sql_orderby( $attr['orderby'] );     if ( !$attr['orderby'] )       unset( $attr['orderby'] );     }   extract(shortcode_atts(array(     'order'      => 'ASC',     'orderby'    => 'menu_order ID',     'id'         => $post->ID,     'size'       => 'thumbnail',     'include'    => '',     'exclude'    => ''   ), $attr));   $id = intval($id);   if ( 'RAND' == $order )     $orderby = 'none';   if ( !empty($include) ) {     $include = preg_replace( '/[^0-9,]+/', '', $include );     $_attachments = get_posts( array('include' => $include, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );     $attachments = array();     foreach ( $_attachments as $key => $val ) {       $attachments[$val->ID] = $_attachments[$key];     }   } elseif ( !empty($exclude) ) {     $exclude = preg_replace( '/[^0-9,]+/', '', $exclude );     $attachments = get_children( array('post_parent' => $id, 'exclude' => $exclude, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );   } else {     $attachments = get_children( array('post_parent' => $id, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );   }   if ( empty($attachments) )     return '';   if ( is_feed() ) {     $output = "¥n";     foreach ( $attachments as $att_id => $attachment )       $output .= wp_get_attachment_link($att_id, $size, true) . "¥n";     return $output;   }   $columns = intval($columns);   $itemwidth = $columns > 0 ? floor(100/$columns) : 100;   $float = is_rtl() ? 'right' : 'left';   $selector = "gallery-{$instpe}";   $output = apply_filters('gallery_style', "
    2. "; } $output .= "
"; return $output; }

Galleriffic[ galleriffic ]Galleriffic HTML

8.5.

Galleriffic

;D


  • $attachment -> post_title

  • $attachment -> post_excerpt

  • $attachment -> post_content

8.6. Galleriffic

footer Gallerifficheader.php footer.php functions.php OK header.php


header.php

wp_head() WordPress $('div.content').css('display', 'block'); jQuery $ jQuery('div.content').css('display', 'block'); $ jQuery

WordPress Galleriffic

WordPressjQueryGalleriffic

…



These are our most popular posts:

ヘッダー背景を画像にする - FC2ブログのテンプレート工房

私の記事をコピーペーストした場合、行頭に全角スペースが含まれてしまうようになっ ていました。誠に申し訳 ... ところで、今日は背景画像を透過表示する方法を教えて いただきたくて、こちらにお邪魔しています。 記事の後ろあたり ... やっぱりスキルのない 私には無理なんですかね～。 アップロード .... スタイルシートに次の記述を追加して ください。 li { ... read more

スクリーンショットの撮り方

番外編2, （WEBマスター向け） 画像投稿BBSへのリンク追加方法. 番外編3, 撮れる？ 撮れない？ ... ないことはもうお分かりでしょう。 フリーの撮影ソフトをダウンロードサイト などで入手するのも良いですし、こちらで作成した物を利用して下さってもよいでしょう。 read more

アメーバのルーム(Room)についてです。 私のルームはフリースペース ...

... についてです。 私のルームはフリースペースだけ貼っててルームを細くしてるんです。 フリースペースは画像を貼ってるんですが、 その周りが白で目立つんです。 そこを背景 画像にするには... ... 解決済みの質問. 知恵コレに追加する ... read more

第15回 画像サイズを変更する ～ 超初心者向け フォトショップ・エレメンツ ...

2006年4月26日... とは異なります。表示されているズーム倍率を変更したり、実画像のサイズを変更する 方法を解説します。 ... 画像E ワークスペースの画像編集ウィンドウの大きさも変えること ができます。 ... パレットエリアに「ナビゲータ」が追加されます。 read more

Related Posts



投稿者 Max 時刻: 23:09

0 コメント:

コメントを投稿

登録: コメントの投稿 (Atom)