【WP】アップロードするメディアフォルダをカスタマイズする

wordpress-upload-dir

wordpressでは画像などのメディアファイルを投稿すると初期設定では「投稿年」「投稿月」のフォルダが作られ、そのフォルダ内にデータがアップロードされます。

コーポレートサイトとして運用しカスタム投稿や固定ページを多く使用するような場合はカスタム投稿やページ毎に分けてフォルダを作成して画像を管理すると効率が良いことがあります。例えば、「ギャラリー」というカスタム投稿を作成し、投稿記事毎にフォルダを分けて画像を管理したいなど。

そこで今回はメディアファイルを保存するフォルダをカスタマイズできるプラグイン「Custom Upload Dir」をご紹介します。

Custom Upload Dir

プラグインは管理画面からのプラグインの検索、または「wordpress.org」からダウンロードすることができます。

設定方法

「Custom Upload Dir」をインストール後、有効化すると「設定」メニューに「Custom Upload Dir」が追加されます。メニューを開き「Customize upload directory」ページでアップロードするフォルダを設定することができます。

※ ルートフォルダの「uploads」は固定になりますので「uploads」以下にフォルダが生成されます。

wordpress-custom-upload-dir-01

標準の設定を利用しない

標準の「投稿年」「投稿月」を利用しない場合は「Organize my uploads into month- and year-based folders」のチェックを外します。

wordpress-custom-upload-dir-02

フォルダをカスタマイズする

「Build a path template:」にフォルダ名を入力することでアップロードするフォルダをカスタマイズすることができます。

例えば「sample」と入力すると「sample」というフォルダが作られそのフォルダ内にメディアファイルがアップロードされます。

wordpress-custom-upload-dir-03

また、プレースホルダが設定されているので投稿条件に応じてフォルダ名を動的に設定することも可能です。

プレースホルダは以下のようになっています。

プレースホルダ名 説明
%file_ext% The file extension:アップロードされるメディアの拡張子名
%post_id% The post ID:投稿記事のID名
%author% The post author:投稿記事の作成者ID
%postname% The post’s URL slug:投稿記事のスラッグ名
%parent_name% The parent URL slug:親カテゴリーのスラッグ名
%post_type% カスタム投稿のスラッグ名
%year% The post’s year (YYYY):投稿記事の年
%monthnum% The post’s month (MM):投稿記事の月
%day% The post’s day (DD):投稿記事の日
%permalink% Match your blog’s permalink structure:パーマリンク構造(?p=)
%current_user% The currently logged in user:ログインしているユーザーID
%category% The post’s categories:カテゴリーのスラッグ名
%post_tag% The post’s tags:タクソノミーのスラッグ名

カテゴリーやタクソノミーをフォルダに設定した場合、投稿する記事にカテゴリーやタクソノミーを設定した後、下書きまたは公開をしないと正しくフォルダが生成されない場合がありますのでご注意ください。

フォルダの生成方法の設定

「Settings for taxonomy hierarchies:」の設定で、カテゴリーやタクソノミーなどで「親」「子」が同時に設定される場合のフォルダの生成方法を変えることができます。

項目名 説明 Always get all parents 設定されているすべての名前でフォルダを作成する Flat filesystem (no subfolders for children) 「親」と「子」をフォルダで分けずにスラッシュ(-)でつなげたひとつのフォルダとして作成する Ignore parents (use only leaf node of hierarcy) 一番上の「親」だけのフォルダを作成する Ignore children (use only the root of hierarchy) 一番下の「子」だけのフォルダを作成する

以上が「Custom Upload Dir」における基本的な設定内容です。最後に「Update Settings」ボタンを押して設定内容を保存するとカスタマイズされた条件で画像などのメディアファイルのアップロード先が変わります。

関連記事

【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する

現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSといったキーワードが出てきます。SassやSCSSを活用しなくても、もちろんWEBサイトを制作することが...続きを読む

2019.05.13HTMLコーディング

【CSS】linear-gradient(グラデーション)を使ったボタン作成

CSSのlinear-gradient()関数を用いることで画像を使わずとも、グラデーション色のボタンを作成することができます。 ※矢印は、「Font Awesome」、文字はGoogle Fontsの「M PLUS Rounded 1c」を組み合わせております。 ボ...続きを読む

2021.02.19CSSHTMLコーディング

【CSS】CSS3で実現するドロップシャドウ効果

画像処理のソフトなどには、文字やオブジェクトに影をつける「ドロップシャドウ」という機能があります。 ボタンや写真などに「ドロップシャドウ」使うことで立体的に表現することができるのでよく使われる効果のひとつです。 画像処理のソフトなどで行う「ドロップシャドウ」効果を...続きを読む

2015.02.09HTMLコーディング

【デザイン】ライセンスフリーのグラフィカルユーザインタフェーステンプレート

WEBサイトやパソコンの画面などに見られるメニューやボタンなどのグラフィカルユーザインタフェース(GUI)のテンプレートをまとめてみました。 Flat Style & iOS 7 Line Style UI Kit PSD フラットデザイン、iOS 7 イメー...続きを読む

2015.02.14インスピレーション

藤枝おんぱく2019「No33.蓮華寺池公園を着物でおさんぽしながら カメラマンに学ぶ着物姿の撮り方」

藤枝おんぱく2019「No33.蓮華寺池公園を着物でおさんぽしながら カメラマンに学ぶ着物姿の撮り方」のプログラムの案内人をしました。 お気に入りの着物を着て、春の蓮華寺池公園界隈を散策しながら、人物撮影のテクニックを学ぶことができる写真の講座と街歩きを合わせたプログラムを...続きを読む

2019.05.05フォトギャラリー藤枝