web-dev-qa-db-ja.com

Wordpressで画像を使用する - ベストプラクティス

私はWordpressのテーマデザインと開発の初心者ではありません。私は実際に数年前からそれをやってきました、そして近年では、それは趣味以上のものとなっており、キャリアの選択への形成を遅らせています。

しかし、私はここで尋ねるためにやや単純でまだ不可解な質問をしています...

永遠に、私は私のカスタムテーマを通して私が使う画像をwp-contentの下のthemesディレクトリの下のそれら自身の "img"または "images"ディレクトリにアップロードしていました。もちろん、私はWordpress自身の中に構築されたメディアアップローダを使った記事を投稿しました。

しかし、今、私はよりプロフェッショナルになり、グレードAの作品を一貫して作ろうとしているので、私は最近自分のイメージをどのように扱うかについて考えました。あなたは、私の古い方法を使用して、私はまたイメージパスにWordpressテンプレートタグを使用しませんでした。私はそれが相対パスで旧式のHTMLメソッドをやっていた、そして私が問題に遭遇したならば、私はただ時間を節約するためにそこにWHOLEパスを入れる。それは巨大ないいえ、いいえです。私はよく知っていますが、これはクライアントの仕事ではありませんでした...

とにかく、私の要点に到達するために - Wordpressで画像を使うためのベストプラクティスISは何でしょうか。私は今、このプロセスともっとインラインで考え始めています。

テーマ開発のために、テーマのディレクトリ内に "inc"ディレクトリがあり、それには "imgs"や "js"ディレクトリなどがあります。テーマを設計するときは、現在Wordpressを使用しています。テーマ全体で正しく機能するように、自分のパスのテンプレートタグを設定します。私の投稿では、私はまだMedia Uploaderとnormal/uploadディレクトリを使っています。

私の新しい方法はベストプラクティスですか？ありがとうございました！！繰り返しになりますが、私は自分のワークフローとメソッドを整理しようとしているので、Codexや他の最上位のWordpressプロジェクトと連携しています。

ありがとうございます。

imagesuploadsmediacustomization
5
thatguycraig

あなたが尋ねている質問から私は推測します、全体のURLをタイプインすることより良いイメージURLをコード化する方法がありますか？これは私がすることです、もしドメイン名が変わってしまったら…（私はいつもプロジェクトドメイン上にサイトを構築し、それからそれらを移動するので私の仕事の中でそれをします） ：

<img src="<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg alt="whatever" />

テンプレートでcssを使用するときにもこれを使用することができます（そしてそうです、cssを呼び出すための技術的に正しい方法ではないことがわかっています）。

<style>
#div {
     background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);
}
</style>

インラインCSSでも同様に機能します。

<h2 style="background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);">Some Title</h2>

私はこれがあなたが求めていたものだと思います...

1
RiotAct

あなたの説明はすばらしい習慣のように聞こえます。

経験則として、可能な限りハードコーディングやカスタムコーディングの代わりにWordPress関数を使用することをお勧めします。そうすれば、プラグインやその他の依存関係に関係なく、WordPressのインストールへの完全な移植性を実現できます。テーマのディレクトリ内でファイルをどのように構成するかは完全にあなた次第ですが、メンテナンスとスケーラビリティを容易にするために、あなたの方法は良いものです。ご存知のように、リソースへのパスがURLを書くためにWordPressの機能を利用していることを確認してください。

0
Christiaan

私の意見では、はい、あなたはそれを正しく使っています。私がワードプレスのテーマを開発するとき、私はいつも2つの主なことで考えます：

  • 私のクライアントにとってそれを容易にする
  • 持ち運び可能

つまり、ハードコーディングされたURLではなく、常に site_url （）およびすべての種類の関数が使用されます。あなたのクライアントがテーマを別のドメインに移動したいのであれば、それはブレーキが効かない。

Javascriptとスタイルシートには、必ず wp_enqueue_scripts と wp_enqueue_style を使用してください。必要なページにのみ含めるようにしてください。これはフロントエンドとバックエンドに適用されます。最悪で一般的な方法の1つは、ファイルが必要であるかどうかにかかわらず、あらゆる場所にファイルを含めることです。これにより、サイトが遅くなり最適化されません。

ですから、あなたが/ inc/assetsやあなたがより快適に感じるものであっても関係ありませんが、常に整理しておくのはいいことで、外部の人々があなたのテーマを編集する必要がある場合にはとても役立ちます。

0
chifliiiii