将主页添加到您的艺术网站

创建艺术家网站主页

创建您的主页

到本教程结束时’LL为您的WordPress艺术家网站建立了一个主页 克拉西克主题  from  themeforest.net. 。页面you’LL创建将类似于主页显示  darenredman.com. ,但有自己的字体选择,颜色,当然,您自己的艺术品!

纺织艺术家Daren Redman的主页

此教程再次相当长,但被分解为以下可管理的块:

[ezcol_1half] [/ ezcol_1half] [ezcol_1half_end] [ezcol_1half] [/ ezcol_1half_end]

为主页准备您的图像

为了实现类似的主页 darenredman.com. ,您需要选择5张您的工作图像来为主页调整大小。我建议你选择你最引人注目或最成功的工作;请记住,当他们在您的网站上征地时,访问者将被打击。另一个考虑因素是,这些碎片在主页上不一定会有完整的,因此选择详细看起来很好的工作;您将重新调整图像的大小和裁剪图像到非常特定的尺寸。

首先让我们准备将在主页上显示在此空间中的图像。

通过裁剪克拉西克WordPress主题所需的特定尺寸来准备图像

裁剪图像

裁剪图像到特定尺寸的最简单方法正在使用Adobe Photoshop,但您也可以使用免费的在线工具进行。我会带你通过两者怎么做。

[ezcol_1quarter]

使用photoshop裁剪您的图像。

1. 打开 photoshop.

2. 去 File>New.

3. 输入图像的标题。

4. In the ‘Width’字段输入285并确保单位值设置为像素。在里面‘Height’字段输入340.然后单击“确定”。

[/ ezcol_1quarter] [ezcol_3quarter_end]

在photoshop中设置图像尺寸

[/ ezcol_3quarter_end]

5. 拖放要用入Photoshop文件的图像。图像将自动适合大小,但不一定填充整个空间。

将图像拖放到Photoshop文件中

6. Select the image you’刚进口,按住换档和alt(Shift维护尺寸,Alt从图像的中心调整大小),然后拖动右下角,直到图像填充空间。

伸展图像以填补Photoshop中的空间

7. 将图像移动到您想要的任何地方,以显示艺术品最具视觉上的详细信息。

将图像拖入您的首选位置

8. 去 File>Save as.

保存 the image in Photoshop

在里面dialogue box that pops up, click on ‘Place’.

将图像放在photoshop中

然后选择保存文件的位置,然后单击‘Save’.

选择在计算机上保存图像的位置

9. 现在,我们需要将图像转换为Web上使用。去文件>保存为Web和设备。

现在在Photoshop中保存Web的图像

10. 在打开的窗口中,选择将图像另存为JPEG。选择“高”作为图像质量(其上面的任何内容都意味着图像文件在您的网站上会太大而无法加载)。确保检查“优化”。

确保您选择的设置优化图像以在Internet上显示良好

11. 单击“保存”,然后选择在计算机上保存图像的位置。

选择保存JPEG文件的位置


使用 Pixlr.com. (免费在线工具)裁剪和调整图像大小

1. Pixlr.com. .

2. 单击Pixlr编辑器。

使用PIXLR作为替代照片编辑软件到Photoshop

3. 选择“从计算机打开映像”。

打开 an image from your computer

4. 选择你的图像 want to crop and click ‘Open’.

选择要编辑的图像

5. 单击“裁剪”工具。

在PIXLR中选择裁剪工具

6. 在“约束”旁边的下拉菜单中(在图像上方)选择“输出大小”。在里面‘Width’场进入285和‘Height’ field enter 340.

输入您需要的图像尺寸

7. 单击图像的左上角并向下拖动。

出现的裁剪框将被限制为输入的尺寸,但不一定是精确的尺寸。您需要查看屏幕右侧的导航器,以确保只拖动框到285像素宽,340像素高。一旦您以正确的尺寸缩小,请将手指从跟踪垫或鼠标上取下。

将裁剪框拖动到要详细展示的图像的一部分

8. 单击裁剪框中的任意位置以将其移动到所需位置。一旦您框架图像的最佳部分,点击键盘上的返回。图像现在将显示裁剪,并以正确的大小和尺寸。

