Home › Updates

Updates

Our new Word Processor: a reference

 July 8, 2013
by Flavio Mester

The new toolbar

The toolbar appears at the top of the editor and contains icons that are similar to ones that you may have used in word processing applications.

Toolbar

The new icons

The following table outlines each icon's function in the Word Processor toolbar:

Icon Function
What it does
     
Format Paragraph Format Applies a format to a whole paragraph. Use it to create headings.

Bold icon

Bold

Applies bold formatting to selected text.
e.g. The quick brown fox jumps over the lazy dog.


Italic icon

Italic

Applies italic formatting to selected text.
e.g. The quick brown fox jumps over the lazy dog.


Strikethrough icon

Strikethrough

Applies strikethrough formatting to selected text.
e.g. The quick brown fox jumps over the lazy dog.


Remove Format icon

Remove Format

Removes all formatting from the selected text.


Subscript icon

Subscript

Creates subscript text.
e.g. H2O


Superscript icon

Superscript

Creates superscript text.
e.g. 103


Text Colour icon

Text Colour

Changes the color of the selected text.


Text Background icon

Text Background
Colour

Changes the background color behind selected text.


Link icon

Link

Creates a link pointing to another page within the website, and external page or a file in the Assets Manager e.g. a PDF document.


Remove Link icon

Unlink

Removes a link.


Replace icon

Anchor

Creates a link to another point within the same page. Helpful when working with very long pages.


Numbered List icon

Insert / Remove
Numbered List

Creates a numbered list.


Bulleted list icon

Insert / Remove
Bulleted List

Creates a bulleted list.


Increase Indent icon

Increase Indent

Increases the indentation of a paragraph from the left margin. You can increase the indentation of a paragraph or group of paragraphs by using this feature.


Decrease indent icon

Decrease Indent

Decreases the indentation of a paragraph from the left margin. You can decrease the indentation of a paragraph or group of paragraphs by using this feature.


Block Quote icon

Block quote

Applies a block quote style to a paragraph.


Left Align icon

Create DIV container

Allows content to be entered into a <div> container as opposed to a <p> (paragraph, the default) container. You can use tht option to create blocks of text without the spacing between them that <p> tags create. And if you're familiar with CSS and/or JavaScript you can target specific <div>'s.

 


Left Align icon

Left Align

Aligns the selected content to the left with a ragged right edge.


Center Align icon

Center Align

Aligns the selected content to the center with a ragged left & right edge.


Right Align icon

Right Align

Aligns sthe selected content to the right with a ragged left edge.


Block Justify Align

Justify Align

Aligns the selected text so that full lines in a column have even margins on the left and right sides.


Paste icon

Paste

Pastes the content copied from another source into the editor.


Paste Plain icon

Paste as plain text

Pastes the content while removing external formatting. Recommended.


Paste from Word icon

Paste from Word

Pastes the content copied from a Word document, while keeping its formatting. Usually NOT recommended.


Undo icon

Undo

Reverses the previous change.


Redo icon

Redo

Re-applies an undone change.


Image icon

Image

Inserts/edits an image into the text.


YouTube icon

Insert YouTube, Vimeo, Flickr

Embeds a YouTube video, as well as many other media types like Vimeo, Flickr, etc.


Table icon

Table

Inserts a table. Select the number of columns or rows as well as the table width.


Horizontal Line icon

Insert horizontal line

Inserts a horizontal line.


Special Characters icon

Insert special character

Inserts symbols and special characters like the copyright symbol (©), the trademark symbol (™) etc.


Insert Flash icon

Flash

Embeds a Flash movie (.swf).


Search icon

Find

Finds a word or phrase in the content.


Replace icon

Replace

Replaces a word or phrase in the content.


Select All icon

Select all

Selects all of the content.


Spellchecker icon

Spell check as you type

Activates the spellchecker.


Show Blocks icon

Show blocks

Indicates all the HTML elements/blocks in the content.


Maximize Editor icon

Maximize

Enlarges the editor window. Click it again to restore to the normal size.


Source icon

Source

Switches to source editing mode, which allows you to edit the source HTML code directly. Click it again to toggle back to standard edit mode.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

New summary text option for blog posts

 July 2, 2013
by Flavio Mester

Blog summary text

