{"id":36537,"date":"2026-08-31T21:08:23","date_gmt":"2026-08-31T13:08:23","guid":{"rendered":"https:\/\/www.luminart.cc\/?page_id=36537"},"modified":"2026-09-01T20:54:52","modified_gmt":"2026-09-01T12:54:52","slug":"%e7%ba%a6%e7%bf%b0%c2%b7%e9%9c%8d%e6%99%ae%e7%ba%b3%e5%bd%92%e6%a1%a3%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/www.luminart.cc\/?page_id=36537","title":{"rendered":"\u7ea6\u7ff0\u00b7\u970d\u666e\u7eb3\u5f52\u6863\u9875"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36537\" class=\"elementor elementor-36537\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c00e227 e-flex e-con-boxed e-con e-parent\" data-id=\"c00e227\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f590f7f elementor-widget elementor-widget-shortcode\" data-id=\"f590f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <section class=\"lumin-artwork-archive lumin-featured-gallery lumin-masonry-gallery lumin-artist-gallery\" data-columns=\"4\">\n            <header class=\"lumin-archive-hero\">\n                <div class=\"lumin-artist-hero-inner\">\n                                            <figure class=\"lumin-artist-portrait\">\n                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/2026\/08\/20260831211016446.jpg\" alt=\"\u7ea6\u7ff0\u00b7\u970d\u666e\u7eb3\u8096\u50cf\">\n                        <\/figure>\n                                        <div>\n                        <h1>\u7ea6\u7ff0\u00b7\u970d\u666e\u7eb3<\/h1>\n                        <div class=\"lumin-archive-subhead\">\n                            <span>John Hoppner<\/span>                            <span>\u82f1\u56fd\uff0c1758-1810<\/span>                            <span><strong data-lumin-count>52<\/strong> \u4ef6\u4f5c\u54c1<\/span>\n                        <\/div>\n                        <p>\u7ea6\u7ff0\u00b7\u970d\u666e\u7eb3\u662f\u5341\u516b\u4e16\u7eaa\u672b\u81f3\u5341\u4e5d\u4e16\u7eaa\u521d\u82f1\u56fd\u91cd\u8981\u8096\u50cf\u753b\u5bb6\uff0c\u66fe\u4efb\u5a01\u5c14\u58eb\u4eb2\u738b\u8096\u50cf\u753b\u5bb6\u3002\u4ed6\u5728\u7687\u5bb6\u7f8e\u672f\u5b66\u9662\u63a5\u53d7\u8bad\u7ec3\uff0c\u627f\u7eed\u7ea6\u4e66\u4e9a\u00b7\u96f7\u8bfa\u5179\u548c\u6258\u9a6c\u65af\u00b7\u5e9a\u65af\u535a\u7f57\u7684\u8096\u50cf\u4f20\u7edf\uff0c\u4ee5\u660e\u4eae\u8272\u5f69\u3001\u81ea\u7136\u59ff\u6001\u548c\u98ce\u666f\u80cc\u666f\u63cf\u7ed8\u82f1\u56fd\u738b\u5ba4\u3001\u8d35\u65cf\u3001\u653f\u6cbb\u4eba\u7269\u4e0e\u513f\u7ae5\u3002<\/p>                    <\/div>\n                <\/div>\n            <\/header>\n\n            \n            \n            <div class=\"lumin-artwork-grid\">\n                                            <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u98ce\u666f\u4e0e\u81ea\u7136\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-041\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-041.jpg\" alt=\"\u5c0f\u56ed\u4e01\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5c0f\u56ed\u4e01\u300b<\/h2>\n                    <p class=\"lumin-card-en\">The Little Gardener<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1758-1800<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-020\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-020.jpg\" alt=\"\u7b80\u00b7\u73c0\u897f\u74e6\u5c14\u592b\u4eba\uff08\u5a18\u5bb6\u59d3\u5a01\u5c14\u900a\uff09\u7684\u8096\u50cf\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u7b80\u00b7\u73c0\u897f\u74e6\u5c14\u592b\u4eba\uff08\u5a18\u5bb6\u59d3\u5a01\u5c14\u900a\uff09\u7684\u8096\u50cf\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Portrait of Lady Jane Perceval, n\u00e9e Wilson<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1769-1844<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-051\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-051.jpg\" alt=\"\u4e00\u4e2a\u5750\u7740\u7684\u5973\u4eba\u7684\u7814\u7a76\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u4e00\u4e2a\u5750\u7740\u7684\u5973\u4eba\u7684\u7814\u7a76\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Study of a Seated Woman<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1778-1810<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-015\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-015.jpg\" alt=\"\u574e\u5229\u592b\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u574e\u5229\u592b\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Lady Cunliffe<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1781-1782<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-042\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-042.jpg\" alt=\"\u5f20\u67cf\u829d\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5f20\u67cf\u829d\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Cecilia<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1782<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-050\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-050.jpg\" alt=\"\u5f17\u6717\u897f\u65af\u00b7\u8d1d\u96f7\u65af\u798f\u5fb7\u5c0f\u59d0\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5f17\u6717\u897f\u65af\u00b7\u8d1d\u96f7\u65af\u798f\u5fb7\u5c0f\u59d0\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Miss Frances Beresford<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>\u7ea6 1784-1785<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-021\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-021.jpg\" alt=\"\u4e00\u4e2a\u6709\u9a6c\u7684\u5e74\u8f7b\u4eba\uff0c\u7814\u7a76\u730e\u72ac\u548c\u6b7b\u5154\u5b50\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u4e00\u4e2a\u6709\u9a6c\u7684\u5e74\u8f7b\u4eba\uff0c\u7814\u7a76\u730e\u72ac\u548c\u6b7b\u5154\u5b50\u300b<\/h2>\n                    <p class=\"lumin-card-en\">A Young Man with a Horse, with Studies of Hounds and Dead Hare<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1785<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u52a8\u7269\u4e0e\u72e9\u730e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-044\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-044.jpg\" alt=\"\u82cf\u73ca\u5a1c\u00b7\u4f0a\u8fea\u4e1d\uff0c\u7f57\u5229\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u82cf\u73ca\u5a1c\u00b7\u4f0a\u8fea\u4e1d\uff0c\u7f57\u5229\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Susannah Edith, Lady Rowley<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1785<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-025\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-025.jpg\" alt=\"\u559c\u5267\u7f2a\u65af\u89d2\u8272\u4e2d\u7684\u4e54\u4e39\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u559c\u5267\u7f2a\u65af\u89d2\u8272\u4e2d\u7684\u4e54\u4e39\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Jordan in the Character of the Comic Muse<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1787<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-010\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-010.jpg\" alt=\"\u590f\u6d1b\u7279\u00b7\u5e15\u5f6d\u8fea\u514b\u5c0f\u59d0\u5c0f\u65f6\u5019\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u590f\u6d1b\u7279\u00b7\u5e15\u5f6d\u8fea\u514b\u5c0f\u59d0\u5c0f\u65f6\u5019\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Miss Charlotte Papendick as a Child<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1788<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-024\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-024.jpg\" alt=\"\u5230\u5c3c\u4e9a\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5230\u5c3c\u4e9a\u300b<\/h2>\n                    <p class=\"lumin-card-en\">to Nea<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1788<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-013\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-013.jpg\" alt=\"\u4e54\u6cbb\u00b7\u6ce2\u7279\u8239\u957f\u7684\u8096\u50cf\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u4e54\u6cbb\u00b7\u6ce2\u7279\u8239\u957f\u7684\u8096\u50cf\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Portrait of Captain George Porter<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1789<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-023\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-023.jpg\" alt=\"\u6c89\u7761\u7684\u9152\u795e\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u6c89\u7761\u7684\u9152\u795e\u300b<\/h2>\n                    <p class=\"lumin-card-en\">A Sleeping Bacchante<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1789<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u98ce\u666f\u4e0e\u81ea\u7136\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-052\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-052.jpg\" alt=\"\u98ce\u96e8\u5982\u78d0\u7684\u98ce\u666f\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u98ce\u96e8\u5982\u78d0\u7684\u98ce\u666f\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Stormy Landscape<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1789<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-005\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-005.jpg\" alt=\"\u4e00\u4e2a\u5973\u4eba\u7684\u8096\u50cf\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u4e00\u4e2a\u5973\u4eba\u7684\u8096\u50cf\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Portrait of a Woman<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1790\u5e74\u4ee3<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-012\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-012.jpg\" alt=\"\u8499\u514b\u91cc\u592b\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u8499\u514b\u91cc\u592b\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Moncrieff<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1790<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-001\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-001.jpg\" alt=\"\u7406\u67e5\u5fb7\u00b7\u5df4\u5947\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u7406\u67e5\u5fb7\u00b7\u5df4\u5947\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Richard Bache<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1792-1793<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-002\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-002.jpg\" alt=\"\u7406\u67e5\u5fb7\u00b7\u5df4\u5947\u592b\u4eba\uff08\u838e\u62c9\u00b7\u5bcc\u5170\u514b\u6797\uff0c1743\u20131808\uff09\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u7406\u67e5\u5fb7\u00b7\u5df4\u5947\u592b\u4eba\uff08\u838e\u62c9\u00b7\u5bcc\u5170\u514b\u6797\uff0c1743\u20131808\uff09\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Richard Bache (Sarah Franklin, 1743\u20131808)<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1793<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-016\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-016.jpg\" alt=\"\u8fbe\u6069\u5229\u4f2f\u7235\u592b\u4eba\u548c\u5979\u7684\u5973\u513f\u4f0a\u4e3d\u838e\u767d\u00b7\u5e03\u83b1\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u8fbe\u6069\u5229\u4f2f\u7235\u592b\u4eba\u548c\u5979\u7684\u5973\u513f\u4f0a\u4e3d\u838e\u767d\u00b7\u5e03\u83b1\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">The Countess of Darnley and her Daughter, Lady Elizabeth Bligh<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>\u7ea6 1795<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-029\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-029.jpg\" alt=\"\u5f17\u5170\u514b\u5170\u59d0\u59b9\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5f17\u5170\u514b\u5170\u59d0\u59b9\u300b<\/h2>\n                    <p class=\"lumin-card-en\">The Frankland Sisters<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1795<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-003\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-003.jpg\" alt=\"\u7406\u67e5\u5fb7\u00b7\u5e03\u6797\u65af\u5229\u00b7\u8c22\u91cc\u4e39\u592b\u4eba\uff08\u6d77\u4e1d\u7279\u00b7\u7b80\u00b7\u5965\u683c\u5c14\uff0c1775-1817 \u5e74\uff09\u548c\u5979\u7684\u513f\u5b50\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u7406\u67e5\u5fb7\u00b7\u5e03\u6797\u65af\u5229\u00b7\u8c22\u91cc\u4e39\u592b\u4eba\uff08\u6d77\u4e1d\u7279\u00b7\u7b80\u00b7\u5965\u683c\u5c14\uff0c1775-1817 \u5e74\uff09\u548c\u5979\u7684\u513f\u5b50\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Richard Brinsley Sheridan (Hester Jane Ogle, 1775\u20131817) and Her Son<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1796-1843<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-006\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-006.jpg\" alt=\"\u8428\u514b\u7ef4\u5c14\u513f\u7ae5\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u8428\u514b\u7ef4\u5c14\u513f\u7ae5\u300b<\/h2>\n                    <p class=\"lumin-card-en\">The Sackville Children<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1796<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-043\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-043.jpg\" alt=\"\u7ea6\u7ff0\u00b7\u52a0\u767b\u592b\u4eba\uff08\u5b89\u00b7\u52a0\u767b\uff0c1769\u20131842 \u5e74\uff09\u548c\u5979\u7684\u5b69\u5b50\u7ea6\u7ff0\uff081796\u20131854 \u5e74\uff09\u548c\u5b89\u00b7\u739b\u683c\u4e3d\u7279\uff08Ann Margaret\uff0c1793 \u5e74\u51fa\u751f\uff09\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u7ea6\u7ff0\u00b7\u52a0\u767b\u592b\u4eba\uff08\u5b89\u00b7\u52a0\u767b\uff0c1769\u20131842 \u5e74\uff09\u548c\u5979\u7684\u5b69\u5b50\u7ea6\u7ff0\uff081796\u20131854 \u5e74\uff09\u548c\u5b89\u00b7\u739b\u683c\u4e3d\u7279\uff08Ann Margaret\uff0c1793 \u5e74\u51fa\u751f\uff09\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. John Garden (Ann Garden, 1769\u20131842) and Her Children, John (1796\u20131854) and Ann Margaret (born 1793)<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1796<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-004\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-004.jpg\" alt=\"\u6258\u9a6c\u65af\u00b7\u4f69\u5207\u5c14\u592b\u4eba\uff08\u590f\u6d1b\u7279\u00b7\u514b\u62c9\u5f17\u6797\uff0c\u5352\u4e8e 1841 \u5e74\uff09\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u6258\u9a6c\u65af\u00b7\u4f69\u5207\u5c14\u592b\u4eba\uff08\u590f\u6d1b\u7279\u00b7\u514b\u62c9\u5f17\u6797\uff0c\u5352\u4e8e 1841 \u5e74\uff09\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Thomas Pechell (Charlotte Clavering, died 1841)<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1799<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-045\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-045.jpg\" alt=\"\u6258\u9a6c\u65af\u00b7\u4f69\u5207\u5c14\u5c11\u6821 (1753\u20131826)\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u6258\u9a6c\u65af\u00b7\u4f69\u5207\u5c14\u5c11\u6821 (1753\u20131826)\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Major Thomas Pechell (1753\u20131826)<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1799<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-019\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-019.jpg\" alt=\"\u5a01\u5ec9\u00b7\u4f0a\u5c3c\u6208\u00b7\u743c\u65af\u7684\u8096\u50cf\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5a01\u5ec9\u00b7\u4f0a\u5c3c\u6208\u00b7\u743c\u65af\u7684\u8096\u50cf\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Portrait of William Inigo Jones<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1800<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4eba\u7269\u4e0e\u8096\u50cf\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-035\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-035.jpg\" alt=\"\u5973\u5b69\u4e0e\u4e00\u53ea\u5154\u5b50\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5973\u5b69\u4e0e\u4e00\u53ea\u5154\u5b50\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Girl with a Rabbit<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1800<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-040\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-040.jpg\" alt=\"\u591a\u4e01\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u591a\u4e01\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Mrs. Dottin<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1803-1804<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-036\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-036.jpg\" alt=\"\u6d77\u4e1d\u7279\u00b7\u91d1\u592b\u4eba\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u6d77\u4e1d\u7279\u00b7\u91d1\u592b\u4eba\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Lady Hester King<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>1805<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                                    <article class=\"lumin-artwork-card lumin-artwork-card-featured\" data-filter=\"academic-art\" data-filters=\"academic-art\" data-subject=\"\u4e0d\u660e\">\n            <a href=\"https:\/\/www.luminart.cc\/?lumin_artwork=john-hoppner-017\">\n                <figure>\n                                            <img decoding=\"async\" src=\"https:\/\/luminart-wp.oss-cn-shanghai.aliyuncs.com\/wp-content\/uploads\/artworks\/john-hoppner\/batch-001\/john-hoppner-017.jpg\" alt=\"\u5c0a\u656c\u7684\u8a79\u59c6\u65af\u00b7\u5a01\u5ec9\u00b7\u72c4\u9f99 (1792-1812)\uff0c\u67e5\u5c14\u65af\u00b7\u72c4\u9f99\u4e4b\u5b50\uff0c\u7b2c\u5341\u4e8c\u4ee3\u5b50\u7235\">\n                                    <\/figure>\n                <div class=\"lumin-card-body\">\n                                        <h2>\u300a\u5c0a\u656c\u7684\u8a79\u59c6\u65af\u00b7\u5a01\u5ec9\u00b7\u72c4\u9f99 (1792-1812)\uff0c\u67e5\u5c14\u65af\u00b7\u72c4\u9f99\u4e4b\u5b50\uff0c\u7b2c\u5341\u4e8c\u4ee3\u5b50\u7235\u300b<\/h2>\n                    <p class=\"lumin-card-en\">Honorable James William Dillon (1792-1812), Son of Charles Dillon, 12th Viscount<\/p>                                            <div class=\"lumin-card-meta-line\">\n                                                        <span>\u7ea6 1808<\/span>                        <\/div>\n                                    <\/div>\n            <\/a>\n        <\/article>\n                                    <\/div>\n\n                            <nav class=\"lumin-pagination\" aria-label=\"\u4f5c\u54c1\u5206\u9875\">\n                                                                                                                        <span aria-current=\"page\">1<\/span>\n                                                                                                                                                <a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F36537&#038;lumin_page_lumin_artist_john-hoppner=2\">2<\/a>\n                                                            <\/nav>\n                    <\/section>\n        <script>\n        (() => {\n            const roots = document.querySelectorAll('.lumin-artwork-archive');\n            roots.forEach((root) => {\n                if (root.dataset.ready === 'true') return;\n                root.dataset.ready = 'true';\n                const buttons = Array.from(root.querySelectorAll('[data-lumin-filter]'));\n                const cards = Array.from(root.querySelectorAll('.lumin-artwork-card'));\n                const count = root.querySelector('[data-lumin-count]');\n                const grid = root.querySelector('.lumin-artwork-grid');\n                const useMasonry = root.classList.contains('lumin-masonry-gallery') && grid;\n                let masonryFrame = 0;\n                const columnsForWidth = () => {\n                    const configured = Math.max(1, parseInt(root.dataset.columns || '4', 10) || 4);\n                    if (window.innerWidth <= 560) return 1;\n                    if (window.innerWidth <= 820) return Math.min(2, configured);\n                    if (window.innerWidth <= 1180) return Math.min(3, configured);\n                    return configured;\n                };\n                const masonryLayout = () => {\n                    if (!useMasonry) return;\n                    const visibleCards = cards.filter((card) => !card.hidden);\n                    const columns = columnsForWidth();\n                    const gap = window.innerWidth <= 820 ? 22 : 32;\n                    const rowGap = window.innerWidth <= 820 ? 34 : 42;\n                    const width = grid.clientWidth;\n                    cards.forEach((card) => {\n                        if (card.hidden) {\n                            card.style.position = '';\n                            card.style.top = '';\n                            card.style.left = '';\n                            card.style.removeProperty('width');\n                            card.style.transform = '';\n                        }\n                    });\n                    if (!width || !visibleCards.length) {\n                        root.classList.remove('lumin-masonry-ready');\n                        grid.style.position = '';\n                        grid.style.display = '';\n                        grid.style.height = visibleCards.length ? '' : '0px';\n                        return;\n                    }\n                    const columnWidth = (width - gap * (columns - 1)) \/ columns;\n                    const heights = Array(columns).fill(0);\n\n                    visibleCards.forEach((card) => {\n                        card.style.setProperty('width', columnWidth + 'px', 'important');\n                    });\n\n                    visibleCards.forEach((card) => {\n                        const column = heights.indexOf(Math.min(...heights));\n                        const x = column * (columnWidth + gap);\n                        const y = heights[column];\n                        card.style.position = 'absolute';\n                        card.style.top = '0';\n                        card.style.left = '0';\n                        \/\/ Hover rules also touch transform, so keep masonry positioning dominant.\n                        card.style.setProperty('transform', 'translate(' + x + 'px, ' + y + 'px)', 'important');\n                        heights[column] += card.offsetHeight + rowGap;\n                    });\n\n                    root.classList.add('lumin-masonry-ready');\n                    grid.style.position = 'relative';\n                    grid.style.display = 'block';\n                    grid.style.height = Math.max(0, Math.max(...heights) - rowGap) + 'px';\n                };\n                const scheduleMasonry = () => {\n                    if (!useMasonry) return;\n                    window.cancelAnimationFrame(masonryFrame);\n                    masonryFrame = window.requestAnimationFrame(masonryLayout);\n                };\n                buttons.forEach((button) => {\n                    if (button.tagName.toLowerCase() === 'a') return;\n                    button.addEventListener('click', () => {\n                        const filter = button.dataset.luminFilter;\n                        let visible = 0;\n                        buttons.forEach((item) => item.setAttribute('aria-pressed', String(item === button)));\n                        cards.forEach((card) => {\n                            const filters = (card.dataset.filters || card.dataset.filter || '').split(\/\\s+\/).filter(Boolean);\n                            const show = filter === 'all' || filters.includes(filter);\n                            card.hidden = !show;\n                            if (show) visible += 1;\n                        });\n                        if (count) {\n                            const buttonCount = button.querySelector('span');\n                            count.textContent = buttonCount ? buttonCount.textContent.trim() : visible;\n                        }\n                        scheduleMasonry();\n                    });\n                });\n                if (useMasonry) {\n                    const imagePromises = cards.map((card) => {\n                        const image = card.querySelector('img');\n                        if (!image || image.complete) return Promise.resolve();\n                        return new Promise((resolve) => {\n                            image.addEventListener('load', () => {\n                                scheduleMasonry();\n                                resolve();\n                            }, { once: true });\n                            image.addEventListener('error', () => {\n                                scheduleMasonry();\n                                resolve();\n                            }, { once: true });\n                        });\n                    });\n                    Promise.all(imagePromises).then(scheduleMasonry);\n                    if (document.fonts && document.fonts.ready) {\n                        document.fonts.ready.then(scheduleMasonry);\n                    }\n                    window.addEventListener('resize', scheduleMasonry);\n                    window.addEventListener('load', scheduleMasonry);\n                    scheduleMasonry();\n                }\n            });\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-36537","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/36537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36537"}],"version-history":[{"count":4,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/36537\/revisions"}],"predecessor-version":[{"id":37053,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/36537\/revisions\/37053"}],"wp:attachment":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}