如何识别本站的背景图片?我正在为 Wordpress 克隆一个站点

How Do I identify the background image of this site? I am cloning a site for Wordpress

根据所有者的要求,我正在克隆 https://www.sovereignselfdefense.com。创建一个 Wordpress 站点。当前正在运行的站点是 Kajabi 站点。我已经从 Kajabi 站点下载了所有图像,只需右键单击该站点并单击下载。我使 Wordpress 主题和未下载的图像(用箭头显示)在自定义 wordpress 主题中显示正常。

除了 CTA 中的这些图像(例如,伸出双臂的绅士)之外的所有图像都已下载。

客户端正在从 Kajabi 转移到 Wordpress。恐怕克隆的 wordpress 主题正在从 Kajabi 站点获取这些图像,并且当该站点被关闭时,我将无法获取这些图像。 Wordpress 主题有效,并暂时显示这些图像。

我使用 Google Chrome Inspect Elements 来尝试找出这张图片是什么,以及这张图片是如何显示的。我很困惑。

我请求一些关于如何识别网站如何在 CTA 中加载这些图像的提示,这样我就可以下载它们并 link wordpress 主题的 html 相应地。如果有人能教我如何识别一张图像,我相信我将能够识别其余图像。感谢您的帮助。

在检查中你可以看到 html 代码有样式展开它,你可以访问背景图像的 URL.I 刚刚在图像中突出显示。 他们在任何具有背景图像的容器的父 div 之前附加了一个样式块,只需展开该样式标签并获取图像。

图片-1:

图二:

图三:

图片 1:https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/tzJ4ad46RcSJinm7qbnO_Edited-image.png

图 2:https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/qqHvByszR1iu2rvfEQwg_defending2.jpg

图 3:https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/AWzmDDsWTlKOdoWPatUA_SovereignSelfDefenseBrandingPhotography-59.jpg

如果您可以直接将图片拖到桌面,请点击图片,这意味着该图片已被

使用
<img src="">

代码中的标签。要么通过 css.

使用

对于您的代码,请检查 css 文件,您将使用 "background-image:url()" 或者您可以逐节检查元素。

如果您正在使用 Google chrome 那么您可以下载并安装这个很酷的扩展程序。

I'm a Gentleman

这是 link 的描述。

通过点击、手势或扩展按钮轻松保存图像。

  1. 使用 alt + 单击热键(按住 alt 键并单击图像)一键保存图像。

  2. 或通过拖动保存图像(向任意方向轻微拖动图像)。

  3. 使用扩展按钮(右上角的绿色按钮)下载页面上的每个图像。

注:图片下载到Chrome.

的默认下载目录

安装注意:安装后,Chrome不会向当前打开的选项卡添加任何扩展(因此,您必须重新加载在安装扩展之前打开的选项卡才能正常工作他们)。

此外,您可以检查页面。下面是关于如何访问检查元素的步骤。

  1. 在网页的任意位置右击,在弹出的菜单的最下方,您会看到“检查”。点击那个。

  2. 单击远处的汉堡菜单(带有 3 个堆叠点的图标) 在 Google Chrome 工具栏右侧,点击更多工具,然后点击 select 开发人员工具。

现在,如果您想查找图片,只需单击 CTRL+F 并键入 .png.jpg 您想要查找的任何其他扩展名即可找到它。

示例如下

您可以单击鼠标右键,然后单击图片另存为,当您保存时 it.under 您会找到类型的名称。

有些网站几乎无法获取图像。我记得我试图从旧的 gmail 中保存背景主题图片。

如果您发现自己处于这种情况,请打开开发人员工具,转到网络,按图像过滤,然后按大小降序排序,这样您就可以将最大的图像排在第一位,然后将鼠标悬停在每个文件上以查找你的形象。

您想按文件大小排序,因为大多数时候,大背景图像的大小最大。

刚刚查看了您的网站..

Image 1 您可以在部分 ID 为 1574286919067

的行下方找到它

Image 2 与第一张图片类似,这是在 1589827030126

部分下

Image 3 再次下款1589828889742

希望这对您有所帮助。如果您想对相同的内容有任何疑问,请告诉我。

图像本身:

-> 图片 1: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/tzJ4ad46RcSJinm7qbnO_Edited-image.png

-> 图 2: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/qqHvByszR1iu2rvfEQwg_defending2.jpg

-> 图 3: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/AWzmDDsWTlKOdoWPatUA_SovereignSelfDefenseBrandingPhotography-59.jpg