If you’re displaying your blog in “Summary” mode, you can now write your own summary/excerpt text for any post. If you do, YWD will use it instead of automatically picking the first 50 words of your post.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Clickable blog summary images

 July 2, 2013
by Flavio Mester

Blog summary picture

The optional summary image that you can specify for your post is now linked to the full post.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Fixed: Facebook button on vertical side badge and 'Like' box on the same page

 June 24, 2013
by Flavio Mester

Facebook badge and plugin on the same page

Depending on the settings of your Facebook ‘Like’ box, adding it to a page with a vertical social media floating side badge – e.g. The Your Web Department Blog – would cause the Facebook button on the badge to not be displayed. This issue has now been fixed.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

How to display your latest tweets in plain list format, compatible with Twitter API 1.1

 June 21, 2013
by Flavio Mester

As we mentioned yesterday Twitter has switched to API 1.1 and Twitter streams embedded into websites using the old API have stopped working. We have already implemented changes to our “regular” Twitter Feed tool to make it work.

But we also have a separate tool called “Twitter Feed, Plain” which does what its name suggests. It lists the most recent tweets from your timeline but as a plain list – no header, footer, borders, scrollbar, etc. This tool also requires that you create a widget on the Twitter website (because Twitter now demands that) but you enter just the widget ID into YWD and you’re done. You can also customize/override some of its options.

A plain Twitter feed created with this tool looks like this:

Twitter feed - plain list

Here's how you do it:

1. Create the widget on Twitter

  • While logged in to your Twitter account, select Settings on your actual Twitter page and then click on Widgets.
  • Click the Create new button.
  • Make any changes to your widget's configuration, and then click the Create widget button.
  • Beneath the Preview pane, you will see a field with the code supplied by Twitter for your widget. The widget will contain a long string of numbers, something like this:
    345735908357048478
    That's your widget ID, and we'll need that. Tip: Twitter will probably force you to copy the whole code, but you can paste it on a text editor, and then copy just that number.
  • Save your widget on Twitter.

2. Insert the widget into your page in YWD

  • In YWD, navigate to the page where you'd like to insert the Twitter feed, click the Add content button and select Twitter Feed, Plain content type.
  • A dialog form similar to the one you see below will be shown. Paste the number that you just copied from Twitter into the field.
  • YWD allows you to override/customize some of its default options if you want.
  • Click Save.

Just like any other content block, you can position a Twitter Feed, Plain content block on the Left, Main (the default) or Right columns, have it stacked or side by side, apply an Autoformat to it, etc.

Twitter Feed, Plain content block

The Twitter Feed, Plain content block options


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

You now need to create a widget for your website’s Twitter feed

 June 20, 2013
by Flavio Mester

Inserting your Twitter feed into your website can be very useful. And previously, it was very easy to do, especially in YWD: you just copied your username into a “Twitter feed” content block, entered some customization options (if you wanted) and that was it.

However, Twitter now requires that you create a widget for your feed on their website first. I’m sure they must have some good reason for that, although personally I – and a lot of other people – found that a bit annoying.

In any case, I'm sorry to say that any Twitter feeds that you might have on your website aren’t working anymore. Hey, but the good news is that’s pretty easy to fix that, especially if you use Your Web Department as your website management system.

Adding a Twitter feed to a page of your website is now a 2-step process. Here’s all you need to do:

1. Create the widget on Twitter

  • While logged in to your Twitter account, select Settings on your Twitter page and then click on Widgets.
  • Click the Create new button.
  • Make any changes to your widget's configuration, and then click the Create widget button.
  • Beneath the Preview pane, you will see a field with the code supplied by Twitter for your widget. Copy it.
  • Save your widget on Twitter.

A Twitter feed2. Insert the widget into a page of your website

  • In YWD, navigate to the page where you'd like to insert the Twitter feed, click the Add content button and select Twitter Feed content type.
  • Paste the code for your widget that you just copied from Twitter into the field. Optionally, YWD allows you to override/customize some of Twitter's default options (which is kind of neat, actually).
  • Click Save.

That's it. Your Twitter feed – similar to the one you see here – will be embedded into your page.

Just like any other content type of content in YWD, you can position a Twitter Feed content block on the Left, Main (the default) or Right columns, have it stacked or side by side, apply an Autoformat to it, etc.

"But what if I just want to display a plain list of my tweets?" – you may ask

