Moved docs/images to docs/_static/images
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 67 KiB |
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 111 KiB |
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 216 KiB After Width: | Height: | Size: 216 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 272 KiB After Width: | Height: | Size: 272 KiB |
Before Width: | Height: | Size: 194 KiB After Width: | Height: | Size: 194 KiB |
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
@ -425,4 +425,4 @@ Redirects
|
||||
|
||||
Wagtail provides a simple interface for creating arbitrary redirects to and from any URL.
|
||||
|
||||
.. image:: ../images/screen_wagtail_redirects.png
|
||||
.. image:: ../_static/images/screen_wagtail_redirects.png
|
||||
|
@ -3,14 +3,14 @@ Documents
|
||||
|
||||
Documents such as PDFs can be managed from the Documents interface, available in the left-hand menu. This interface allows you to add documents to and remove documents from the CMS.
|
||||
|
||||
.. image:: ../../images/screen29_documents_page.png
|
||||
.. image:: ../../_static/images/screen29_documents_page.png
|
||||
|
||||
* Add documents by clicking the *Add document* button in the top-right.
|
||||
* Search for documents in the CMS by entering your search term in the search bar. The results will be automatically updated as you type.
|
||||
* You can also filter the results by *Popular tags*. Click on a tag to update the search results listing.
|
||||
* Edit the details of a document by clicking the document title.
|
||||
|
||||
.. image:: ../../images/screen30_documents_edit_page.png
|
||||
.. image:: ../../_static/images/screen30_documents_edit_page.png
|
||||
|
||||
* When editing a document you can replace the file associated with that document record. This means you can update documents without having to update the pages on which they are placed. Changing the file will change it on all pages that use the document.
|
||||
* Add or remove tags using the Tags field.
|
||||
|
@ -3,11 +3,11 @@ Images
|
||||
|
||||
If you want to edit, add or remove images from the CMS outside of the individual pages you can do so from the Images interface. This is accessed from the left-hand menu.
|
||||
|
||||
.. image:: ../../images/screen31_images_page.png
|
||||
.. image:: ../../_static/images/screen31_images_page.png
|
||||
|
||||
* Clicking an image will allow you to edit the data associated with it. This includes the Alt text, the photographers credit, the medium of the subject matter and much more. **NOTE:** changing the alt text here will alter it for all occurrences of the image in carousels, but not in inline images, where the alt text can be set separately.
|
||||
|
||||
.. image:: ../../images/screen32_image_edit_page.png
|
||||
.. image:: ../../_static/images/screen32_image_edit_page.png
|
||||
|
||||
* When editing an image you can replace the file associated with that image record. This means you can update images without having to update the pages on which they are placed. Changing the file will change it on all pages that use the image.
|
||||
|
||||
|
@ -6,7 +6,7 @@ There are two ways that you can access the edit screen of an existing page:
|
||||
* Clicking the title of the page in an `Explorer page <the_explorer_page.html>`_ or in `search results <using_search.html>`_.
|
||||
* Clicking the *Edit* link below the title in either of the situations above.
|
||||
|
||||
.. image:: ../images/screen12_edit_screen_overview.png
|
||||
.. image:: ../_static/images/screen12_edit_screen_overview.png
|
||||
|
||||
* When editing an existing page the title of the page being edited is displayed at the top of the page.
|
||||
* The current status of the page is displayed in the top-right.
|
||||
|
@ -11,7 +11,7 @@ The Dashboard provides information on:
|
||||
|
||||
You can return to the Dashboard at any time by clicking the Wagtail log in the top-left of the screen.
|
||||
|
||||
.. image:: ../../images/screen02_dashboard_editor.png
|
||||
.. image:: ../../_static/images/screen02_dashboard_editor.png
|
||||
|
||||
- Clicking the logo returns you to your Dashboard.
|
||||
- Thes stats at the top of the page describe the total amount of content on the CMS (just for fun!).
|
||||
|
@ -1,7 +1,7 @@
|
||||
The Explorer menu
|
||||
~~~~~~~~~~~~~~~~~
|
||||
|
||||
.. image:: ../../images/screen03_explorer_menu.png
|
||||
.. image:: ../../_static/images/screen03_explorer_menu.png
|
||||
|
||||
* Click the Explorer button in the sidebar to open the site explorer. This allows you to navigate through the tree-structure of the site.
|
||||
* Clicking the name of a page will take you to the Explorer page for that section (see below). NOTE: The site explorer only displays pages which themselves have child pages. To see and edit the child pages you should click the name of the parent page in the site explorer.
|
||||
|
@ -4,20 +4,20 @@ The Explorer page
|
||||
The Explorer page allows you to view the a page's children and perform actions on them. From here you can publish/unpublish pages, move pages to other sections, drill down further into the content tree, or reorder pages under the parent for the purposes of display in menus.
|
||||
|
||||
|
||||
.. image:: ../../images/screen05_explorer_page.png
|
||||
.. image:: ../../_static/images/screen05_explorer_page.png
|
||||
|
||||
* The name of the section you are looking at is displayed below the breadcrumb (the row of page names beginning with the home icon). Each section is also itself a page (in this case the homepage). Clicking the title of the section takes you to the Edit screen for the section page.
|
||||
* As the heading suggests, below are the child pages of the section. Clicking the titles of each child page will take you to its Edit screen.
|
||||
|
||||
.. image:: ../../images/screen06_explorer_page_arrow.png
|
||||
.. image:: ../../_static/images/screen06_explorer_page_arrow.png
|
||||
|
||||
* Clicking the arrows will display a further level of child pages.
|
||||
|
||||
.. image:: ../../images/screen07_explorer_page_breadcrumb.png
|
||||
.. image:: ../../_static/images/screen07_explorer_page_breadcrumb.png
|
||||
|
||||
* As you drill down through the site the breadcrumb (the row of pages beginning with the home icon) will display the path you have taken. Clicking on the page titles in the breadcrumb will take you to the Explorer screen for that page.
|
||||
|
||||
.. image:: ../../images/screen08_add_page_button.png
|
||||
.. image:: ../../_static/images/screen08_add_page_button.png
|
||||
|
||||
* To add further child pages press the Add child page button below the parent page title. You can view the parent page on the live site by pressing the View live button. The Move button will take you to the Move page screen where you can reposition the page and all its child pages in the site structure.
|
||||
* Similar buttons are available for each child page. These are made visible on hover.
|
||||
@ -25,7 +25,7 @@ The Explorer page allows you to view the a page's children and perform actions o
|
||||
Reordering pages
|
||||
________________
|
||||
|
||||
.. image:: ../../images/screen08.5_reorder_page_handles.png
|
||||
.. image:: ../../_static/images/screen08.5_reorder_page_handles.png
|
||||
|
||||
* Clicking the icon to the far left of the child pages table will enable the reordering handles. This allows you to reorder the way that content displays in the main menu of your website.
|
||||
* Reorder by dragging the pages by the handles on the far left (the icon made up of 8 dots).
|
||||
|
@ -1,7 +1,7 @@
|
||||
Using search
|
||||
~~~~~~~~~~~~
|
||||
|
||||
.. image:: ../../images/screen04_search_screen.png
|
||||
.. image:: ../../_static/images/screen04_search_screen.png
|
||||
|
||||
* A very easy way to find the page that you want is to use the main search feature, accessible from the left-hand menu.
|
||||
* Simply type in part or all of the name of the page you are looking for, and the results below will automatically update as you type.
|
||||
|
@ -15,4 +15,4 @@ __________
|
||||
* Access this by adding **/admin** onto the end of your root URL (e.g. www.example.com/admin).
|
||||
* Enter your username and password and click **Sign in**.
|
||||
|
||||
.. image:: ../images/screen01_login.png
|
||||
.. image:: ../_static/images/screen01_login.png
|
@ -3,15 +3,15 @@ Adding multiple items
|
||||
|
||||
A common feature of Wagtail is the ability to add more than one of a particular type of field or item. For example, you can add as many carousel items or related links as you wish.
|
||||
|
||||
.. image:: ../../images/screen24_multiple_items_closed.png
|
||||
.. image:: ../../_static/images/screen24_multiple_items_closed.png
|
||||
|
||||
* Whenever you see the white cross in the green circle illustrated here it means you can add multiple objects or items to a page. Clicking the icon will display the fields required for that piece of content. The image below demonstrates this with a *Related link* item.
|
||||
|
||||
.. image:: ../../images/screen25_multiple_items_open.png
|
||||
.. image:: ../../_static/images/screen25_multiple_items_open.png
|
||||
|
||||
* You can delete an individual item by pressing the trash can in the top-right.
|
||||
* You can add more items by clicking the link with the white cross again.
|
||||
|
||||
.. image:: ../../images/screen26_reordering_multiple_items.png
|
||||
.. image:: ../../_static/images/screen26_reordering_multiple_items.png
|
||||
|
||||
4. You can reorder your multiple items using the up and down arrows. Doing this will affect the order in which they are display on the live page.
|
@ -7,34 +7,34 @@ There are two types of text entry fields you will see when creating a page. Some
|
||||
|
||||
So, when you click into certain fields, for example the *Body* field, you will be presented with a set of tools which allow you to format and style your text. These tools also allow you to insert links, images, videos clips and links to documents.
|
||||
|
||||
.. image:: ../../images/screen11_rich_text_field.png
|
||||
.. image:: ../../_static/images/screen11_rich_text_field.png
|
||||
|
||||
Below is a summary of what the different buttons represent:
|
||||
|
||||
.. image:: ../../images/screen11.1_bold_italic.png
|
||||
.. image:: ../../_static/images/screen11.1_bold_italic.png
|
||||
|
||||
**Bold / Italic:** Either click then type for bold or italic, or highlight and select to convert existing text to bold or italic.
|
||||
|
||||
.. image:: ../../images/screen11.2_formatting_options.png
|
||||
.. image:: ../../_static/images/screen11.2_formatting_options.png
|
||||
|
||||
**Paragraph / heading levels:** Clicking into a paragraph and selecting one of these options will change the level of the text. H1 is not included as this is reserved for the page title.
|
||||
|
||||
.. image:: ../../images/screen11.3_lists.png
|
||||
.. image:: ../../_static/images/screen11.3_lists.png
|
||||
|
||||
**Bulleted and numbered lists**
|
||||
|
||||
.. image:: ../../images/screen11.4_horizontal_rule.png
|
||||
.. image:: ../../_static/images/screen11.4_horizontal_rule.png
|
||||
|
||||
**Horizontal rule:** Creates a horizontal line at the position of the cursor. If inserted inside a paragraph it will split the paragraph into two seperate paragraphs.
|
||||
|
||||
.. image:: ../../images/screen11.5_undo_redo.png
|
||||
.. image:: ../../_static/images/screen11.5_undo_redo.png
|
||||
|
||||
**Undo / redo:** As expected will undo or redo the latest actions. Never use the your browser's back button when attempting to undo changes as this could lead to errors. Either use this undo button, or the usual keyboard shortcut, CTRL+Z.
|
||||
|
||||
.. image:: ../../images/screen11.6_images_videos.png
|
||||
.. image:: ../../_static/images/screen11.6_images_videos.png
|
||||
|
||||
**Insert image / video:** Allows you to insert an image or video into the rich text field. See Inserting images and videos section for more details. .. insert links for images and videos here>>
|
||||
|
||||
.. image:: ../../images/screen11.7_links_docs.png
|
||||
.. image:: ../../_static/images/screen11.7_links_docs.png
|
||||
|
||||
**Insert link / document:** Allows you to insert a link or a document into the rich text field. See Inserting links and Inserting documents for more details. .. insert links to Links and documents sections>>
|
@ -1,7 +1,7 @@
|
||||
Creating new pages
|
||||
~~~~~~~~~~~~~~~~~~
|
||||
|
||||
.. image:: ../../images/screen08_add_page_button.png
|
||||
.. image:: ../../_static/images/screen08_add_page_button.png
|
||||
|
||||
Create new pages by clicking the Add child page. This creates a child page of the section you are currently in. In this case a child page of the Homepage.
|
||||
|
||||
|
@ -1,10 +1,10 @@
|
||||
Inserting links to documents into body text
|
||||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||
|
||||
.. image:: ../../images/screen27_docs_icon.png
|
||||
.. image:: ../../_static/images/screen27_docs_icon.png
|
||||
|
||||
It is possible to insert links to documents held in the CMS into the body text of a web page by clicking the button above in the Body field.
|
||||
|
||||
The process for doing this is the same as when inserting an image. You are given the choice of either choosing a document from the CMS, or uploading a new document.
|
||||
|
||||
.. image:: ../../images/screen28_docs_form.png
|
||||
.. image:: ../../_static/images/screen28_docs_form.png
|
@ -11,11 +11,11 @@ __________________________________
|
||||
|
||||
The carousel is where the main, featured images and videos associated with a page should be displayed.
|
||||
|
||||
.. image:: ../../images/screen14_add_carousel_button.png
|
||||
.. image:: ../../_static/images/screen14_add_carousel_button.png
|
||||
|
||||
* To insert a carousel item click the Add carousel content link in the Carousel content section.
|
||||
|
||||
.. image:: ../../images/screen15_carousel_form.png
|
||||
.. image:: ../../_static/images/screen15_carousel_form.png
|
||||
|
||||
* You can then insert an image by clicking the *Choose an image* button.
|
||||
* It is also possible to add videos to a carousel. Simply copy and paste the web address for the video (either YouTube or Vimeo) into the *Embed URL* field and click Insert. A poster image for the video can also be uploaded or selected from the CMS. This is the image displayed before a user has clicked play on the video.
|
||||
@ -38,7 +38,7 @@ When you click the *Choose an image* button you will be presented with a pop-up
|
||||
|
||||
The image below demonstrates finding and inserting an image that is already present in the CMS image library.
|
||||
|
||||
.. image:: ../../images/screen16_selecting_image_from_library.png
|
||||
.. image:: ../../_static/images/screen16_selecting_image_from_library.png
|
||||
|
||||
#. Typing into the search box will automatically display the results below.
|
||||
#. Clicking one of the Popular tags will filter the search results by that tag.
|
||||
@ -46,7 +46,7 @@ The image below demonstrates finding and inserting an image that is already pre
|
||||
|
||||
**Uploading a new image to the CMS**
|
||||
|
||||
.. image:: ../../images/screen17_upload_image.png
|
||||
.. image:: ../../_static/images/screen17_upload_image.png
|
||||
|
||||
#. You must include an image title for your uploaded image
|
||||
#. Click the *Choose file* button to choose an image from your computer.
|
||||
@ -60,7 +60,7 @@ Images can also be inserted into the body text of a page. When editing the Body
|
||||
|
||||
In addition, the Wagtail Demo site allows you to chose an aligmnent for you image.
|
||||
|
||||
.. image:: ../../images/screen18_image_alignment.png
|
||||
.. image:: ../../_static/images/screen18_image_alignment.png
|
||||
|
||||
#. You can select how the image is displayed by selecting one of the format options.
|
||||
#. In the Wagtail Demo site, images inserted into the body text do not have embeded captions (these should be added as regular body text). However you must still provide specific alt text for your image.
|
||||
|
@ -5,7 +5,7 @@ Similar to images, there are a variety of points at which you will want to add l
|
||||
|
||||
Whichever way you insert a link, you will be presented with the form displayed below.
|
||||
|
||||
.. image:: ../../images/screen19_link_form.png
|
||||
.. image:: ../../_static/images/screen19_link_form.png
|
||||
|
||||
* Search for an existing page to link to using the search bar at the top of the pop-up.
|
||||
* Below the search bar you can select the type of link you want to insert. The following types are available:
|
||||
|
@ -6,10 +6,10 @@ Inserting videos into body content
|
||||
|
||||
As well as inserting videos into a carousel, Wagtail's rich text fields allow you to add videos into the body of a page by clicking the *Add video* button in the toolbar.
|
||||
|
||||
.. image:: ../../images/screen20_insert_video_form.png
|
||||
.. image:: ../../_static/images/screen20_insert_video_form.png
|
||||
|
||||
* Copy and paste the web address for the video (either YouTube or Vimeo) into the URL field and click Insert.
|
||||
|
||||
.. image:: ../../images/screen21_video_in_editor.png
|
||||
.. image:: ../../_static/images/screen21_video_in_editor.png
|
||||
|
||||
* A placeholder with the name of the video and a screenshot will be inserted into the text area. Clicking the X in the top corner will remove the video.
|
||||
|
@ -9,4 +9,4 @@ The Save/Preview/Submit for moderation menu is always present at the bottom of t
|
||||
* **Publish/Unpublish:** Clicking either the *Publish* or *Unpublish* buttons will take you to a confirmation screen asking you to confirm that you wish to publish or unpublish this page. If a page is published it will be accessible from its specific URL and will also be displayed in site search results. (moderators and administrators only)
|
||||
* **Delete:** Clicking this button will take you to a confirmation screen asking you to confirm that you wish to delete the current page. Be sure that this is actually what you want to do, as deleted pages are not recoverable. In many situations simply unpublishing the page will be enough. (moderators and administrators only)
|
||||
|
||||
.. image:: ../../images/screen13_publish_menu.png
|
||||
.. image:: ../../_static/images/screen13_publish_menu.png
|
||||
|
@ -3,9 +3,9 @@ Required fields
|
||||
|
||||
* Fields marked with an asterisk are required. You will not be able to save a draft or submit the page for moderation without these fields being completed.
|
||||
|
||||
.. image:: ../../images/screen22_required_field.png
|
||||
.. image:: ../../_static/images/screen22_required_field.png
|
||||
|
||||
* If you try to save/submit the page with some required fields not filled out, you will see the error displayed here.
|
||||
* The number of validation errors for each of the *Promote* and *Content* tabs will appear in a red circle, and the text, 'This field is required', will appear below each field that must be completed.
|
||||
|
||||
.. image:: ../../images/screen23_validation_error.png
|
||||
.. image:: ../../_static/images/screen23_validation_error.png
|
||||
|
@ -1,12 +1,12 @@
|
||||
Selecting a page type
|
||||
~~~~~~~~~~~~~~~~~~~~~
|
||||
|
||||
.. image:: ../../images/screen09_page_type_selection.png
|
||||
.. image:: ../../_static/images/screen09_page_type_selection.png
|
||||
|
||||
* On the left of the page chooser screen are listed all the types of pages that you can create. Clicking the page type name will take you to the Create new page screen for that page type (see below).
|
||||
* Clicking the *View all … pages* links on the right will display all the pages that exist on the website of this type. This is to help you judge what type of page you will need to complete your task.
|
||||
|
||||
.. image:: ../../images/screen10_blank_page_edit_screen.png
|
||||
.. image:: ../../_static/images/screen10_blank_page_edit_screen.png
|
||||
|
||||
* Once you’ve selected a page type you will be presented with a blank New page screen.
|
||||
* Click into the areas below each field's heading to start entering content.
|