How to use the 3WW Article editing system!

Working with the 3WW Article editor!



We'll start with doing picture uploads. Main thing, is ignore the button down at the bottom that has the red X through it. You want to use the "Asset Manager" which is the small paper clip looking icon in the toolbar (Its in the darker gray shaded area in the screen shot above)



After you do that, you should be given a screen similar to this one. What I reccomend you do, is create a folder for each article your going to write. Makes organizing much better off. First click the home folder so that it is selected. Then right click on it, and click "Add new folder to home" as the picture shows. Type in a name for it, and save it. Now it should display in a "tree" view under Home. You can click on it, and it should load the empty folder for you. Now whatever you upload, will go into this folder and it'll be easy to organize and find.





Once you've navigated to your new folder you need to complete the following steps:

• Click the "Add Files" Button.
• Click on either "Computer" or "Web" (We'll be using Web, in this example. It is handy to grab existing images from other websites, or photo bucket accounts so that you dont need to download them back to your computer, and then back up to the forum)
• You can also click the "+" sign to increase the # of slots available. I've successfully uploaded more than 100 pictures at one time with this method. Makes things go FAST when your making articles!
• And then finally when you are done, click the "upload" button. Be patient, it will take a bit. The progress bar will indicate the progress of it, and will let you know when it is done.

And in this example, you'll see how to use the uploader for local files, on your computer.

• Click the "Add files" button.
• Click on "Select files" button.
• Using the file explorer, navigate to the files you want, and select them as shown in the picture (HINT: You can use the "Shift" key on your keyboard, and the up/down arrows to select a whole row of files to upload instead of just individually, if you'd like)
• Once the file(s) is selected, click the open button.

After your pictures have uploaded, you'll have a screen that looks like this. Notice that your images are now thumb-nailed and displayed at the bar in the bottom area. Next you need to:

• Check the boxes on the thumbnails
• Or alternatively, use the "select all" feature.
• Make sure you use the "Insert Inline" button, or your images will not display right in the articles.

NOTE: When you use multiple images in an article, a bug currently exists in version 4.01 of the vBulletin software where even if you only check ONE image in the above step, you get all of them back into the article editor. Simply backspace to delete the un-wanted ones, or select with the mouse and use the delete key.

In order to get more formatting options with your image, hover over it and wait for the small pencil icon to show up. Clicking on the pencil icon gives you another option screen with formatting features.

NOTE: If, after you complete the steps above and the image ISN"T inserted into the article as I have pictures, but is instead some code like then revert back to the very first image in this article. At the top of the tool bar, in the upper right hand corner is a gray shaded button, that is 2 "A"s. Click this button. This should switch the editor mode, and your code should now display the image as it is suppose to.




Once you've clicked on the pencil icon in the above step, you should be given this screen. Your options include:

• Alignment (Use this to make text wrap around images to the left, right or center of them. Checkout my Imperial Invasion & MIA: 1987's articles to see what I mean). In this article, the images are set for "center" alignment.
• Size (I typically use "medium" which is the size you see here. It is important that at least one feature other than full size be picked though, or the image will bleed off the side of the article margins and will not be entirely viewable.)
• Text entered into the "Description" field will shown when moused over the image inside the article, and isn't necessarily a caption or anything for the image when its clicked on.

And if you want to upload more pictures, go back to the asset manager, and repeat the above steps as necessary!


The text formatting is pretty self explanatory, its all mostly the same kind of stuff as in a normal document editor like Word. A few other things though.

• The Title, of your article. Be descriptive. Whatever you type up there will automatically go into the "SEO URL ALIAS" box underneath of it. This is to help search engines distinguish the page easier.
• Your publishing options on the right hand side. You can custom set a publish time and date.
• Make sure the radio button for "Published" is set to "yes" when you are ready for it to become public.
• Another important one is "Display full article in section page". The sections themselves will have to be setup by an Administrator (Contact them with how you would like your sections formatted and we will set them up) But this option allows you to write an overview, and have it display as a splash page in a section, with related articles under neath of it (Just like how the front page is, with my introduction and the newest articles underneath of it)
• You can set whether you would like to show ratings (allow voting on an article, which I normally keep turned off).
• And also turn a page view counter one (Totally up to you, I think they are neat to see how often an article/page is getting hit).

As I mentioned above, teh sections will have to be created by an administrator if there isn't anything in there currently that fits your content.

The Categories box, pretty much ignore that. We were going to use it, but its too complicated and redundant, no need for it.

The "Metadata Information" Box is also important.

• The "HTML