We're working on a separate Twitter tool that will allow you to do just that. It'll be available wthin the next couple of days to all YWD websites using the SmallBiz and TheWorks packages. We'll keep you posted, of course.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Why doesn’t my Facebook ‘Likes’ fit into the right column of my website anymore?

 June 18, 2013
by Flavio Mester

Facebook issueThe Facebook ‘Like Box’ plugin has a minimum width of 292 pixels (about 5 columns of faces). Although Facebook didn’t really enforce that in the past, they’re doing it now. So if you had a content block like the one you see on this screenshot on the right and it used fit it in the right column of your page in the past, it probably won’t fit anymore.

It's possible to increase the width of your right column in YWD Designer, but that may not be want you want.

So we’ve implemented a fix that solves that issue, but it may require your intervention. If you’re experiencing that problem, edit that Facebook 'Like' Box content block and clear any value from the “Width” field.

That's because from now on, if that field is empty, YWD will automatically expand the Facebook ‘Like Box’ plugin to fit the width of its container (e.g. the right column of a page) no matter how narrow or wide it is.

Facebook tool


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Fixed: "Normal" state of new stationary navigation style links

 June 14, 2013
by Flavio Mester

Menu links

There was an issue with the new "Stationary, full browser window width bar" navigation style in which the colour assigned to the "Normal" state of the text links was not being applied. It has been fixed.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Fixed: vertical spacing issue in HTML5

 June 12, 2013
by Flavio Mester

HTML5 – the latest standard of the HTML language, which is the code that Your Web Department generates – has introduced a little quirk in the way it displays images. If you stack one image on top of another, it adds a margin between them. Without resorting to geek talk, that’s because HTML5 treats images as if they’re like text in a way, and because of that the space above the hanging parts of a “y” or a “g” ends up being applied to images.

We have now implemented a global fix for all Your Web Department websites which automatically removes that gap.

HTML5 image gap

Before

HTML5 image gap fixed

Now


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

New social media meta tags for Facebook and Twitter now available for YWD websites for enhanced social media traffic

 June 12, 2013
by Flavio Mester

Facebook share

When people bookmark your pages, Your Web Department passes meta information about them to those services, which enhances their visibility and drives your social media traffic up. While we already had the ability to pass certain meta tags to Facebook, we have now implemented additional ones, as well as meta tags for Twitter (also known as “Twitter Cards”).

And no, this has nothing to do with the meta data NSA affair...

These meta tags are passed automatically. In typical YWD fashion, you don’t need to program anything. Here they are:

 

Facebook meta tags (Open Graph protocol)

 

Facebook

og:image

You can specify which image Facebook will display when people share your page, instead of having Facebook picking any image from your page almost randomly. You can set up a website-wide default image in Your Web Department in Designer / Social media & widgets / Forums, Facebook page, etc. Or you can pick the image for a specific page in the “Special” tab of the page properties. And you can also select which image to use for a blog post.

og:url
We’re now using what’s called the “canonical” URL for Facebook and Twitter sharing. This way, all your shares will go towards the same page. The URL is automatically generated by YWD.

og:title
The title of the page, also automatically generated by YWD, which will either use the name of the page in the navigation or, if you’ve entered a page title in the “SEO” tab of the page properties, will pass it to Facebook so it can use it.

og:description
If you’ve entered a description for the page in the “SEO” tab of the page properties, Facebook will use it.

fb:admins
If you have a page for your business on Facebook and want to get more data in Facebook Insights, then this enables you to connect your YWD website to your Facebook business page. In order to do that, inform your Facebook Numeric ID to YWD, by entering it in Design / Social media & widgets / Forums, Facebook page, etc. Your Facebook Numeric ID is a long string of numbers. If you don't know the Numeric ID of your Facebook business page – assuming you have one, of course – you can find it out in http://findmyfacebookid.com

 

Twitter meta tags (Twitter Cards)

 

Twitter

These are analogous to Facebook’s. The same image that you specify for a YWD website as a whole, a page or a blog post will be utilized by Twitter. And the other tags are generated automatically by YWD.

The meta tags for Twitter are:

  • twitter:image
  • twitter:url
  • twitter:title
  • twitter:description

Enjoy! And if you have any questions aboutany of  this let us know.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  
« 1 2 ... 21 22 23 24 25 »
 
Top of page