按返回裁剪PIXLR中的图像

9. 去 File>Save.

保存 the image in Pixlr

10. 命名文件并选择JPEG作为格式,然后选择要保存图像的计算机上的位置。单击“保存”。

选择将图像另存为JPEG并给出一个名称

将图像导入WordPress图库

下一阶段是在WordPress中创建一个新画廊。此图库唯一可用于在主页上显示一个特定图像。在里面 克拉西克主题 ,您希望在主页上显示的每个图像都需要自己的画廊。

1. 登录yoursitename / wp-admin /的WordPress /。在右侧菜单中,将鼠标悬停在“图库”中,然后单击“添加新”。

将图像添加到WordPress中的图库

2. 在顶部字段中输入块的标题以及在播放图像时显示的任何其他信息(对于达伦的网站,我们选择只显示标题和创建的作品的年份)。

命名wordpress图库

3. 现在向下滚动并选中“禁用URL”旁边的框和“禁用类似项目”旁边。这将确保图像独立;您不希望主页上的图像可点击,因为它们仅在新窗口中打开相同的图像,这是无意义的。

禁用URL,以便图像不链接到任何内容

4. 现在,单击页面右侧的“设置特色图像”。

在wordpress中设置画廊特色图像

5. 单击“上传”并拖放刚刚裁剪的图像。

将JPEG文件拖放到WordPress Media Uploader中

6. 添加标题,一些替代文本和描述。这些应该包括有关这件作品的相关信息;除了标题外,参观者将无法看到此文本。您选择的单词是用于搜索引擎来破译该网站的内容。

将标题字段留空。

单击“集合特色图像”。

将标题添加到图像,一些替代文本和描述中

7. Click on ‘Publish’.

单击“发布”将图库发送给Live WordPress网站

重复这个过程

[ezcol_1half]

您现在需要使用4个图像重复此过程。但是,它们每个都需要裁剪到不同的尺寸,如下所示。

    • 作为提醒,image 1(你是一个’刚上传)需要是285像素宽,340像素高。
    • 图2需要315像素宽,217像素高。
    • 图像3尺寸与图像2:315像素宽,217像素高。
    • 图像4需要651像素宽,355像素高。
    • 图像5需要宽285像素,227像素高。

[/ ezcol_1half] [ezcol_1half_end]

这是一个过程的提醒。

    • 在photoshop或pixlr.com上裁剪图像。
    • 在WordPress中创建一个新画廊。
    • 上传裁剪图像并将其设置为新图库的“特色图像”。然后发布画廊。

在这个阶段,你仍然赢了’在你的直播主页上看到任何东西。你’已经上传了所有图像,但你没有’T告诉WordPress尚未显示它们。那’s the next stage!

[/ ezcol_1half_end]

图像在我的主页上会在klassik主题上出现在wordpress上?


将图像发送到您的主页

1. 在您的WordPress仪表板中,将鼠标悬停在“页面”上,然后单击“添加新”。命名新页面‘Home’.

在WordPress中添加新页面

2. 从“模板”下拉菜单中选择“主页1”。

从下拉菜单中选择Home 1模板(Klasik主题)

3. 现在将出现更多字段在页面底部。

离开田野‘Home title’ and ‘Home tagline’ blank.

在里面‘Gallery on home’部分,单击您创建的每个存储器,您创建的顺序(它们不会按此顺序 - 它们默认按字母顺序显示)。单击它们很重要,以便它们以您创建的确切顺序显示在列表中,因为图像是特定的大小并且专门拟合在主页的拼图中。

找到您在主块的图库中创建的图库

留下所有其他领域。

4. 现在滚动回到主文本区域,然后输入您想要出现在主页上的任何文本。我建议你把这它保持在最低限度–让你的工作的图像在这个页面上谈谈 - 只有几句概述你的独特性,因为艺术家就足够了。

将一些文本添加到艺术家网站的主页上

如果要包含一条线以将图像分隔在达人网站上的文本中,请单击“文本”选项卡,然后在任何主页文本之前添加这段代码;<hr/>

要在库下面添加一行,请添加<hr/> code

