Title: WAJ Image
Author: waughjai
Published: <strong>2018年11月30日</strong>
Last modified: 2019年5月20日

---

プラグインを検索

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/waj-image/assets/icon.svg?rev=2010165)

# WAJ Image

 作者: [waughjai](https://profiles.wordpress.org/waughjai/)

[ダウンロード](https://downloads.wordpress.org/plugin/waj-image.3.0.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/waj-image/#description)
 * [レビュー](https://ja.wordpress.org/plugins/waj-image/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/waj-image/#installation)
 * [開発](https://ja.wordpress.org/plugins/waj-image/#developers)

 [サポート](https://wordpress.org/support/plugin/waj-image/)

## 説明

This plugin has 3 main classes, with a shortcode for each 1.

Shorcodes:
 * [image src=”%url%”] * [theme-image src=”%url%”] * [upload-image src
=”%url%”] * [picture src=”%baseurl%” ext=”%ext%” sizes=”%sizes%”] * [theme-picture
src=”%baseurl%” ext=”%ext%” sizes=”%sizes%”] * [upload-picture src=”%baseurl%” ext
=”%ext%” sizes=”%sizes%”] * [thumbnail]

Classes:
 * WaughJ\HTMLImage\HTMLImage * WaughJ\WPThemeImage\WPThemeImage * WaughJ\
WPUploadImage\WPUploadImage * WaughJ\HTMLPicture\HTMLPicture * WaughJ\WPThemePicture\
WPThemePicture * WaughJ\WPUploadPicture\WPUploadPicture * WaughJ\WPPostThumbnail\
WPPostThumbnail

The regular image shortcode loads the exact source URL given, without a cache-corruption-
breaking version parameter. It is mainly for use by other classes, like the next
2.

The regular picture shortcode loads %base%.%ext%, as well as extra sources based
on the sizes given. Read https://developer.mozilla.org/en-US/docs/Web/HTML/Element/
picture for mo’ info on how the picture element works.

The theme image & picture shortcodes load images from the current theme directory.

The upload image & picture shortcodes load images from the uploads directory.

The thumbnail shortcode loads a post’s thumbnail. If the post-id attribute is given,
it loads the thumbnail o’ that ID. If no ID is given, it tries to supply the ID 
o’ whatever the current post is ( whatever get_the_ID() gives ). Img, source, & 
picture attributes can be given through %tag-name%-%attribute-name%. For example,
to set the image’s class, add img-class=”%class%”.

The HTML & Theme classes have near the same interface: a mandatory source & optional
arguments. For the shortcodes, this means a “src” attribute as well as any other
valid HTML attributes; for the classes, it means a hash map as an optional 2nd argument.

The WPUploadImage class takes a mandatory ID integer representing the ID o’ the 
image in the media section o’ the WordPress admin, the 2nd argument is an optional
size string representing the slug o’ the size type as registered in WordPress, with“
responsive” for automatically an image that uses srcset to dynamically load the 
size for different window sizes, & the optional 3rd argument is a hash map for extra
attributes, as ‘bove.

The WPUploadPicture takes a mandatory ID integer & the optional attributes hash 
map.

In addition to any valid HTML attributes, the WPThemeImage & WPThemePicture classes
also accept “directory” & they & the uploads classes accept the “show-version” attributes.
The former, if set, will automatically put the source in the given directory; the“
show-version” attribute, if set to false, won’t try to find the image’s last modified
type to give it a version parameter for breaking cache corruption.

If “alt” attribute is not set, an empty 1 will automatically be added to the HTML
generated, ensuring that all images made through these will have an alt tag.

To make working with theme image objects with minimal inconvenience for images that
are all in the same directory that is not the topmost directory o’ the theme directory,
you can globally set the inner shared directory in the WordPress admin through Appearances-
> Theme -> Directories, or directly in PHP with WPThemeImage’s static setDefaultSharedDirectory
method on the class itself. After that, all initialized WPThemeImage & WPThemePicture
instances, including the shortcodes, will automatically use that shared directory
if a different 1 isn’t provided.

To add HTML attributes to WPThemePicture & WPUploadPicture shortcodes, prefix them
with “img-“, “picture-“, or “source-” depending on what tag you want the attribute
given to. For example, to apply a class to the img tag, give the shortcode the attribute“
img-class”.

### Examples

    ```
    use WaughJ\WPUploadImage\WPUploadImage;
    echo new WPUploadImage
    (
        31,
        [
            'class' => 'center-img portrait',
            'alt' => 'King'
        ]
    );
    ```

&

    ```
    [upload-image media-id="31" class="center-img portrait" alt="King"]
    ```

Will generate something like `<img class="center-img portrait" alt="King" src="https://
www.domain.com/wp-content/uploads/2018/12/demo-150x150.png?m=1543875777" />`

    ```
    use WaughJ\WPThemeImage\WPThemeImage;
    WPThemeImage::setDefaultSharedDirectory( 'img' );
    echo new WPThemeImage( 'photo.jpg' );
    ```

Will generate something like `<img src="https://www.domain.com/wp-content/themes/
theme-slug/img/photo.jpg?m=1543875777" alt="" />`

    ```
    [upload-picture media-id="8"]
    ```

Will generate something like `<picture><source srcset="https://www.example.com/wp-
content/uploads/2018/12/photo-150x150.jpg?m=1543875777" media="(max-width:150px)"
><source srcset="https://www.example.com/wp-content/uploads/2018/12/photo-300x300.
jpg?m=1543875781" media="(max-width:300px)"><source srcset="https://www.example.
com/wp-content/uploads/2018/12/photo-768x768.jpg?m=1543875785" media="(max-width:
768px)"><source srcset="https://www.example.com/wp-content/uploads/2018/12/photo-
1024x1024.jpg?m=1543875831"><img src="https://www.example.com/wp-content/uploads/
2018/12/photo-150x150.jpg?m=1543875777" alt="" /></picture>`

For mo’ information on how each class works, check out their documentation @ https://
github.com/waughjai?tab=repositories

## インストール

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Images can be added using shortcode in WordPress editors or directly in PHP by 
    using instances o’ classes. Instances o’ classes can be automatically casted into
    strings & used as strings.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

WAJ Image はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献してい
ます。

貢献者

 *   [ waughjai ](https://profiles.wordpress.org/waughjai/)

[“WAJ Image” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/waj-image)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/waj-image/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/waj-image/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/waj-image/)を
[RSS](https://plugins.trac.wordpress.org/log/waj-image/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 3.0.0

 * Revamp all shortcodes & underlying classes.
 * WPUploadImage & WPUploadPicture shortcode attributes now use “media-id” for image
   ID & WPPostThumbnail now uses “post-id” ’stead o’ either using just “id” so they
   don’t conflict with setting id HTML attribute.
 * All classes have improved error-handling so that they all throw exceptions. Shortcodes
   catch all exceptions so unsightly errors don’t show up on public website.

#### 2.2.2

 * Update Directory class so that WPThemeImage doesn’t cause it to break with empty
   directory.

#### 2.2.1

 * Turn on thumbnail support by default.

#### 2.2.0

 * Add WPPostThumbnail class & shortcode for easily getting post thumbnail.

#### 2.1.1

 * Fix WPThemePicture bug changing default theme shared directory.

#### 2.1.0

 * Update dependencies, test for WordPress 5.1.

#### 2.0.1

 * Fix buggy WPUploadImage class.

#### 2.0

 * Refactor into split classes.
 * Fix WordPress Uploads incompatibility with WPUpload classes.

#### 1.3

 * Add directory bar to admin.

#### 1.2

 * Add ability to just get source from images.

#### 1.1

 * Make uploads classes mo’ automatic.

#### 1.0

 * Initial stable version.

## メタ

 *  バージョン **3.0.0**
 *  最終更新日 **7年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 5.0.0またはそれ以降 **
 *  検証済み最新バージョン: **5.2.28**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/waj-image/)
 * タグ
 * [html generator](https://ja.wordpress.org/plugins/tags/html-generator/)[image](https://ja.wordpress.org/plugins/tags/image/)
   [loader](https://ja.wordpress.org/plugins/tags/loader/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/waj-image/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/waj-image/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/waj-image/reviews/)

## 貢献者

 *   [ waughjai ](https://profiles.wordpress.org/waughjai/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/waj-image/)