ソーシャルメディア WordPressブログにフォトギャラリーを挿入する方法 - ダミー

WordPressブログにフォトギャラリーを挿入する方法 - ダミー

ビデオ: ブログにフォトギャラリー(写真一覧)を添付・表示する方法[動画] 2025

ビデオ: ブログにフォトギャラリー(写真一覧)を添付・表示する方法[動画] 2025
Anonim

WordPressのメディア挿入ウィンドウを使用して、ポストにフルフォトギャラリーを挿入できます。すべての画像をアップロードし、[REPLACE INTO Post]ボタンをクリックする代わりに、[メディアの挿入]ウィンドウの左側にある[ギャラリーを作成]リンクをクリックします。ギャラリーの作成ウィンドウが開き、サイトにアップロードしたすべての画像が表示されます。

フォトギャラリーをブログ記事に挿入するには、次の手順を実行します。

<! - 1 - >
  1. ギャラリーの作成ウィンドウで、ギャラリーで使用するイメージを選択します。

    各画像をクリックしてギャラリーで使用するように選択します。選択した画像の右上隅に小さなチェックマークが表示されます。

  2. [新しいギャラリーを作成]ボタンをクリックします。

    ギャラリーの編集ページが開きます。

    <! - 2 - >
  3. (オプション)[この画像のキャプション]領域をクリックし、画像のキャプションまたは簡単な説明を入力して、各画像のキャプションを追加します。

  4. (オプション)[ギャラリーの編集]ページのドラッグアンドドロップオプションを使用して、画像をギャラリーに表示する順序を設定します。

    画像をクリックしてドラッグ&ドロップして順序を変更します。

  5. (オプション)ギャラリーの編集ページの右側にあるギャラリー設定セクションで、次のオプションを指定します。

    <! - 3 - >
    • リンク先: メディアファイルまたは添付ファイルページ。

    • ランダム 順序: 画像がギャラリーに表示される順序をランダム化する場合に選択します。

    • ギャラリーの列: ギャラリーに表示する画像の列の数を選択します。

  6. [ギャラリーを挿入]ボタンをクリックします。

    WordPressはあなたのポストに以下のような短いコードを挿入します:。

  7. (オプション)ギャラリー内の画像の表示順序、マークアップ(HTMLタグまたはCSSセレクタ)を変更します。

    WordPressギャラリーのショートコードを使用して、投稿のギャラリの表示態様を変更します。

    • captionタグ : ギャラリーショートコードを変更して画像キャプションを囲むマークアップを変更します。たとえば、画像キャプションの周囲にタグを配置します。 (タグはブロックレベルの要素とみなされ、コンテンツ用の別のコンテナを作成します)。

      ギャラリーを独自の行に表示する場合、コードは画像キャプションの周りにタグを配置します。 captiontagオプションのデフォルトのマークアップはddです。

    • icontag : ギャラリーの個々のサムネイル画像の周りにHTMLマークアップを定義します。ギャラリーのショートコードを変更して、サムネイルアイコンの周囲にタグを配置して、画像のアイコンタグ(サムネイルアイコン)の周りのマークアップを変更します。icontagのデフォルトのマークアップはdtです。

    • itemtag : ギャラリーの各アイテムのHTMLマークアップを定義します。ギャラリーのショートカットコードをギャラリーの各アイテムの周りに置くようなものに変更して、ギャラリー内のアイテムタグ(各アイテム)の周りのマークアップを変更します。 itemtagのデフォルトのマークアップはdlです。

    • orderby : ギャラリー内でイメージが表示される順序を定義します。ギャラリーのショートコードを変更してサムネイルを表示する順序を変更すると、サムネイルがメニューの昇順で表示されます。使用できるもう1つのパラメータは、IDに応じて昇順にサムネールを表示するID_order ASCです。

ギャラリーショートコードの例

ギャラリーショートコード 出力
中規模の画像を含む4列のギャラリー
ブログ記事

から取り込まれたサムネイル画像を含む10列のギャラリーID 215

各画像がタグで囲まれ、画像キャプション

がタグで囲まれた3列(デフォルト)ギャラリー

CSSスタイルシート内のタグのスタイルを定義します。

  1. タグはインライン要素を作成します。タグ内に含まれる要素は、その前の要素と同じ行にとどまります。改行はありません。タグを変更するには、CSSの知識が必要です。 WordPress Dashboardのデザインタブをクリックし、テーマエディタのサブタブをクリックしてテーマのスタイルシートを編集します。

    現在のテーマのスタイルシート(スタイル.css)に追加できるものの例を次に示します。

    span。 gallery-icon img {パディング:3px;背景:白;国境:1pxソリッドブラック; margin:0 5px;}

    アクティブなテーマのスタイルシート(スタイル.ssss)にこのCSSのビットを配置すると、各サムネイルの周りに1ピクセルの黒い枠線が自動的に配置され、3ピクセルのパディングと白い背景が配置されます。左右のマージンは5ピクセル幅で、ギャラリー内の画像間にはすばらしい間隔があります。
    

    「ファイルを更新」ボタンをクリックして、スタイルシート(スタイル.ssss)テンプレートの変更を保存します。

  2. 図は、既定のWordPressテーマ:Twenty Twelveの前の手順とCSSの例を使用して、フォトギャラリーが表示された投稿を示しています。