如果您想包含一个看起来像“关于纺织艺术家达必雷德曼”选择标题文本并从“格式下拉菜单中选择H4”。

选择页面标题或标题文本的标题设置

请注意:要预览主页,您需要点击‘Preview’ button. It won’实际上显示为您的直播主页,直到最后一步。

最终的主页调整

要将整理触摸放在您的主页上,您需要更多调整。为了让我们这样做,我们需要知道页面ID。要获取页面ID,请单击“页面标题”字段下的“获取ShortLink”。

找到WordPress页面ID

在里面link that pops up, you’re looking for the number at the very end. It appears after ‘?p=’。为了主页 darenredman.com. the page id is 5.

ShortLink中的WordPress页面ID

我们将使用此页面ID来为使用CSS的主页设置一些特定的样式(这意味着它不会影响站点上的其他页面)。

我们要做的第一件事是删除默认出现的大主题;访客知道它是主页,因为它是他们降落的第一页。这个大冠军分散了注意力,并从页面的最重要方面引起我们的注意;你艺术的图像。

您的新艺术家网站主页将如何显示所有更改

要删除标题,字幕和分配给它的大空间,请转到选项>主要并向下滚动到自定义CSS框。我们要添加一些代码来删除标题。

在任何其他代码下面’已添加(在上一章中)类型:

自定义CSS为您的艺术主页

我们还希望确保图像标题在悬停过来时清晰显示。为了确保这一点,我们需要更改文本的颜色(默认颜色太轻微显示出来)。默认情况下,将鼠标悬停在图像上时,会出现一个链接。它是毫无意义和分散注意力的,因为它直接链接到另一个窗口中的完全相同的图像。

如何在Klasik WordPress主题中自定义主页上的图库图像

返回颜色列表,并找到所选颜色的十六进制值以用于标题。

在“自定义CSS”框中输入此代码替换自己的颜色:

CSS自定义主页库图像


在WordPress中设置您的主页

最后,对于我们建立的页面显示为我们的主页,我们需要告诉WordPress,只要任何人导航到您的网站地址时都会显示它。要执行此操作,请在WordPress仪表板中的右侧菜单中,转到设置>Reading.

在WordPress中设置主页

在下面‘Front page displays’选择“静态页面”。从下拉菜单中,选择您创建的页面的名称(主页)。

在WordPress设置中分配首页

向下滚动并单击‘Save changes’.

 好的

良好的工作!现在,如果您导航到您的主URL,您应该用一个看起来像这样的主页打招呼!

如何在Darenredman.com上显示主页

 边界

转到第7章 - 创建您的关于页面>>>

<<<返回第5章 - 自定义网站的外观和功能

从划痕建造一个网站充满了恐惧吗?
大学教师’t worry – we’re here to help.

点击这里了解更多有关tchui.net的更多信息’s web design service
或注册您的兴趣。

[mc4wp_form]

您好,欢迎来到TextIleartist.org

textileartist.org.is a place for 纺织艺术家 艺术爱好者 要受到启发,从最好的学习,促进他们的工作并与志同道合的创造者沟通。

纺织品的时事通讯& FIBER ARTISTS

加入60,000座拼接器的社区

分享世界上最着名的刺绣艺术家的创造秘密。

并发现如何用纺织品和针脚创建令人惊叹的艺术。

所有的灵感。没有垃圾邮件。

感谢您订阅我们的时事通讯

艺术家说什么

“textileartist.org是一个宝贵的资源。我不断向那里派遣学生并与其他从业者分享。

奈杰尔切尼
在ncad绣花纺织品的讲师

“TextileArtist.org的美丽是,每当你拜访时,你会发现一些你已经知道的东西”。

雷切尔帕克
纺织研究集团2012年毕业

“textileartist.org给了当代纺织实践一个声音;领先的艺术家,有用的指南和纺织品论坛”。

CAS HOLMES.
纺织艺术家和老师

“本网站正是我们在纺织品世界中所需的内容。一个奇妙的鼓舞人心的资源”。

卡罗尔·纳耶勒
纺织和刺绣艺术家

 获取TextIlearTist.org的更新 rss. 或者 电子邮件