プラグインを使わずにWordPressでフォトアルバムを作成する方法

プラグインを使用せずに WordPress でフォトアルバムを作成する方法

通常、この効果を実現するには NextGen Gallery などのプラグインを使用します。サードパーティのプラグインを使用するだけでなく、WordPress 独自の機能を使用して同じ効果を実現することもできます。ただし、その前に、WordPress と HTML/CSS についてある程度理解する必要があります。

フォトアルバムの最終効果

始める前に、まず最終的な効果を決定しましょう:

ユーザーがアルバム ページをクリックすると、ページにはさまざまな月のアルバムを表すさまざまなカバーがグリッド内に表示されます。毎月、その月のすべての写真を含むフォト アルバムを作成します。

ユーザーがアルバム カバーをクリックすると、アルバム専用のページが表示され、そこで簡単な背景情報を書き込んだり、アルバム内のすべての写真を一覧表示したりできます。

ユーザーが個々の写真をクリックすると、各写真のページに移動し、各写真のタイトル、撮影者に関する情報、および関連リンクを確認できます。

Web サイト全体をフォト アルバムの表示に使用する場合は、デフォルトの投稿形式を使用できます。ただし、まだブログをお持ちの場合は、カスタム投稿タイプを使用する必要があります。

フォトアルバムを作成しましょう

まず、Web サイト固有のプラグイン (またはプロジェクト固有のプラグイン) を作成する必要があります。

カスタム投稿を使用する場合は、コードを生成し、Web サイト固有のプラグインに貼り付ける必要があります。

グリッド効果を作成するには、次に WordPress で添付画像のサイズを設定する必要があります。

例: 画像サイズを設定した後、メディア アップロード ディレクトリにフィールドを追加する必要もあります。このようにして、各画像を写真家の名前と URL とともにアップロードできます。

このステップが完了したら、アルバムを追加し続けることができます。アルバムに追加したいすべての写真をアップロードします。次に、別の写真カバーを付けて、それをメイン画像にします。投稿のコンテンツ欄に背景情報を書くことができます。

バックグラウンドでいくつかのフォト アルバムを追加したので、それを実行するためのコードを追加できます。カスタム投稿タイプがアルバムであると仮定すると、archive-albums.php という新しいテンプレート フォルダーを作成します。目的のヘッダーとフッター、サイドバー、その他のデザイン要素を貼り付けて、新しいポスト ループを作成します。

その PL では、同じ投稿内のすべての添付ファイルをリストしますが、単一ページにハイパーリンクされているサムネイルは含めません。

メイン投稿のサムネイル (つまり、アルバム カバー) を個別に追加し、それを 1 つの投稿ページ (つまり、アルバム ページ) にハイパーリンクします。

グリッド画像の作成にはリスト方式を使用する予定です。このプログラムは次のようなものです:

メインの CSS スタイルについて、全員が実際に考慮する必要があるのは、希望するスタイルを実現するためにグリッド内の適切な位置に各画像を配置できるようにするためのアルバム グリッド分類です。

次に、単一の添付ファイル用の新しいテンプレートを作成する必要があります。これは、今後ユーザーが各画像を確認できるように表示されるページになります。ここでは、画像のタイトル、写真家の名前、およびそのリンクが表示されます。誰もが個々のテンプレートを好みに合わせて自由に調整できます。

最後にやるべきことが 1 つあります。カスタム投稿タイプがアルバムであると仮定します。新しい single-albums.php ファイルを作成し、すべてのプログラムのヘッダーと末尾、ツールバー、その他必要なものを配置する必要があります。すべてのデザイン要素をコピーします。

アーカイブ アルバム テンプレートと基本的に同じ処理をループ要素で実行します。ただし、メイン画像と添付ファイルを追加する前に、アルバムのタイトルと説明も追加する必要があります。このステップは、次のようなコードを追加することで完了できます:

＃＃＃大丈夫！これで完了です。

WordPressで擬似静的ページを作成する方法

WordPress は実際の静的ページ設定メソッドを自動的に生成します:

方法はとても簡単で、cos-html-cacheというWordPressプラグインをダウンロードしてインストールするだけです。

COS-HTML-Cache は、WordPress Web サイトの応答性を高める、非常に効果的な WordPress ページ キャッシュ プラグインです。 URL 書き換えに基づいて、プラグインは実際の HTML ファイルを自動的に生成します。ユーザーまたは検索エンジン スパイダーが疑似静的ページにアクセスすると、プラグインは HTML ファイルとその関連記事の変更を自動的に更新します。

WordPress のバックグラウンドで [プラグイン] > [プラグインのインストール] を選択し、「cos-html-cache」と入力してインストールを検索し、最後に有効にします。または、WordPress Web サイトから cos-html-cache 圧縮パッケージをダウンロードし、解凍して FTP を使用して /wp-content/plugins/ ディレクトリにアップロードし、バックグラウンドで有効にします。

プラグインが正常にインストールされて有効になった後、すぐには HTML 静的ファイルは生成されません。次回ユーザーがアクセスしたとき、またはスパイダーが訪問したときに、HTML ファイルが自動的に生成または更新されます。 HTML ファイルをすばやく生成してその効果を確認したい場合は、ウェブマスター ツールのデッド リンク検出を使用し、スパイダーを模倣してウェブサイトにアクセスすることができます。

以上がプラグインを使わずにWordPressでフォトアルバムを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。