Table of Contents
Иногда спрашивают об инструкции на русском по работе с Поэтому проведем лишь обзор возможностей Artisteer 4 и краткий анализ.
Artisteer 4 – обновлённая версия многофункциональной программы для создания шаблонов сайтов Joomla, Wordpress, Blogger, Drupal.
Documentation. Artisteer DataSheet (PDF: 2.5Mb) Artisteer User Manual (PDF: 1.9Mb) Artisteer.net User Manual (PDF: 2 Mb).
What's New in Artisteer 4.0 8. Artisteer GUI. Editions of Artisteer: Home&Academic vs. Standard.
What is Artisteer.net? Your Website Project Strategy Artisteer.net Trial Version Before You Begin How to use the Artisteer.net Administration Panel Quick Start Guide Adding and Editing Content on the Web or Using the Desktop? Home Tab Extras Tab Options Tab Administration Tab Glossary 2 page Table of Contents Table of Contents.............................................................................................................. 2 What is Artisteer.net? ........................................................................................................ 5 Your Website Project Strategy .......................................................................................... 9 Artisteer.net Trial Version................................................................................................ 11 Before You Begin ............................................................................................................ 13 How to use the Artisteer.net Administration Panel .......................................................... 14 Quick Start Guide ............................................................................................................ 16 Create a Website...........................................................................................................16 Your First Page .............................................................................................................18 Publish Your Website ....................................................................................................20 Using Your Own Hosting Service ..................................................................................21 Working with Other CMS Templates .............................................................................22 Adding and Editing Content on the Web or Using the Desktop? ..................................... 24 Home Tab ....................................................................................................................... 28 Quick Look ....................................................................................................................28 Site .............................................................................................................................28 Posts ..........................................................................................................................29 Browse .......................................................................................................................30 Diskspace...................................................................................................................30 Options..........................................................................................................................30 Preview ......................................................................................................................30 Pages .........................................................................................................................32 New Page...................................................................................................................44 Menus ........................................................................................................................46 Feedbacks..................................................................................................................50 Posts ..........................................................................................................................52 New Post....................................................................................................................75 Categories..................................................................................................................77 Tags ...........................................................................................................................78 Comments..................................................................................................................80 artisteer.net | page 2 3 page Visit Site .....................................................................................................................83 Extras Tab....................................................................................................................... 84 Quick Look ....................................................................................................................84 Main ...........................................................................................................................84 Media .........................................................................................................................84 Links...........................................................................................................................85 Widgets ......................................................................................................................86 Options..........................................................................................................................87 Dashboard..................................................................................................................87 Websites ....................................................................................................................88 Theme Options...........................................................................................................88 Library ........................................................................................................................93 New Media .................................................................................................................96 Links...........................................................................................................................97 New Link .................................................................................................................. 100 Categories................................................................................................................ 100 Widgets .................................................................................................................... 100 Options Tab................................................................................................................... 104 Quick Look .................................................................................................................. 104 Users........................................................................................................................ 104 Settings .................................................................................................................... 105 Data.......................................................................................................................... 106 Options........................................................................................................................ 106 Profile ....................................................................................................................... 106 Users........................................................................................................................ 109 New User ................................................................................................................. 109 General .................................................................................................................... 110 Privacy ..................................................................................................................... 112 Permalinks ............................................................................................................... 113 Writing ...................................................................................................................... 115 Reading.................................................................................................................... 116 Media ....................................................................................................................... 116 Lightbox.................................................................................................................... 119 artisteer.net | page 3 4 page Discussion................................................................................................................ 121 Tools ........................................................................................................................ 126 Import ....................................................................................................................... 130 Export....................................................................................................................... 130 Delete Site................................................................................................................ 130 Administration Tab ........................................................................................................ 131 Domains ...................................................................................................................... 131 Google Services .......................................................................................................... 133 Glossary ........................................................................................................................ 135 Back End..................................................................................................................... 135 Category...................................................................................................................... 135 Content........................................................................................................................ 135 Excerpt ........................................................................................................................ 135 Front End .................................................................................................................... 136 FTP ............................................................................................................................. 136 Hosting provider .......................................................................................................... 136 JavaScript ................................................................................................................... 136 Meta ............................................................................................................................ 137 Navigation ................................................................................................................... 137 Page............................................................................................................................ 137 Post ............................................................................................................................. 137 Slug ............................................................................................................................. 137 Tag .............................................................................................................................. 138 Trackbacks and Pingbacks ......................................................................................... 138 artisteer.net | page 4 5 page What is Artisteer.net? Artisteer.net is a WordPress based Content Management System and a free hosting service for running websites and online publishing. Together, Artisteer.net and Artisteer provide a complete user friendly toolkit for creating and managing small and medium size website projects. You can manage both the design and content of your website by creating templates, adding pages and posts, inserting images and publishing the modified website on the web using one software. Some features that make Artisteer.net special are: · Ready-made website samples. You can download free website projects developed by professional web designers and modify them in Artisteer. There are numerous categories of websites with ready-made layouts, which may serve as a source of ideas and a starting point for your website project. You have the right to use all images and icons on your website but you may not redistribute, or resell any Web Template, in any form. You are also not allowed to make the Web Template, modified or unmodified, available for download from any website. For more details, please refer to the license agreement at http://www.artisteer.com/?p=license_agreement). The free samples can be downloaded from the official website of Artisteer at http://www.artisteer.com/?p=free_website_templates. Artisteer startup dialog box. · They can also be accessed from the Online & offline content editing with desktop software. The majority of Content Management Systems require that you edit content online using their simplified HTML editor, while in Artisteer you can edit the content offline using Artisteer on your desktop, or online using Artisteer.net. This allows you to work on your website from just about anywhere. · · Various Content Layout options. You have control over the number, size and position of columns in the articles and posts. Free hosting (200 Mb). You do not need to pay to have your website hosted and published on the web; your web project can start and grow without the overhead expense normally associated with establishing and managing a website. artisteer.net | page 5 6 page Artisteer.exe is the software you run on your desktop to create and style your web pages. When you are ready, you can publish your website to Artisteer.net, where your site becomes visible to everyone on the World Wide Web. You can edit your web content with Artisteer, but mostly Artisteer on the desktop is about 'styling', which is how you make your text, images, buttons, menus, and various other elements appear in the browser. For example, when you add text to a page, you can define the font, the font size, and the color. Most of the time, the 'style' you create is kept in something called a template (aka theme). You don't work with the template directly. This is done automatically for you as you create your web pages. When your published webpages are copied to Artisteer.net, Artisteer sends both the template and your content (e.g. text). On the web, viewers see your webpages after the template (style) is applied to the content. In the rest of the manual there are many references to the 'desktop' and 'web' versions of Artisteer. 'Desktop' refers to Artisteer.exe, or Artisteer running on your desktop. 'Web' refers to Artisteer.net. After you publish your website, you can also create/edit/delete content on the web or on the desktop. The major difference between the web and desktop is this. The style of your content (i.e. the template) must be created on the desktop. You can style certain elements on the web, but mostly how you want your web pages to look is done with Artisteer.exe. The web is used to manage features of your website thru settings in the back-end (administrator) of Artisteer.net. You can create content for your website (e.g. text and images) thru either the desktop or the web but you should avoid using both at the same time. Whenever you publish your website from the desktop, Artisteer will attempt to synchronize the content between the web and the desktop so you will see the same pages, posts, and everything else. Just remember that whenever you make changes to your content (on the web, or on the desktop), you should re-publish your website from the desktop each time. This keeps the web and desktop synchronized. When you save your Artisteer project on the desktop, you are saving both the theme and the content in your project file (e.g. myproject.artx). Artisteer.net is not only where you host your website, but it also provides the backend to manage your site. Once you publish your website and have a user account, you can go to www.artisteer.net, log in, and begin adding, arranging, and moderating your content. You can also add or set features related to how viewers can interact with your web pages (e.g. allow comments). In the following sections, the manual often refers to ‘blogs’ and ‘static HTML websites’. For the purposes of this manual, both terms refer to the same type of website. Artisteer makes no distinction artisteer.net | page 6 7 page between a static HTML website and a blog, but it is important to understand the difference when you are making changes in Artisteer.net. A static web site consists of HTML pages where you normally create the pages, publish them, and then infrequently make changes. When you create static web pages in Artisteer, what your viewers see on your hosted website is what you see when you created the page. A blog is a type of website where you are usually adding or changing the content frequently. A blog website can include static HTML pages ('pages'), but also pages which include blog posts (‘blog pages’). Posts are articles (i.e. post content) that you, or others you invite, write and include into your website. A blog website usually includes many features that allow you to communicate your ideas (e.g. write articles), and interact with you viewers (e.g. allow them to enter comments about your articles). A blog also includes many management features that you can use to manage how your pages appear, manage what is on your pages, and manage options related to moderating your Posts, Pages, Comments, Content, and Access. Artisteer.net is a Wordpress based hosting service and offers many of the same features as Wordpress. Some of these features are applicable to any type of website, and some are specific to blogs. When you create your first Artisteer project, what you see is an example website with features common to all blogs. The page has a background, a sheet, a header area at the top (with some text), a horizontal menu bar, an article area with images and text, and a sidebar area (vertical menu, and block), and a footer area with some links. These are all elements common to blogs. However, unlike most blog software, like Wordpress.org, you can change the content (e.g. change the article text), and style the content (e.g. change the appearance of the buttons on the menu) directly on your desktop without any additional software, or without having to go to the web. This way, you can also see how your web pages will look to your users since what you see in Artisteer on the desktop is the ‘style’ and the content combined. On the left side of your first project is a page folder (e.g. Page 1, Page 2). These are normally static HTML pages. You pick a page, change the content on the page, and then style the content with Artisteer. You can also add blog posts directly in Artisteer. The post pages are automatically set as child pages for one of your static pages. This page is referred to as the 'blog post' page. This page is used to display a list of the post articles that you create. This page might include the full text of the post, or just excerpts of the articles. Each post is also a separate page, so on your 'blog posts' page, if you artisteer.net | page 7 8 page click on the title, you are automatically redirected to the page for that post. This is a feature common to all blogs. If you choose to use post pages, then you need to consider other features common to blogs. For example, do you want your viewers to know who wrote the article, or when the article was written? Do you want to provide links to related articles? Do you want to allow viewers to comment on your articles? Do you want to link to other blogs, or have other blogs link to yours? What kind of built-in functionality do you want to include in your pages. For example, Artisteer.net supports several Wordpress widgets, such as a Calendar, that you can include into your web pages. artisteer.net | page 8 9 page Your Website Project Strategy 1. Design a plan of the website you would like to create. Specify the purpose, the target audience, and design an overall strategy for your pages and content. 2. Download and install Artisteer. 3. Create a Website or Blog project (Artisteer start-up dialog à Website or Blog). 4. Implement your plan by adding/editing your web pages and posts with Artisteer. 5. Create your website on Artisteer .net (‘Create Website’). 6. Add/edit your pages on the desktop, or on Aristeer.net. Synchronize your pages and posts by ‘publishing’ your website again on the desktop. 7. Manage your website on Artisteer.net. artisteer.net | page 9 10 page artisteer.net | page 10 11 page Artisteer.net Trial Version Artisteer.net shares the Artisteer license. This means that unless you are a registered Artisteer user, or have an active upgrade period, you can only use the trial version of Artisteer.net. All of the options in the full version are available in trial mode, so you can create and design a website in Artisteer, publish it to Artisteer.net, and then add more content and widgets on Artisteer.net. However, you cannot save your *.artx project in trial mode; all of your design and content is discarded when you close Artisteer. The Artisteer.net trial version also provides restricted disk space (only 10 MB), and the images taken from the Artisteer image galleries will be watermarked. You will not be able to use a custom domain name and you will have to activate your blog every 14 days after the first 30 days of usage. If you have already published a website and then purchased the license or an upgrade, to activate your website you need to open your *.artx project and publish the website to Artisteer.net one more time. The information about the license will be automatically transferred to the system and your website will be activated. Trial Version Free Disk Space Artisteer Image Gallery Custom Domain The Usage of Blog 10 MB unavailable unavailable free 30 day trial* Full Version 200 MB available available unrestricted After the 30 day trial, a notification will be sent to your e-mail, offering you to purchase Artisteer or continue using the trial version within the next fourteen days. When this period expires, you will receive another notification. artisteer.net | page 11 12 page artisteer.net | page 12 13 page Before You Begin Artisteer.net may appear differently on your screen than it does in the following reference material and tutorials. · · The size and proportion of your interface may be different from the size and proportion of screen shots, provided in the current User’s Manual. As the program is updated, features may be added or removed. If you are using the latest version of Artisteer.net, you may see buttons and/or menu items that have been added or removed since this User’s Manual was written. · Depending on your operating system and Windows system settings, dialogs and toolbars may appear differently. artisteer.net | page 13 14 page How to use the Artisteer.net Administration Panel The option groups in the Artisteer.net administration panel are arranged in tabs on the Ribbon bar. Above the Ribbon bar is the login area. There are four main tabs: Home, Extras, Options and Administration. The options under each tab are arranged in groups of icons. Clicking on an icon in one of these groups, e.g. ‘Pages’, opens an administration screen. Each administration screen contains a working area with specific settings. Artisteer.net serves as the backend for managing your website. If you are familiar with Wordpress, you should have no trouble using Artisteer.net. The administration pages are organized differently from Wordpress, but the page content and the user interface is very similar. For example, each page has a 'screen options' link in the top right corner of the page. You can use the screen options to customize what appears on the page. For example, if you do not use the QuickPress tool, you might want to exclude it in the future by turning this off in the screen options. This is very important because as you are learning how to use Artisteer.net, you should always refer to the screen options since there may be important features that are turned off by default. The edit pages, such as edit post, edit link, etc., all have a ‘bulk actions’ feature. This is a drop down box that always appears at the top of a list of elements (pages, posts, links, etc.). Since the list of elements on a page (e.g. links) may be quite long, you will find that the bulk edit dropdown box is listed at the top and the bottom of every list. artisteer.net | page 14 15 page Use ‘bulk actions’ to make a change to several elements (e.g. posts) at one time. Select the elements you want to change with the checkboxes, and then select the type of change from the ‘bulk actions’ list. For example, if you want to delete several links at once, check off the links you want to target, then 'bulk actions' à delete, and select the Apply button. To make a common ‘edit’ to multiple items, select the elements you want to change (e.g. posts), select ‘edit’ and then the Apply button. From the panel, select the ‘change’ you want to apply (e.g. allow comments), and then the Update button. This will apply the same change to all the elements that you selected. When a page includes a list of elements, such as the Posts page, all the elements are displayed in a table. If you hover the cursor next to each table heading (e.g. Name), an arrow icon will appear next to the heading showing the sort order of the list. Click on this icon to change the sort order. For example, if you want to display your posts by name in descending or ascending order, click on the direction icon next to Name on the Posts page. Most of the tables also include a checkbox at the top where you can select, or unselect all of the items at one time. For example, the Pages page includes a checkbox next to the Title heading. Selecting this checkbox will select all of the pages listed. The editor is the same as in Wordpress, so the editor is not described below in detail. Generally, with few exceptions, the editor features are all the same for the pages that include the editor. The editor has a Visual mode where you can edit the content much like a simple wordprocessor. You can also switch to HTML mode, but you need a rudimentary understanding of HTML, and working with an HTML editor, to use it effectively. When you have more than one website on Artisteer.net, you can change the default website when you login (Extras-->Websites-->Primary Site). This does not change the website you are currently modifying, however you can always tell where you are by referring to the first part of the domain name in the browser address bar. You can also easily change between websites by changing the URL. For example, if you are editing 'mysite1', the URL would be ‘mysite1.artisteer.net’. If you want to make changes to ‘mysite2’, just change the URL to 'mysite2.artisteer.net' and refresh the page. You can also change websites using the Dashboard link (ExtrasàWebsitesàselect the dashboard link next to the website name). artisteer.net | page 15 16 page Quick Start Guide Artisteer.net is a Wordpress based hosting service. Unlike other hosting services, you can create/edit/manage the content of your website using Artisteer on the desktop, or on the web using Artisteer.net. To get started, you need to create a ‘website or blog’ project. This is the only type of project that will work with Artisteer.net. Create a Website To get started, click the Suggest design button several times and find an attractive theme. Then adjust the layout and specific options in the tabs, and optionally add/edit the content. When the design and content are ready, click ‘Publish to Artisteer.net’ on the Home tab. When prompted you enter a title for your website and a domain name; the domain name must be unique. artisteer.net | page 16 17 page Unless you later map a different domain to your website on Artisteer.net, users will access your website with the domain name you provide (e.g. myname.artisteer.net). Once you enter a domain, Artisteer will check if the domain is unique or not. If this is a unique name, the 'Next' button will be activated and you can proceed to create a user account. If you have not used Artisteer.net before, you will be prompted to enter a username and an e-mail address. After you complete this, all of your web pages will be copied to Artisteer.net and a password will be emailed to the address you provided. Afterwards, you can view your website online at the domain you specified, or log into www.Artisteer.net, and make or change various settings related to your site. Once your website has been created and published, you can create/edit/manage the content for your site artisteer.net | page 17 18 page from either the desktop, or thru Artisteer.net. Any time afterwards, when you publish your website from the desktop, your content on the web, and the content in your Artisteer project will be synchronized so you always have the same view of your pages. Your First Page Let’s look at an example. The left side of the picture below shows what your initial page should like in the Preview area. The right side shows the basic layout and elements of the page that you will be working with. Inside the Article content is some sample text and an image. You will want to replace this content with your own. Also, the Article section is divided into sections. One of the first things you will want to do is select the layout for the various sections using the Content Layout icon on the Edit tab: artisteer.net | page 18 19 page You can use the other icons in this group, such as the Styling icon, or the Row and Cell icons, to change the appearance of these sections. On the left side of the Artisteer window is a folder tree listing the pages to your website. If you add any Post articles later they will be listed below your page list. To change the names of the pages, rightclick on the page name, and select Rename from the context menu. You can change the Preview area to any page or post you want to work on by clicking on any of the items in the tree. The Horizontal menu bar across the top is used to navigate the pages of your website. As you add parent (or top-level pages) to your site, new items are added automatically to the menu. The content in the Header area and the Article section can be changed directly in the Preview area. Use the Edit tab on the ribbon bar to edit and style the content you create on your page. The other tabs on the ribbon bar, such as the Vertical Menu tab and the Blocks tab are used to style the various other elements of your page. Note, options on the ribbon bar under the Edit tab may be grayed out until you place the cursor within an editable part of the Preview area (e.g. article text). The Sidebar area of the page contains by default a Vertical Menu, followed by 1 or more blocks. If you do not intend to include these elements on your page, you can remove them by clicking on each block, then the Position icon, and No Block (or just select the Delete block icon next to the Position icon). To remove the sidebar entirely, set your column layout to one column (LayoutàColumnsàOne column). artisteer.net | page 19 20 page Except for the Vertical Menu (and other defined widgets), you can normally edit the block content directly (e.g. to create a list of hyperlinks), but typically the sidebar is used for widgets that you add to your pages on the web using Artisteer.net. You cannot edit widgets since they are pre-defined content areas, such as a Calendar, or a Search box. (LayoutàBlocksàWidgets). Widgets can be added with the Layout tab There are several defined widgets you can use with Artisteer.net: You can also add blocks (editable) to your Vertical Menu, Search, Categories, Archives, Blogroll. sidebar with the Layout tab (LayoutàBlocksàNew Block). Publish Your Website Once you have defined the layout, styling and content of your pages, you can use the Publish choice on the top menu (or HomeàExportàPublish to Artisteer.net) to move your pages to Artisteer.net. Although it is not shown, when you create a website for Artisteer.net, you are creating a theme as well as the content of your pages. Like other templates that you can create with Artisteer, the theme defines the styling applied to the way your content appears (e.g. how your navigation menu appears, how the text on your pages appear, etc.). You do not work directly with the theme except thru the ‘styling’ options in Artisteer, but when you publish your website, your theme and content are published together. Every time you publish your website from the desktop, your theme and content is synchronized with your theme and content on the web. For example, if you make any changes to your pages on artisteer.net | page 20 21 page Artisteer.net, the next time you publish your website from the desktop, your content is synchronized so what you see on the web is the same as what you see on the desktop. You can make changes (e.g. add pages or posts) either on the desktop or web, but you should try to avoid using both at the same time. Also, you should Publish your project frequently from the desktop to make sure that your content is in sync. You should also save your projects frequently on the desktop and make sure you keep backup copies of your designs. Using Your Own Hosting Service Artisteer.net has all the features needed to administer your website, but you can also choose to publish your website to your own hosting service. If you use your own host, you need to move your pages to a remote location that your hosting service provides. Your hosting service will provide the details about how to do this. (Note, this only applies to publishing a static HTML website. If you want to use blog features like organizing your post articles by category, or moderating comments, then you need to publish to Artisteer.net, or change your project type to another CMS. Also, if you are using, or plan to use, a CMS with your hosting service, like Wordpress, you will need to change your Artisteer project to a CMS template, FileàChange Template. And also, please note that is not the same as using your own domain name which is described in the section covering the Administration tab below. From Artisteer, you can either export your pages to a folder or archive (i.e. zip file), and/or move the files yourself later, or you can take advantage of Artisteer’s FTP client to move the files. To use the FTP client though, you must configure certain settings in your Export options (FileàExportàExport OptionsàFTP Server). You will need to get these settings from your hosting service. After you have configured your settings, you can then export your files using the Home tab on the ribbon bar (HomeàPublishàExport HTML website to FTP folder). This only applies to static HTML type websites where you want to use your own hosting service. If you are using Artisteer.net, your pages and content are copied automatically to Artisteer.net every time you ‘publish’ your website. artisteer.net | page 21 22 page Working with Other CMS Templates When you are creating a CMS template (e.g. Joomla, Wordpress, etc.), you are creating a style for how your content will appear to your users but not the actual content. Except for a few things, like the Header background and foreground, the content of your web page is created in the CMS, not in Artisteer. What you see in the Preview area is only an example, or sample content, to help you see the ‘look’ of the page. For example, you can define the font style, color, and size for text that appears in an Article. When you create an Article later in the CMS, you do not have to define this look; all you have to do is supply the text of the Article, and your text will appear on your web page in the style that you defined in Artisteer. When you create a ‘website or blog’ project, you can directly add or change your content directly in Artisteer, and at the same time, you can also define a style for the various elements of the page (e.g. Header, Layout, Menu, etc.) The content you create, such as Article text can be published and viewed on Artisteer.net, but you cannot publish the pages you create to any other CMS (e.g. Joomla, Wordpress, etc.) since these CMSs are not designed to handle content in any other way except within the CMS. You can reuse your style settings with other CMS templates, but not the content. If you want to create a template for one of the other CMSs, use the File menu at the top of the Artisteer window (FileàChange Template). When you change the project template, you will probably notice that the pages you created before have disappeared. Since the content cannot be used with any other template type, the pages are hidden. The content is not lost; you can always go back to these pages artisteer.net | page 22 23 page by changing the template type back to ‘website or blog’. This does not apply to most of your style settings. E.g. Any settings, such as the Header background, become part of the new template. artisteer.net | page 23 24 page Adding and Editing Content on the Web or Using the Desktop? There are two ways to write a post – either on the web (Artisteer.net > Home > New Post) or using the desktop (Artisteer > Home > New Blog Post). These methods serve different purposes – working in Artisteer.net requires a connection to the Internet; working with content on the desktop can be done offline (though you need to be connected to the web eventually to publish your website to Artisteer.net). Most bloggers are accustomed to working online. Editing the page and post content in Artisteer.net will not be something new to them as it is very similar to WordPress. Normally though, like working in Wordpress, when you create your content online, you don’t often see the visual appearance of your pages in the HTML editor, even in Visual Mode because the ‘style’ and the content are not combined. Using Artisteer on the desktop gives you more control over the design because in the preview area, you see your changes just as your viewers will see the page on your website. This is because what you see in Artisteer is the ‘style’ applied to the content; you do not have to visit your published page to see how it will look to your viewers. For example, suppose you decide the text in your articles should be ‘red’. On the desktop when you create your article, you should notice that the text you enter for the article content appears in ‘red’. However, to create an article on Artisteer.net (like other CMSs), you use the online HTML editor to enter the text. Unless you apply a different style to the text, the text appears ‘black’ in the editor because ‘black’ is the default color. On your web page, the text will be ‘red’ but you will not see this in the editor. You will not see the text in ‘red’ until you preview your web page. artisteer.net | page 24 25 page Let us compare the options of 1) desktop editing and 2) online editing. Adding Content Artisteer Artisteer.net Front end editing (WYSIWYG): filling in the Back end editing: filling in the WordPress- looking content fields on the actual website pages Clipboard: copy-paste text and images (from Microsoft Word, etc.) Editing Modes: visual mode and HTML mode Editing Modes: visual mode and HTML mode (Edit tab >HTML) (markup display) artisteer.net | page 25 post fields Clipboard:Copy-paste or type the text 26 page Inserting objects:link, image, video, audio, map Inserting objects:link, image, video, add clip art, table Inserting files (Extras >New Media): .doc, docx, .pdf etc. Indentation: all text, first line Indentation: first line Extra: Content layout and styling options Extra: Featured image (arrange content in columns and apply different styles) Working with Meta Data Artisteer Artisteer.net Designing Metadata: Metadata refers to the Generating metadata: The source of the metadata attributes of your posts that make the post is defined by the elements of your blog (such as more descriptive, or directs viewers to related Categories, Tags, Comments, etc.). For example, if content. For example, you can include the you allow comments, comments can be created by name of the post author and a link that viewers your website viewers, and then moderated using can use to view other posts by the same Artisteer.net. author. Artisteer has several design options “comments” You cannot however add or remove metadata from your post using under the Content tab to determine the layout Artisteer.net; you have to do this on the desktop. of the post (headline, header, footer), and the That is, if you want a “comments” link on your post metadata to appear on the post (e.g. page so viewers can view all comments left for the “Comments” link, “tags” link, etc.). The design post, you have to add and style the link on the that you create is automatically applied to all desktop using the Content tab the posts on your website. (ContentàMetadataàIcons). artisteer.net | page 26 27 page Editing HTML Artisteer Classical HTML editor with user friendly mark WordPress-like Artisteer.net HTML editor with quicktags, up, wide custom editing capabilities and preview after publishing preview before exporting/publishing. You can also style and edit separate cells (layout with columns) or wrap the whole article in one cell (Edit whole Article HTML) In a nutshell, the comparison revealed specific features of editing systems, defining the different purposes of the editors’ usage: Artisteer content editor showed greater potential for adding and editing content, creating and adjusting design, previewing the article, and editing HTML while the editing system of Artisteer.net is suitable for managing Meta data, creating custom menu, categorizing posts, adding a featured image, and optimizing them for search engines. artisteer.net | page 27 28 page Home Tab The Home tab is used to manage your pages and posts. Quick Look Site The Preview icon displays what your website will look like. This is the same as selecting the Visit Site icon except your web pages will appear below the Preview ribbon bar. This only displays published pages. You can also edit the content in Preview mode by clicking on the content area. This is what you should see: The Pages icon displays a list of all the pages of your website where you can Pages select and change the page or page options. Use the New Page icon to create a new page for your website. After you artisteer.net | page 28 29 page New Page have added new pages, use the Publish feature on the desktop to add the pages (synchronize your content) to your Artisteer project. Use the Menus icon to create, customize, and manage the menus on your Menus website. Posts The Posts icon displays a list of the post articles that have been added to your web site. Posts Use the New Post icon to create new blog posts for your web site. After you have added new posts, use the Publish feature on the desktop to add the New Post Categories posts (synchronize your content) to your Artisteer project. The Categories icon is used to manage the Categories of your blog. Use this to add, delete, or change Categories. Categories are used to organize your posts. This makes it easier for your viewers to find particular posts by subject. Also, each category has its own RSS feed so viewers can subscribe to and get updated on topics of interest to them. Tags The Tags icon is used to manage the Tags of your blog. Use this to add, delete or change Tags. Tags are keywords you can use to further organize your posts so your viewers can more quickly find relevant articles. Unlike Categories, tags have no hierarchy. There is no inherent organization such as parent and child tags. Search-engines inventory your tags so they are very important to attracting viewers to your website. Comments Use the Comments tag to manage the comments added to your web site. Comments are submitted by your web site viewers (you can also add comments of your own or reply to comments). Use this page to manage the comments submitted. Use it to view, delete, approve/unapprove, or mark comments as spam. artisteer.net | page 29 30 page Browse Use this icon to open a new browser tab or browser window on the first page of your web site. This displays only your published pages and posts. Visit Site Diskspace Diskspace This statistic (also on the dashboard) displays the amount of disk space currently used for your web site. If you are a licensed user of Artisteer, you have 200MB of space available on Artisteer.net. Options Preview The Preview page will show you what your published pages will look like, while keeping the Artisteer.net Ribbon bar still visible and accessible in the browser. Only your published changes are visible (as opposed to ‘draft’ or ‘pending’). artisteer.net | page 30 31 page You can also edit the content and HTML in Preview mode by clicking on the content area. This is what you should see: artisteer.net | page 31 32 page Pages This page lets you manage the pages of your website. You can add or delete pages from here, change the order of the pages that appear on your website, track revisions, and change various other options of your pages. Use the Search Pages box to search for pages by title, or their content. You can also use the ‘filter’ option to show only those pages created/updated this month, or all pages created for your site. After making changes to a page or posts, always save your changes. If you are not ready for your changes to be visible to viewers of your blog, set your page or post to ‘draft’ or ‘pending review’ status and then save your changes. When you create or update a page or post, the page can be in set to one of 3 states: · · Draft – The page or post has not been published yet. Viewers cannot see the page or post (or the changes applied) until the page or post is published. Pending View- The page or post has not been published yet. This is the same as ‘Draft’ status except the page or post is visible to editors as being in a pending state awaiting review before being published. · Published - The page or post has been published to your website and is now visible to your viewers. You can publish your pages immediately, or select a date/time when Artisteer.net will add your changes to the website. You can also set the ‘visibility’ mode to one of three states: artisteer.net | page 32 33 page · · · Public – Your page or post is visible to anyone when your content is published. Private – Your page or post is visible only to those with the same credentials as you (e.g. Administrator). Password Protected – Your page or post is visible only to those who supply the password you establish to restrict who has access to the content. For a published page or post, only those with the correct password can see the content. When you hover the cursor over any page title, you should notice that a menu appears underneath the title (‘edit’ | ‘quick edit’ | ‘trash’ | ‘view’). Edit and Quick Edit are described below. ‘View’ lets you see what your page currently looks like on your website. The Trash option is used to remove pages you no longer want. Above the list of your pages, you should see a ‘Trash’ link. This link only appears if you have pages in your trash bin. If you later want to restore one of your pages, click on this link, move the cursor over the page you want to restore and select the Restore link that appears below the page name. However, if you Permanently Delete the page, or the trash bin has been emptied, you cannot restore the page. Quick Edit Use quick edit from the page menu to quickly configure common attributes of your pages. Always use the Update button on this panel, otherwise your edits will be discarded. Page Title Short description of your page. ‘Page Title’ is what appears as the heading for your page and the menu choice for the page in your navigation menu (horizontal menu). artisteer.net | page 33 34 page Slug Slug is an URL friendly version of the title generated by Artisteer.net. Slugs are used with Permalinks. E.g. http://mydomain.artisteer.net/my-dog-page Date Use this to either backdate the date and time the page was published, or schedule a date and time when the page should be published. Note, this depends on the Timezone option in your General settings (OptionsàSettingsàGeneralàTimezone). Parent Assign a parent page if you want this page to be a child. On the navigation menu, child pages appear as submenu items. Order Change this to rearrange the order that you want your pages to appear either on the navigation bar, or within a submenu. This also affects how your pages will appear in the page folder on the desktop. Allow Comments Status Select this if you want to allow viewers to comment on your pages. Use this to assign a status to the changes you have made. If you do not want the changes to be applied and published right away, set the status to ‘Pending Review’ or ‘Draft’. These status codes are used to describe the state of your changes. ‘Draft’ means you anticipate more changes. ‘Pending Review’ tells other Editors or Administrators that the page is ready for publication, pending moderation. You might also see the status as ‘scheduled’. This means that you have defined a date and time in the future when this page should be published. Password or Private Select ‘private’ if you want the page to be visible only to you (e.g. administrator). Enter a password, if you want the page visible only to viewers who supply the correct password. artisteer.net | page 34 35 page Edit Use the Edit page to edit the full range of features and attributes of your pages. Always use the Publish panel to apply your changes; otherwise your edits will be discarded. Remember, use the Screen Options to change the options you see on this page. Layout This is the content layout option you selected on the desktop (EditàContentàContent Layout). You cannot change the layout on the web. If you want to change the layout you have to make the change on the desktop, and then re-publish your website. Also, the editor only shows you one section of the layout at a time. The first top section is selected by default (the border changes to a solid bar). Click on the other sections to select them and display their contents in the editor. Note, this option appears only if your content layout consists of at least two columns. artisteer.net | page 35 36 page Editor Below the Post title is the editor you can use to change your content on the web. This is the same editor used in Wordpress. The editor has two modes which you can change from the tabs: Visual – works much like a simple word processor. HTML – use to enter your content with HTML tags. top of the editor is a set of icon links you can use to: · · · insert media, such as images, video, music, document types (e.g. pdf files), add a google map into your page content, add a contact form to your post. Across the Page Options Show page title Normally the page title appears as a heading over the content area on your page. Unselect this option if you do not want the page title to appear on the page. Show as Separator in Menu The page appears in the horizontal menu bar but does not have an URL associated with it. That is, when you click on this page in the menu bar, the browser will not jump to this page. If this page has any child pages, they will appear as subitems under the page name on the menu bar. The horizontal menu will only display a relatively small number of menu items before the menu wraps around on the page. Artisteer only supports a oneline menu bar. If your menu choices wrap around in the window, you will need to change your page names and/or the number of pages that appear in the menu. This option is useful for combining several pages into a group that is accessible from the menu, using the ‘separator’ page as the group name, or main menu choice. Note, this creates an actual page for your website, but the menu bar has no link to the page so users cannot navigate to the page from the menu bar (i.e. the name is used just to group a set of submenu items). However, if you artisteer.net | page 36 37 page include the page in other places such as the vertical menu, there is a link to the page so remember to exclude the page from the menu source if you do want this behavior. You can set this option on the desktop (right click on the page in the page tree àpropertiesàShow in Menu). HTML Title Tag HTML Title Tag defines the title of the document. The title element does several things: - defines a title in the browser toolbar - provides a title for the page when it is added to favorites - defines a title for the page in search-engine results The page title is the default value. Keywords Your keywords become part of the meta tag, ‘keywords’ in the HTML code for this page.
On the desktop, for pages, you can also define this in the page properties. You can also define default page tags in your export options (FileàExportàExport Options). Description Your description becomes part of the meta tag, ‘description’ in the HTML code for this page. On the desktop, for pages, you can also define this in the page properties. You can also define default page tags in your export options (FileàExportàExport Options). Meta tags Use this text box to add the HTML code to define additional meta tags you want included. These are important to the search engine rankings for your page. artisteer.net | page 37 38 page On the desktop, for pages, you can also define this in the page properties. You can also define default page tags in your export options (FileàExportàExport Options). Publish Status Use this to show the status of the changes to your post. If you set the status to ‘published’, your changes are immediately added to your website. If you change the status to ‘pending review’, or ‘draft’, your changes are not published until you change the status back to ‘published’. The status indicator can also be used to show you and others if the page needs to be reviewed before publishing. If you select the ‘Save as Pending’ button, the page is saved and the status is either ‘Draft’ or ‘Pending Review’. If you select the ‘Publish’ button, the status is changed to ‘published’. You may see the status displayed as scheduled. This means the changes to the page have been scheduled to be published by Artisteer.net at a future date and time. Visibility Use this to change the accessibility of your page. Your page can be either · · · Publish on Public – anyone can view the page. Password protected – viewers of your website need to enter a password before they can view the page. Private – only you can view the page. Use this to backdate your changes to a particular date and time, or schedule a time when Artisteer.net will apply the changes later. Note, this depends on artisteer.net | page 38 39 page the Timezone option in your General settings: (OptionsàSettingsàGeneralàTimezone). Discussion Allow comments Select this if you want to allow viewers to comment on your page. When this option is selected, a comment box is added to your page where viewers can enter comments. Allow trackbacks and pingbacks Other blog writers can write articles and include posts on their blogs that include a reference (link) to a page on your blog. If you set this option, Artisteer.net will create a special comment on your page which will show which blogs are linking to your page. Discussion settings This feature depends on your article See (OptionsàSettingsàDiscussionàDefault settings), and the CMS where the blog is referencing your article. ‘trackbacks and pingbacks’ in the glossary for more information. Page Attributes Parent Assign a parent page if you want this page to be a child. On the navigation menu, child pages appear as submenu items. Order This is the relative order of the page as it appears in the menu bar and in the page folder on the desktop. artisteer.net | page 39 40 page The order starts from 0. So in the picture above, the ‘Home’ and ‘Peer Review’ pages both have z-order, 0, while the ‘Practices’ and ‘Contacts’ pages have z-order 1. If you wanted ‘Contacts’ to appear before ‘Peer Review’ in the menu, and in the page folder on the desktop (picture above), you would set the ‘Contacts’ order to 0, and the ‘Peer Review’ order to 1. Featured Image Set featured image You can insert a featured image to a page/post. Starting from Artisteer 3.1 featured images for pages appear as featured header images, and featured images for posts appear as post thumbnails. Note, featured header images are available only if you publish your theme from Artisteer 3.1. Slug Slug Slug is an URL friendly version of the title generated by Artisteer.net. Slugs are used with Permalinks. E.g. http://mydomain.artisteer.net/my-dog-page Revisions artisteer.net | page 40 41 page Revisions Artisteer.net keeps track of the changes you have made to your pages. Select any one of the revisions to redirect the browser to the revisions page. From there, you can restore your page back to any previous set of edits. Comments Comments This is a list of comments, if your page allows comments and viewers have left comments on your web site for this page. Google Maps Location Name Enter a name for the location you want displayed on the map (e.g. Statue of Liberty) Address Enter the address location for the map (e.g. 123 anystreet, anycity, anycountry) Location Description Map Width Enter the maximum px width for the area of the map on your page. The default width value is 100% of the parent container. Map Height Enter the maximum px height for the area of the map on your page. The default height is 400px. Options These are options related to how your viewers can interact with the map on your page. i.e. Enable or disable the zoom options. Change the map view from street map to satellite view. Allow for additional textboxes which Enter a short description of the location. viewers can use to get directions to, or directions from, a particular location. Send Map to Editor Use this to add the map to your page. This will add the shortcode to the HTML for your page. The shortcode is added wherever your cursor is in the editor. Note, to remove or change your map, you will need to delete this code in the editor and then reuse this form to define a new one. artisteer.net | page 41 42 page Adding Images, Video and Other Media You can use the editor to add images, video and other media to your pages. You can either add media to your page using the icons above the editor, or you can add links directly in the HTML. Refer to the section below on editing posts (Edit Post page) for more information. Also, refer to the ‘Press This’ tool described below to find out how to include images and video from other websites into your own. You can also add images and video to pages from the desktop (EditàInsertà). The source of any images or video you add to a page is from a file on your computer, or else from the Artisteer Clip Art library. In either case, the media becomes part of your Artisteer project and when you publish your website, the media is uploaded to Artisteer.net and becomes part of the media library and gallery for the page. The HTML in your content is automatically changed to refer to the media on Artisteer.net instead of your computer. On the desktop, video media is always added to your page as an embedded link to the video file on the web. Links to media (e.g. video links) are not included in your media library or gallery. Note, for security reasons, you cannot upload Flash files (except for Artisteer’s flash files which you can include in your header); however, you can add links to video on other websites, or embed the video in your page. See OptionsàSettingsàMediaàAuto-embed for more details. Add Google Maps to Your Page Use the Google maps icon, , to insert a location map into your page. This is the same as adding the map thru the editor as described above. The attributes you define for the map (e.g. Location name) are the same. Add a Contact Form to Your Page Use the Contact form icon to insert a custom contact form to your page. A contact form can be used to gather information from a viewer, or allow a user to send you feedback, or other comments without having the information posted on your blog, and without using e-mail directly. When the form is submitted by a viewer, the information is sent in an e-mail to the author of the page or post, and also artisteer.net | page 42 43 page added to a list of feedback messages on your blog. You can view your feedback messages using the Feedbacks icon on the ribbon bar (ExtrasàMainàFeedbacks). Adding a contact form to a page is the same as adding a form to a post article. See the Edit Post page below for more information about creating and using contact forms. artisteer.net | page 43 44 page New Page Use this page to create a new page for your website. The options on this page are the same as described above for the Edit Page page, except: Publish Save Draft The ‘Save Draft’ button saves your page in draft status which means that the page has not been published yet. If you want the page published right away, select the ‘Publish’ button. Status Use this to set the status of the page to either ‘Draft’ or ‘Pending Review’. This is intended to communicate the status of the page to yourself or others moderating your content. ‘Draft’ generally means that you anticipate making changes to the page. ‘Pending Review’ means that the page is ready for publishing but it needs to be reviewed first. If you select the ‘Save Draft’ button, the page is saved in whatever status mode you set. If you select the ‘Publish’ button, the status is updated to ‘published’ and your page is immediately published to your website. You may see the status displayed as ‘scheduled’. This means you have set a future date and time that you want Artisteer.net to publish your page. Visibility Public – the page can be viewed by anyone. Private – the page can only be viewed by you, other Administrators, or artisteer.net | page 44 45 page Editors (see OptionsàUsers). Password protected – To view the page, viewers are challenged with a password. Only those with the correct password can view the page. Publish immediately If you select the ‘Save Draft’ button, your page is not published. If you select the ‘Publish’ button, your page is published immediately with the current date and time shown. You can change the date and time to backdate the page but also publish it immediately, or you can enter a future date and time and then Artisteer.net will schedule and then publish your page later. You must use the ‘publish’ button (not ‘save as draft’) to have the page published on the date you entered. Note, this depends on the Timezone option in your General settings (OptionsàSettingsàGeneralàTimezone). You can use this to set when the page should be published. artisteer.net | page 45 46 page Menus When you create a new Artisteer project on the desktop, your web pages always include, by default, a horizontal menu, a sidebar and a vertical menu in the sidebar area. You can remove one or both by changing the layout of your page (LayoutàDesign Layoutàone of the options with no horizontal menu, or LayoutàColumnsàOne column). Both menus, by default, use the Pages of your website as the source of the menu. That is, when you add pages, the page title and link is added to the menu. On the desktop, you can change which pages are included in the menus, but you cannot change the links, change the menu source, or create a custom menu. If you want to do any one of these, you need to use the Menus page in Artisteer.net. Both menus have, by default, your webpages as the source of the menu. If you want to change the source to your blog categories, change the source settings in your theme options (ExtrasàMainàTheme). See ‘Default Horizontal Menu Source’, and ‘Default Vertical Menu Source’ below. If you want to create a custom menu, use the Menus page. Before you can begin, you need to create a new blank menu. On the Menus page (HomeàMenus), enter a menu name in the Menu Name field, and select the ‘create menu’ button. On the left side of the page are your Theme Locations. The caption for this dialog says “Your theme supports 2 menus.” You can have more than 2 menus on your pages (using widgets), but what this means is that Artisteer only supports one horizontal menu bar and one vertical menu. On this page, ‘Primary Menu’ refers to the horizontal menu, and ‘Secondary Menu’ refers to the vertical menu. You use this page to create a custom menu, and then assign it in the Theme Locations to either the horizontal menu, or the vertical menu. Both the horizontal and vertical menu may refer to the same menu. (Note, once set, they override any settings in your Theme Options, like ‘Default Horizontal Menu Source’). Below the Theme Locations are your Custom Links, Pages, and Categories. Use these panels to add menu items to your menu. artisteer.net | page 46 47 page Once you have added menu items to your menu, you can use drag&drop on the menu item list to change the order that the menu items will appear on the menu. You can also select each item in the list and edit the item using the button next to each menu choice. The edit panel has more attributes you can define about each choice (explained below). Menu Name + Automatically add new top-level pages Click on this to create new menus. Normally when you create new pages, the top-level pages are added by default to the menu. When you create a custom menu, the menu choices are created by you as either custom items and links, or a subset of pages and blog categories. Select this if you want Artisteer to also add menu items to your custom menu automatically when you create top-level pages. Theme Locations Primary Menu This refers to the horizontal menu bar. Use the drop down menu to select the menu you want to use, or leave unselected to use the default menu. Secondary Menu This refers to the vertical menu bar. Use the drop down menu to select the menu you want to use, or leave unselected to use the default menu. Use this to create a custom menu. Custom Links URL Label Enter a valid URL address link to use for the menu item. Enter the text you want to appear on the menu. Pages Use this to select the page links you want to include in the menu. artisteer.net | page 47 48 page Categories If you have created blog categories for your posts, use this to select the categories you want to include in the menu. Clicking on this choice will have the same result as clicking on a ‘category’ link in one of your posts. Post Tags If you have created any post tags for your blog, use this to select the tags you want to include in the menu. Clicking on a tag choice in the menu will have the same result as clicking on a ‘tag’ link in one of your posts. As mentioned before, after you have added your choices to the menu, you can reorder the choices and also edit and add more attributes about each item. artisteer.net | page 48 49 page URL This is the URL you want to redirect the browser to when the user selects this choice. Navigation Label Link Target Text that appears for this item in the menu. Clicking on this menu choice redirects the browser to a new window or tab, or the current window or tab. Link Relationship If you are linking to someone else’s website, you specify your relationship to them. This is called XFN. XFN stands for XHTML Friends Network. The text you enter here is arbitrary. You can find examples of typical entries on the New Link page. Title Attribute This is the alternate text that appears below the menu when you hover the mouse over the menu choice. CSS Classes Specify the CSS class for the menu item and define custom styles for this CSS class in Artisteer>Export Options> CSS Options. artisteer.net | page 49 50 page Feedbacks When you use a contact form on your page or post, the information you get from viewers is collected and sent by e-mail to the author of the page or post. The information collected is also added as a feedback message to your blog. The feedback you collect from users becomes part of your blog but not displayed on your website like viewer comments. (Note, although this is referred to as the Feedbacks page, the messages collected, sent and displayed on the page are not necessarily feedback comments from your viewers, since custom contact forms can be used for many different functions, such as polling users on their preferences, or getting personal data such as e-mail addresses.) You can use the Feedback page to monitor and manage these messages. As an administrator, you can view all the feedback messages sent even if you are not the author of the post. You can filter the list by date, or search on the comment text, author, e-mail address, IP address (which is collected automatically), or any custom fields you have added to the contact form (since they are collected as text and appended to any comments). Typically, a contact form will ask for a name, an e-mail address, and comment. All of these fields are collected and included in the feedback list; however, you can modify the contact form to ask for anything you want. Any custom fields you add to the form are collected and appended to the ‘comment’ text. Use this page for managing the messages. If you decide to delete a particular feedback message, there are two edit options you can select in the editor: move to spam, or move to the trash bin. See the Edit Post page below for more information about how to use contact forms and add them to your page or post. artisteer.net | page 50 51 page artisteer.net | page 51 52 page Posts Use this page to manage your Post articles. Your ability to create and edit posts depends on your user role (OptionsàUsers). There are two views: List, and Excerpt. You can select which view you want by selecting one of the icons to the right of the filter, List view – displays just the post titles. Excerpt view – displays the post titles, and then a partial excerpt of the post article underneath each title. Use the ‘Search Posts’ search box to find Post articles by their title or their content. You can also use the ‘filter’ on this page to filter the posts shown by either a date range, by category, or by tag (by clicking on one of the tag links next to an article). Each post on your website has its own webpage. Your frontend, or blog posts page, displays the posts on your page, but users can navigate to other posts using links which are displayed alongside your post (e.g. author, category, or tag links), or redirect to a page showing you all the comments that have been left for a post. You define which links appear along with your post using the desktop (ContentàMetadataàIcons). When you hover the cursor over any post title, you should notice that a menu appears underneath the title (‘edit’ | ‘quick edit’ | ‘trash’ | ‘view’). Edit and Quick Edit are described below. View lets you see what your post page currently looks like on your website. The Trash option is used to remove posts you no longer want. Above the list of your posts, you should see a ‘Trash’ link. This link only appears if you have posts in your trash bin. If you later want to restore one of your posts, click on this link, move the cursor over the post you want to restore and select the Restore link that appears below the post name. However, if you Permanently Delete the post, or the trash bin has been emptied, you cannot restore the post. artisteer.net | page 52 53 page Quick Edit Use quick edit from the page menu to quickly configure common attributes of your posts. Always use the Update button to apply your changes, otherwise your edits will be discarded. Title Short description of your post. ‘Title’ is the text that appears at the top of your post page, and on pages listing your posts (e.g. frontpage, or blogpost page). Slug Slug is an URL friendly version of the title generated by Artisteer.net. Slugs are used with Permalinks. article E.g. http://mydomain.artisteer.net/my-dog-fred- Date Use this to either backdate the date and time the post was published, or schedule a date and time when Artisteer.net will apply your changes later. Make sure to set the status to published, and select the ‘Update’ button. Note, this depends on the Timezone option in your General settings (OptionsàSettingsàGeneralàTimezone). Categories Use this to assign your posts to categories. If you have added the Category link to your content on the desktop, your viewers can click on a category link next to the post on your website to display all the posts in that category (ContentàMetadataàIcons). You can find more information below about blog categories in the section describing the Categories page. Post Tags Use this to assign tags to your posts. If you have added the Tags link to your content on the desktop (ContentàMetadataàIcons), your viewers can click artisteer.net | page 53 54 page on a tag link next to the post on your website to display all the posts with the selected tag. You can find more information below about tags in the section describing the Tags page. Allow Comments Select this if you want to allow viewers to comment on your posts. Note, this overrides the ‘comments’ setting in your Discussion options (OptionsàSettingsàDiscussionàDefault Article Settings). Allow Pings This is the same as the option, ‘Allow trackbacks and pingbacks’, on the Edit Post page (see below). Status Use this to assign a status to the changes you have made. If you do not want the changes to be applied and published right away, set the status to ‘Pending Review’ or ‘Draft’. These status codes are used to describe the state of your changes. ‘Draft’ means you anticipate more changes. ‘Pending Review’ tells other Editors or Administrators that the post is ready for publication, pending moderation. If you want to publish your changes When you select the ‘Update’ immediately, set the status to ‘published’. button, your post is published depending on however way status is set. You might see the status displayed as ‘scheduled’. This means that you have scheduled the post to be published at some future date and time. Make this post sticky Your frontpage, or blogposts page, displays the articles that have been posted to your website, however only a certain number of posts will appear on this page (see OptionsàSettingsàReadingàBlog pages show at most). Older posts are shown on separate pages, accessible from links on the bottom of the page. Select this option if you want the post to always appear at the top of the post list. Depending on the number of ‘sticky’ posts you have, this normally means the post is always displayed on the frontpage. Note, this option is only available under ‘quick edit’. Password or Private Select ‘private’ if you want the post to be visible only to you (e.g. administrator). Enter a password, if you want the post visible only to viewers who supply the correct password. artisteer.net | page 54 55 page Edit Use the Edit Post page to edit the full range of features and attributes of your posts. Remember, the Screen Options determine what is available to edit on this page. Also, always use the Publish pane on this page to apply your changes, otherwise your edits will be discarded. Editor Below the Post title is the editor you can use to change your content on the web. This is the same editor used in Wordpress. The editor has two modes which you can change from the tabs: Visual – works much like a simple word processor. HTML – use to enter your content with HTML tags. top of the editor is a set of icon links you can use to: · · · insert media, such as images, video, music, document types (e.g. pdf files), add a google map into your page content, add a contact form to your post. Across the Get Shortlink Use this to create a shortened version of the Permalink URL. Most of your pages on your website are indexed by a number. The URL is hidden from you because Artisteer.net uses Permalinks (see the Permalinks artisteer.net | page 55 56 page page below for more information). Permalinks may become relatively long depending on how they are formatted. Long URL addresses are not always useful, depending on the context where they are used. There may be some instances where you need to use a short URL. For instance, if you are using Twitter, you are limited to URLs of a certain length. You may also find a Shortlink useful if you are providing the URL as text instead of a hyperlink, such as in an email message, where the text may be subject to reformatting, such as injecting line breaks in long lines. Slug Slug Slug is an URL friendly version of the title generated by Artisteer.net. Slugs are used with Permalinks. article E.g. http://mydomain.artisteer.net/my-dog-fred- Google Maps Location Name Address Enter a name for the location you want displayed on the map. Enter the address location for the map (e.g. 123 anystreet, anycity, anycountry) Location Description Map Width Map Height Options Enter the maximum px width for the area of the map on your post. Enter the maximum px height for the area of the map on your post. These are options related to how your viewers can interact with the map on your post. i.e Enable or disable the zoom options. Change the map view from street map to satellite view. Allow for additional textboxes which Enter a short description of the location. viewers can use to get directions to, or directions from, a particular location. Send Map to Editor Use this to add the map to your post. This will add the shortcode to the HTML for your post. The shortcode is added wherever your cursor is in the editor. Note, to remove or change your map, you will need to delete this artisteer.net | page 56 57 page code in the editor and then reuse this form to define a new one. Comments Comments This is a list of comments, if your post allows comments, and viewers have left comments on your web site for this post. Every time you edit your post, you should use this panel to update your post with the Update button. If you do not update your post, your changes will be lost. Publish Status Use this to show the status of the changes to your post. If you set the status to published, your changes are immediately added to your website. If you change the status to ‘pending review’, or ‘draft’, your changes are not published until you change the status back to ‘published’. The status indicator can also be used to show you and others if the post needs to be reviewed before publishing. Visibility Use this to change the accessibility of your post. Your post can be either · · Public – anyone can view the post. Password protected – viewers of your website need to enter a password before they can view the post. Private – only you can view the post. Published on This is the publishing date that appears alongside your post on your website. Use the ‘edit’ link to change this date and time. Discussion Allow comments Select this if you want to allow viewers to comment on your post. When this option is selected, a comment box is added to your post where viewers can enter comments. Note, your Discussion settings control who can leave artisteer.net | page 57 58 page comments and how your comments are moderated: (OptionsàSettingsàDiscussion). Allow trackbacks and pingbacks Other blog writers can write articles and include posts on their blogs that include a reference (link) to a post on your blog. If you set this option, Artisteer.net will create a special comment on your post which will show which blogs are linking to it. Discussion settings This feature depends on this setting, your article See (OptionsàSettingsàDiscussionàDefault settings), and the CMS where the blog is referencing your article. ‘trackbacks and pingbacks’ in the glossary for more information. Author Author If you have more than one user invited to your website (OptionsàUsers), choose the user to be the designated author. If you have added Author to your posts on the desktop (ContentàMetadataàIcons), the author will be listed alongside the post so viewers can click on the link to display other articles created by the author. Categories Categories Use this to assign your posts to categories. If you have added the Category link to your content on the desktop category (ContentàMetadataàIcons), your viewers can click on a category link next to the post on your website to display all the posts in that category. You can find more information below about blog categories in the section describing the Categories page. Send Trackbacks Send trackbacks to Enter the trackback URL for the blog page or post you want to link to. artisteer.net | page 58 59 page Trackbacks are used with older blogs that do not support pingbacks. If you want to notify another blog that your post article refers to a page or post on the other blog, you enter a special URL here that is used by Artisteer.net to send the notification to the other site. The URL that you enter here is part of the content on the other blog. The hyperlink may be called anything but normally on older blogs that support trackback you will find a link called ‘Trackback URL’ on the page you want to reference. Also note, some systems use the permalink to the page with ‘trackback’ tag tacked to the address: e.g. http://www.mysite.net/2011/1004/my-dog-fred/trackback/ Artisteer.net websites support pingbacks, not trackbacks. If you want to link to another Artisteer.net site, include the link in your post content; do not put the link in the ‘send trackbacks to’ field. If the other site accepts pingbacks (e.g. an Artisteer.net website, or wordpress site, and the site is configured to allow pingback to the post), the site will respond to the ping and a comment will usually be posted to the other blog. You can also find a description of “Trackbacks and Pingbacks” in the glossary. Post Tags Post Tags Use this to assign tags to your posts. If you have added the Tags link to your content on the desktop (ContentàMetadataàIcons), your viewers can click on a tag link next to the post on your website to display all the posts with the selected tag. Note, separate the tags with commas, otherwise all words you enter here will be treated as one tag. You can find more information below about tags in the section describing the Tags page. artisteer.net | page 59 60 page Excerpt When your posts are listed on your frontpage, or blogpost page, normally the full-text of the post is displayed on the page. You can override this by providing a short excerpt here which will be displayed instead. Note, you can also use the ‘more’ tag (from the editor menu bar in HTML mode) in your article text. Just put the tag somewhere in your text. All of the text up to where your tag appears will be included in the excerpt. Also, in your Theme options you can have Artisteer.net generate an excerpt automatically, however entering an excerpt here overrides this option. Excerpts are also used in RSS feeds (OptionsàSettingsàReadingàFor each article in a feed, show. Featured Image Set featured image Use this to set the image you want to display. The dialog displayed is the same one you used to insert images into your post, except instead of selecting the ‘Insert into Post’ button at the bottom, select ‘Use as featured image’. The featured image is displayed as a thumbnail next to the post title, therefore most of the fields (e.g. description, size, alignment, etc.) on this form are for your own reference unless you intend to insert the image elsewhere in your pages and posts. See the section, ‘Inserting Media in your Pages or Posts’ for more information about these fields and inserting images in your pages or posts. Note, after you have set a featured image, make sure that you update your post on the Edit post page (‘Update’ button). On your frontpage, or blogpost page, you can optionally display an image next to your post title. artisteer.net | page 60 61 page Revisions This is a list of the revisions you have made to the post. You can use these links to compare revisions or restore the post to a previous state. Adding Images, Video and Other Media You can use the editor to add images, video and other media to your posts. You can either add media to your post using the icons above the editor, or you can add links, or embed media directly in the HTML. Also, refer to the ‘Press This’ tool described below to find out how to add images and video from other websites into your own. artisteer.net | page 61 62 page You can also add images and video to posts from the desktop (EditàInsertà). The source of any images or video you add to a post is from a file on your computer, or else from the Artisteer Clip Art library. In either case, the media becomes part of your Artisteer project and when you publish your website, the media is uploaded to Artisteer.net and becomes part of the media library and gallery for the post. The HTML in your content is automatically changed to refer to the media on Artisteer.net instead of your computer. On the desktop, video media is always added to your post as an embedded link to the video file on the web. Links to media (e.g. video links) are not included in your media library or gallery. Note, for security reasons, you cannot upload Flash files (except for Artisteer’s flash files which you can include in your header); however, you can add links to video on other websites, or embed the video in your page. See OptionsàSettingsàMediaàAuto-embed for more information. Across the top of the editor is a list of icons for adding media to your post: All of these except for the last two can be used to upload media from your computer, link to media on the web, or add media to your website from your personal media library (which is actually a library of all the media you have uploaded from your computer so far). The last two icons are for adding a google map (location map), and adding a custom contact form. When you click on any one of the media icons, you are redirected to a dialog to choose the source of the media file. It doesn’t matter which icon you select, the dialog is generally the same for all types. This is an example of uploading a PDF file: artisteer.net | page 62 63 page The attributes (e.g. Link URL) you define varies depending on the type of media you want to include. The first tab is always ‘From Computer’. Use this tab to upload media files to Artisteer.net and add them to your media library. After the file is uploaded, the file is automatically added to the media library and the post’s gallery. Use the ‘Insert into Post’ button to add the media to your post, otherwise, the file will be uploaded but will not appear in your post content. You can also upload files artisteer.net | page 63 64 page using the New Media page, but they do not automatically get attached to the post (added to the gallery) until you either attach them from the media library, or include them later in your post. After the file is uploaded, you can add attributes which determine how the media appears on the post and what happens when your viewers click on the media. In the example above, the title is what appears to your viewers as the hyperlink on your post. You want to select a title that is self-descriptive for your viewers, and also for search engines. The caption field in this example does nothing for the hyperlink to your document, but if this were an image, the caption would add text underneath your image on the post. The attributes for each type of media are different. Use the ‘From URL’ tab to use a web address as the source of the media. Use this tab to collect media resources on the web instead of uploading the files to Artisteer.net. Remember, you have quite a bit of space reserved for your website on Artisteer.net, but the space is limited. When you link to media on the web, instead of uploading to your website, you are not using any space. You have to balance your choice of location based on the availability of the media on the web, and the time involved to render your web page in your viewer’s browser since these images are retrieved on demand from the web when the page is loaded. Except for image media, Artisteer.net always inserts a hyperlink to the media in your page or post. You enter an URL to the media (e.g. video, document, etc.), and a Title which is how your link will appear on the page. artisteer.net | page 64 65 page For an image, the attributes are similar to adding an image file from your computer (e.g. Title) except you define an URL and a Title. The image is embedded and displayed within your page (i.e. not a hyperlink). ‘Title’ is what appears on the page when you hover the mouse over the image. ‘Alignment’ defines how the image will be aligned with other text. ‘Link Image To’ defines what happens when a user clicks on the image. Clicking the ‘None’ button just clears the text box. If you do not want the image to link to another page, leave this blank. Clicking the ‘Link to image’ button copies the Image URL in the first text field to this box. Clicking on the image on your page will open a new page on just the image using the URL address of the original source (same as File URL). Use the ‘Media Library’ tab to add images, sound, video, etc., to your posts using the media files you have previously uploaded into your library. Use the ‘Show’ button to display the attributes of the media you can define, e.g. Title, and the ‘Insert into Post’ button to add media to your content. Use artisteer.net | page 65 66 page the ‘Save all changes’ button to keep any changes you have made to the attributes you have defined for the media. The ‘Gallery’ tab appears when you select the gallery icon or the image icon in the editor. A dialog will appear allowing you to insert images from your computer (Browse>Upload), insert using an URL (enter URL and other settings)), or insert image from the Media Library (Add to Gallery). Note, the images removed from the gallery are not removed from the media library. You also should have the Adobe Flash Player installed on your browser to be able to select several files at a time. The gallery may be useful in several ways: if you want to organize your images based on your pages or posts, and/or you frequently change media in your content. if you let Artisteer.net automatically generate thumbnails for the featured image associated with your post. If you do not specify a particular image, Artisteer will select the first one in the gallery (ExtrasàMainàTheme OptionsàPost Thumbnails). if you use the LightBox plugin to display your media. For more details about Lightbox, see OptionsàSettingsàLightbox. artisteer.net | page 66 67 page if you want to include a photo image gallery in your page or post, you can use the post editor to insert a [gallery] shortcode into your content. When you select the Gallery tab the Note, these options are only following options will appear at the bottom of the dialog. available if you have more than one media file attached to the post: Gallery Settings Order images by: Order Use this to set the sort order using the criteria above. E.g. sort on names in ascending order Gallery columns If you include this in your page or post, use this to determine how many columns your photo gallery will be arranged on the page. e.g. 3 columns means you have a table with 3 columns and X number of rows depending on the number of items in your gallery. Insert Gallery Use this to insert a [gallery] shortcode in your post. This option only appears when the editor is in HTML mode. When you select this option, Artisteer.net injects the shortcode [gallery] into your HTML source wherever your cursor is positioned in the code. There are other options you can elect to use by modifying the shortcode. See the following link for more details: http://en.support.wordpress.com/images/gallery/ Use this to set the order criteria that the thumbnail images appear in your post. e.g. sort by menu order, title, date and time, or random. Update gallery settings Use this to update the gallery settings for a photo gallery you have already included in your post (e.g. change the number of gallery columns). This option only appears when the editor is in Visual mode. Inserting Media in your Pages or Posts When you are adding media to your page or post and you click on the Insert into Post button, Artisteer.net inserts a hyperlink to your media in the editor depending on wherever the cursor is artisteer.net | page 67 68 page located (note, if you are editing in HTML modem, this could ruin your code conformance to HTML if the cursor is in the wrong place). Images are always displayed embedded in your blog page. Other types of media appear as hyperlinks. As mentioned before, you cannot upload Flash files to Artisteer.net, but you can embed Flash files, as well as other types of video files from the web (except for Artisteer’s flash files which you can include in your header). See OptionsàSettingsàMediaàAuto-embed for more details. (Note, on the desktop, you can insert your own images in your post, or select images from the clipart gallery. When you publish your project, these are uploaded to Artisteer.net. You cannot insert videos in your project on the desktop, but you can embed videos from other websites. If you have your own video, you should add it to your media library on Artisteer.net, and then embed the video from your own website). From whatever source you use (computer, web, or media library), use the Insert into Post button to add the media to your page or post. This button inserts the HTML code for your image, video, etc., into the editor wherever your cursor is located. As mentioned previously, before you insert the media, there are certain attributes you can define to determine the appearance and interaction with the media on your page. The attributes vary depending on the type of media you are including. Note, if you are using the Gallery or Media Library, you need to use the Show button to display these attributes, along with the Insert into Post button. If you have a Gallery attached to your post, the Actions box can be used to reorder the way the images are displayed on this page in the administrator, and also how they are displayed in your post ( if you inserted a gallery in the post). Image Files Title Alternate Text Enter a title that will identify this file in the media library. For an image on your page or post, this is the text that appears instead of the image when the browser setting that blocks images is enabled. The alt text also appears when a viewer hovers the cursor over the image on the page. Description Enter a description that describes the file. The Media Library page includes a search box that you can use to search by description. If you use a Post URL, this is the text that will appear on the special blog page for this file. If you do not use a Post URL, and this page is not accessible directly to your viewers, the description is still important to search engines since this page is still part of your website. artisteer.net | page 68 69 page Link URL The Link URL defines what happens when users click on the image: None – The image is not clickable. File URL – When you click on the image, the current page, or tab, in the browser displays a full-sized version of the image. The URL in your browser’s address bar refers to the image file location on Artisteer.net. Post URL – The image is treated as an attachment to the post. When you click on the image, a new blog page is displayed with just the image by itself, the image title and the description. If you click on the image on this page, it opens a new page on the actual file (same as File URL). Alignment This is the placement of the image relative to any text you already have in your post. Size The size of the image as it will appear in your page or post. The dimensions and how the picture appears on your page or post depend on the original image size. Your media settings also determine the maximum dimensions you can use (OptionsàSettingsàMedia). Audio, Video and Document Files Title This is the text that appears for the file in your page or post. A hyperlink is created to open the file based on your Link URL setting below. Caption Description This is for your own reference. Enter a description that describes the file. The Media Library page includes a search box that you can use to search by description. If you use a Post URL, this is the text that will appear on the special blog page for this file. If you do not use a Post URL, and this page is not accessible directly to your viewers, the description is still important to search engines since this page is still part of your website. Link URL The Link URL defines what happens when users click on the file. artisteer.net | page 69 70 page None – This just inserts your Title as text in your page or post, therefore this has very little usefulness since your users cannot select, play, or open the file. File URL – This opens a new page on the media file. Depending on how your browser is configured, this may or may not play, or open the file. For example, if you are including a PDF file, you need to have a PDF reader (i.e. Adobe Reader) installed to open and view the file when you click on the link. If you do not have a browser plugin to handle the media, the browser will attempt to download the media. Post URL – Every media file has its own blog page. The page is displayed with the Title you defined, and an attachment hyperlink underneath to the actual file, followed by the description you added. Add Google Maps to Your Posts Use the Google maps icon, , to insert a location map into your post. This is the same as adding the map thru the editor as described above under Edit post (if enabled from the Screen options). The attributes you define for the map (e.g. Location name) are the same. Add a Contact Form to Your Post Use the Contact form icon to insert a custom contact form to your post. A contact form can be used to gather information from a viewer, or allow a user to send you feedback, or other comments without having the information posted on your blog, and without using e-mail directly. When the form is submitted by a viewer, the information is sent in an e-mail to the author of the post, and added to a list of feedback messages for your blog. You can view your feedback messages using the Feedbacks icon on the ribbon bar. A contact form can be useful in many ways. For instance, typically, most websites have a contact page which lists how users can contact you. Typically these sites, especially large corporate sites, post an e-mail address but due to the large volume of traffic, they often do not have the resources to sort out and process every receipt. A site may have different pages and contact forms so user artisteer.net | page 70 71 page communication is routed to different e-mail addresses according to the type of request or feedback. For example, you might use one contact form to allow users to ask questions about a page, post, or your website, and another contact form to collect personal data or preferences, and perhaps another form to get feedback. How many contact forms you need, what data they collect, and how the feedback is routed, is entirely up to you. When the user submits a contact form, all of the text information on the form is converted to a comment and sent to the author of the post, unless you change the e-mail notification in the form options. If you have custom fields, like radio buttons, the option label is used as the text. For example, if the label for the first radio button is ‘Yes’, and this option is selected, the text in the comment for this field will be “Yes”. To add a form, click on the contact icon above the ribbon bar: This displays a dialog for the default contact form.
Artisteer 4.3 сайт пользователей программы вопросы по использованию, форум, скачать Обновлены плагины экспорта, добавлена поддержка Joomla 3.4 и Wordpress 4. Инструкции по Artisteer · Как создать тему на форуме.
Artisteer is the first and only Web design automation product that. Descargar e Instalar Artisteer 4 Full +PARCHE | W8-W7 | Diseña tu.
Artisteer 4.0 – обновлённая версия многофункциональной программы по созданию шаблонов сайтов Drupal, Joomla, Wordpress, Blogger.
Artisteer. User Manual. 4. What Is Artisteer? Artisteer is the first and only Web design automation product that instantly creates fantastic looking. Website and.
How to use the Artisteer.net Administration Panel.. artisteer.net | page 4. In the rest of the manual there are many references to the 'desktop' and 'web'.