在Squarespace网页中嵌入功能性网站

时间:2016-06-07 15:50:47

标签: templates dns embedding file-management squarespace

首先,谢谢你所做的一切。没有这个社区,我会讨厌网页设计,并依赖我老师过时的静态方法。很多爱< 3

所以,这是一个棘手的问题(也许) 基本上,我希望在包含我之前编码的网站的网页上有一个iframe。这是一个从未上过的学校项目,但我想把它作为我的投资组合的一部分。问题是,iframe需要一个源的URL,但我只有一个文件夹,其中包含更多充满代码,字体和图像的文件夹。如何告诉浏览器使用“name”文件夹中的所有内容填充此框?然后如何知道运行代码而不仅仅是显示文件树或什么?

最后,我想要一个描述先前Web项目的页面,让客户端在一个页面中体验该项目。而且我不想为我所做的每个项目获得一个域名。 也许有一种我不想的更简单的方法?

为了让它变得有趣,我的新投资组合网站正在Squarespace中制作......也许吧。我从他们那里买了一个域名,因为我有一个促销代码,想要尝试平台,但我有点讨厌它。我无法更改任何代码,也不会保持与Typekit的连接。所以我能做的就是改变先前存在的元素的基本外观。这就像WordPress一样了......呐喊!可悲的是,我已经买了这个域名。 Squarespace可以成为房东吗?有没有办法下载这些模板的原始代码,编辑它,然后重新上传?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

  

我希望在一个包含a的网页上实际上有一个iframe   我之前编写的网站。

Squarespace's file upload mechanism非常有限。如果不使用Developers Platform,则无法一次上传多个文件。此外,无法创建文件夹。因此,即使您愿意逐个上传每个.html文件和每个资源,也无法将文件整理到文件夹中(假设您提到了"树"您提到过包括其他子文件夹)。

最初,为了让Squarespace可以访问这些文件,您必须执行以下操作之一:

  1. 使用Squarespace开发人员平台(A.K.A."开发者模式")并上传您的待办事项 (TBI)网站文件到"资产"使用SFTP或Git的文件夹。
  2. 在其他地方托管您的TBI网站文件(另一台主机 例如,环境,它将维护您的文件/文件夹 结构
  3.   

    如何告诉浏览器使用以下所有内容填充此框   "名称"夹?然后它将如何知道运行代码而不是   只是显示文件树或什么?

    假设TBI网站有一个index.html文件或home.html文件或类似文件,并假设您使用的是Squarespace Developer Platform,那么您可以在Code Block或{{}}中插入iframe。在template/.region file内直接使用类似

    的内容
    <iframe src="/assets/tbiwebsitefolder/index.html"></iframe>
    

    根据需要设置其他iframe attributes(例如高度和宽度)。

      

    有没有办法下载这些模板的原始代码,编辑它,   并再次上传?

    是。您选择一个模板,然后在该模板上启用开发者模式。从那里,您可以使用SFTP或Git下载模板文件,编辑和重新上载。

    您可以通过查看一些considerations of enabling Developer Mode on a Squarespace Template来获益。

    另一个想法是,完全避免使用iframe和开发者模式,捕获在浏览器中呈现的TBI网站的图像,然后将这些图像添加到gallery block or gallery page。这可以让你传达项目的总体思路,但当然不会捕捉到完整的体验和#34;它的。