画像管理ソフト Tiat

色々なサイトからダウンロードした画像を管理するのが難しい。ダウンロード先によってフォルダごとに管理したり、画像の用途によって(ヘッダー用、背景用など)フォルダを作成して管理したりしている

一覧で見るときにフォルダを開いていかないと見れないので不便。

画像管理ソフトを使って視認性をよくしよう

Tiat – The image organizer for you

参考:デザイナー・カメラマンにおすすめ!大量の画像を効率的に管理できるWin, Mac, Linux対応の無料アプリ -Tiat | コリス

幾何学模様の背景の上に文字が載せられる画像作成webサービスGPIG

幾何学模様のヘッダー画像を作ることができるwebサービス GPIG を使うと、簡単に文字載せのヘッダー画像を作ることができるので時間短縮に便利です。

できること

  • サイズ指定の幾何学模様の画像を作ることができる。つまりtwitterなどのヘッダー作成に便利
  • 幾何学模様の上に文字を載せることができる。ただし位置配置は中央配置のみ
  • 日本語フォントで游ゴシック、Rounded M+ 1C、游明朝、はんなり明朝、こころ明朝などが選ぶことができる。

できないこと

  • 思い通りの幾何学模様をだすことはできない
  • 文字配置を調整することはできない
  • 色の指定をすることができない

ブログの背景画像を設定できる機能を追加する add_theme_support(‘custom-background’);

ブログの背景をWordPress上で設定したいときに使えるのがカスタム背景です。

add_theme_support(‘custom-background’);

カスタム背景には以下のようなデフォルトのオプションが与えられています。

$defaults = array(
	'default-color'          => '',
	'default-image'          => '',
	'default-repeat'         => '',
	'default-position-x'     => '',
	'default-attachment'     => '',
	'wp-head-callback'       => '_custom_background_cb',
	'admin-head-callback'    => '',
	'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $defaults );
default-color
デフォルトの背景の色
default-image
デフォルトの背景画像のURL
default-repeat
デフォルトの背景画像を繰り返すかどうか
default-position-x
default-attachment
wp-head-callback
admin-head-callback
admin-preview-callback

カスタム背景を使うにはbody_class() と wp_head() が必須。
body_class() カスタム背景用のclassが追加され wp_head() にスタイルシートが追加される。

参考:カスタム背景 – WordPress Codex 日本語版

ブログを印象づけたいヘッダー画像追加機能を有効にする add_theme_support( ‘custom-header’ );

ブログが画面に表示されるときに大きな画像があるとひと目であのブログだって分かりますよね。追加したい機能がカスタムヘッダーです。

カスタムヘッダーとは

カスタムヘッダーはブログのイメージを伝えるために大きな画像をトップにおくことがある。

add_theme_support( 'custom-header' );

add_theme_support( ‘custom-header’ ); の機能

「外観」→「ヘッダー」が現れて、ここからカスタムヘッダーを設定(アップロード)することができるようになる。

add_theme_support( ‘custom-header’ ); の使い方

functions.php に書く

カスタムヘッダーにはデフォルトで以下のように指定されている。

$defaults = array(
    'default-image' => '',
    'width' => 0,
    'height' => 0,
    'flex-height' => false,
    'flex-width' => false,
    'uploads' => true,
    'random-default' => false,
    'header-text' => true,
    'default-text-color' => '',
    'wp-head-callback' => '',
    'admin-head-callback' => '',
    'admin-preview-callback' => '',
);
add_theme_support( 'custom-header', $defaults );
default-image
デフォルトのヘッダー画像のURL
width
ヘッダー画像の横幅
height
ヘッダー画像の高さ
flex-height
ヘッダー画像の高さを切り抜きできるか(true or false)
flex-width
ヘッダー画像の横幅を切り抜きできるか(true or false)
uploads
画像のアップロードを有効にするか(true or false)
random-default
ヘッダー画像をランダムに変えるようにするか(true or false)
header-text
ヘッダーテキストを表示するか(true or false)
default-text-color
ヘッダーテキストの色
wp-head-callback
head内にスタイルシートの追加文
admin-head-callback
テーマカスタマイザー上のスタイルシートの追加分
admin-preview-callbackh
テーマカスタマイザーのプレビュー画面でのスタイルシートの追加分

出力は the_custom_header_markup() テンプレートタグ。

参考:カスタムヘッダー – WordPress Codex 日本語版

ブログ機能に不可欠なフィードリンクを自動作成するadd_theme_support( ‘automatic-feed-links’ );

ブログの更新通知を受け取るためにRSS登録を利用している人も多いと思う。デフォルトではこの機能がついていないので add_theme_support( ‘automatic-feed-links’ ); でフィードを自動作成することができる。

add_theme_support( 'automatic-feed-links' );

add_theme_support( ‘automatic-feed-links’ ); の機能

ブログ全体のフィードと記事のコメントフィードを自動で作成し、head内にブロクのフィードと、記事のコメントフィードのリンクを表示する

//<head>内に以下の様に出力される
<link rel="alternate" type="application/rss+xml" title="サイトタイトル » フィード" href="http://example.com/feed" />
<link rel="alternate" type="application/rss+xml" title="サイトタイトル » コメントフィード" href="http://example.com/comments/feed" />

add_theme_support( ‘automatic-feed-links’ ); の使い方

functions.php に書く。

 

参考: 自動フィードリンク – WordPress Codex 日本語版

 

アイキャッチ(サムネイル)画像の機能を追加するadd_theme_support( ‘post-thumbnails’ );

投稿一覧などに、アイキャッチ画像、(サムネイル画像)があると一覧が見やすくなる。

add_theme_support( 'post-thumbnails' );

add_theme_support( ‘post-thumbnails’ ); の機能

アイキャッチ画像の機能を追加することができる

アイキャッチとサムネイルは同じ意味。

add_theme_support( ‘post-thumbnails’ ); の使い方

functions.phpに書く。

投稿画面にアイキャッチ画像の設定画面がでて有効化することができる。

出力は the_post_thumbnail() や get_the_post_thumbnail() を使う。

 

 

post_calssにcssを追加して、投稿フォーマットをセットできるadd_theme_support(‘format’, ‘フォーマット名’)

<?php add_theme_support( ’post-formats', arrray(
    'aside',
    'image',
    'video',
    'quote',
    'link',
    'gallery',
    'audio') ); >

記事を書くときにyoutubeを貼り付けたいときサイドバーがあると動画が小さくなるのでサイドバーを消したい。そんなときに役立つのが投稿フォーマット。

cssを追加して2カラムだったのを1カラムにすることができる。

公式テーマ Twenty Seventeen の投稿フォーマット名では

  • aside アサイド
  • image 画像
  • video 動画
  • quote 引用
  • link リンク
  • gallery ギャラリー
  • audio 音声

の7つが別に設定されている。