WordPressプラットフォームの共同設立者Matt Mullenweg氏は、WordPressの組み込みギャラリーオプションを使用して非常に幅広いフォトギャラリーを作成しました。このすばらしいフォトギャラリーをご覧ください。

WordPressブログにフォトギャラリーを挿入する方法 - ダミー

エディタの選択

Flickrを使用してブログ投稿に画像をアップロードする方法 - 写真がある場合はダミー

Flickrを使用してブログ投稿に画像をアップロードする方法 - 写真がある場合はダミー

あなたのブログでの使用の準備ができたら、あなたはそれをウェブにアップロードする準備が整いました。あなたのイメージをオンラインにするには、2つの方法があります:ブログに直接アップロードする:ほとんどのブログプラットフォームとソフトウェアでは、ブログに直接画像をアップロードすることができます。ダイレクトアップロードについての良いことの一つ...

LinkedInをソーシャルメディアエンゲージメントに使用する方法 - ダミー

LinkedInをソーシャルメディアエンゲージメントに使用する方法 - ダミー

プロフェッショナルなソーシャルメディアサイトLinkedInはTwitterが公開される数年前の2003年からFacebookの数年前に一般公開された。 2012年8月、LinkedInは1億7500万人のユーザーに達しました。プロフェッショナルとビジネスマンに焦点を当てたレーザーは、LinkedInを他の主要なソーシャルネットワークと区別して設定します。あなたが探しているなら...

インセンティブプログラムを使ってオンラインコミュニティを成長させる方法 - ダミー

インセンティブプログラムを使ってオンラインコミュニティを成長させる方法 - ダミー

顧客または会員インセンティブプログラム新しいオンラインコミュニティメンバーを招き、既存のメンバーに、特に商品やサービスに基づいたコミュニティで、彼らの忠誠心を報酬を与えます。たとえば、一部のFacebookコミュニティでは、そのページのメンバーにのみ割引とクーポンを提供しています。これらのメンバー限定オファーは、顧客を特別かつ排他的に感じさせます。口頭で話すことができる方法は次のとおりです。

エディタの選択

オンラインコミュニティマネージャのバリューダミー

オンラインコミュニティマネージャのバリューダミー

ここではオンラインコミュニティマネージャのことがあります。彼らは栄光の顧客サービスの人々またはオフィスのアシスタントとして見られ、それはまったく当てはまりません。前述の職場にはそれぞれの仕事を扱う勤勉な労働者がいますが、コミュニティマネージャーは支援をはるかに超えています。コミュニティマネージャーが作ることができます...

アプリケーション - ダミー

アプリケーション - ダミー

あなたはブランド認定のオンラインコミュニティを保持するアプリケーションが必要ですあなたがブランドを守る必要があるためです。社外の会合を承認する前に、あなたの法務チームは、起こりうるすべてのシナリオや状況、および事故や不利な状況が発生した場合にブランドが責任を負うものについて話し合いたいと思うでしょう。

あなたのママブログの広告ネットワークに参加する - 最も人気のあるダミー

あなたのママブログの広告ネットワークに参加する - 最も人気のあるダミー

ママブロガーとの広告ネットワークには、そのサイト運営者が必要とする独自の基準があります。それぞれには、広告ネットワークに参加するために必要な情報を記入できるアプリケーションページのあるウェブサイトがあります。ここでは、あなたのブログに関する一般的な質問とその方法をお尋ねします。

エディタの選択

OutlookのYouTubeチャンネルを購読する最も簡単な方法はダミー

OutlookのYouTubeチャンネルを購読する最も簡単な方法はダミー

2013はInternet Explorerを使用することです。これを行うには、Internet Explorerバージョン7以降が必要です。 OutlookまたはInternet Explorerのいずれかでフィードを購読すると、そのフィードは両方のプログラムで利用できるようになります。 Internet Explorerを使用すると、もっと簡単に購読できます。

あなたがサインアップした後にホームダミー

あなたがサインアップした後にホームダミー

からOutlook 2007電子メールアカウントを設定するISP(Internet Service Provider)を使用すると、自宅の電子メールアカウントから電子メールを送受信するようにOutlook 2007を設定できます。個々のインターネット電子メールアカウントはセットアップを一度しか必要としませんが、必要な数のアカウントを設定できます。法人ユーザの場合、システム管理者は...

あなたの遺物をOutlook 2003のアーカイブに降格する - ダミー

あなたの遺物をOutlook 2003のアーカイブに降格する - ダミー

もっと多くの電子を蓄積するのに時間がかかりませんあなたが扱うことができるものよりも多くの電子メールメッセージ。メッセージを読むときにメッセージを削除する人もいます。他の人は、参考のために古いメッセージを保持しています。問題は、多くの電子メールメッセージを保存するとOutlookが遅くなることです。その上、巨大なメッセージの集合は管理するのが面倒です。 ...