Stack not showing up in the Stack’s Library

Screen Shot 2016-04-18 at 8.47.16 AM

All of our stacks are compatible in RapidWeaver 5+ and Stacks 2+. If you have tried to install a stack (receiving the “Successfully installed” message) and does not show up in the Stack’s library, even when searching for it by name, this guide should help you figure out what went wrong and how to fix it.

1. Is the stack set to open with RaidWeaver?

For some reason, sometimes the stack can be set to open with the wrong application. To check if this is the issue, right click (or Ctrl + click) the downloaded stack file and select “Get Info” from the menu.

get info

In the field labeled “Open with:”, verify that it is set to open with the your latest version of RapidWeaver

open with field

After this, double click the stack to install it and open RapidWeaver to see if it has installed correctly. If that was not the issue, you will want to try manually installing the stack.

2. Manually Installing the stack.

To install the stack manually open your latest version of RapidWeaver. Inside of any Stacks page select a 3rd party stack in the Stack’s library window and click the gear icon. Then select “Show in Finder” which will open a new window that contains all your 3rd party stacks.

show in finder
Drag the stack you want to install into the window you opened and restart RapidWeaver. After you reopen RapidWeaver you should see the stack in your library.

 

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

How to publish to a test URL or export your project

When experiencing an issue or conflict and contacting 1LD support, providing a link to the page in question can prove to be quite helpful. That way our support team can troubleshoot the issue by inspecting the website. The two tutorials below will help you get our support team what they need to help. First we will need to figure out which method is best.

Do you have hosting and a domain name and your site already published?

If your website project is already live/published, we understand that you may not want to publish your changes just yet as you don’t want the issue to be live on your site. The tutorial “Publish to a test URL” below will show you how you can publish the page in question and set it to not be visible to your page visitors.

Do you have hosting and a domain name but have not published your site yet?

For those who are working on a brand new website project and are able to publish, the tutorial “Publish to a test URL” below can still prove to be helpful. You will not need to duplicate the page as mentioned in step 1.

Are you unable to publish your site?

For those who are working on a brand new website project and are unable to publish, whether it be because you have not obtained hosting/domain name or you are still learning, exporting your site is an alternative way to provide our support team with a way to inspect your website. To do so see the tutorial “Export Your Project” below.

Publish to a test URL

Step 1: Once you have opened your RapidWeaver project, duplicate the page in question by right clicking (or ctrl + clicking) on the page title.

Step 2: Then navigate to the page and open the Inspector > General Settings tab. Uncheck “Show in navigation” which will remove the page from your navigation menu.

Step 3: Now create a unique name to put in the “Folder” field (IE testing).

What this does is create a duplicated page that can only be found by typing the address into the browser’s address bar. After you publish your site, no wandering visitors will be able to see the page that is still in development. If you are unable to publish your site for some reason, exporting the project may be another option for troubleshooting, see the tutorial “Export Your Project” below.

Export Your Project

Step 1: Once you have opened your RapidWeaver project, click on File dropdown menu and select “Export Site…”

Export your project

Step 2: In the Export Site menu navigate to the location you want to save your exported website, in this example we will be saving it to the desktop.  Then Click the “New Folder” button in the bottom left corner and give the folder a name.

Create a new folder

Step 3: After clicking the “Create” button click on the “Export” button.

Step 4: Now locate your newly created exported project where ever you have saved it. Once you find it, right click (or ctrl + click) the folder and select “Compress” from the menu. This will create a compressed copy of your website that you can now add as an attachment to an email.

Compress Exported Website Folder

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Adding Geo Location Tags

Geo Location Tags (or Geo Tags) are topographical markers (longitude and latitude) that identify your website’s geographical location. In other words, they show search engines where your business is physically located. In my opinion they’re not extremely important when you compare them to directories like Google Places that actually require you to verify your existence at the location by mailing you a postcard with a code – obviously the search engines will trust those addresses more. However, they are still recommended by search engines and do play a role in the growing amount of online tools, such as mobile apps. In conclusion, they are simple to add and likely will only help, not hurt, your business if you rely on local customers.

If you were using a text editor the code for adding geo location tags is very simple. Finding the coordinates for the location used to be the tricky part, but with the abundance of geo tag generators even that process is easy now.

My favorite geo tag generator is MyGeoPosition.com due to its abundance of data, though there are plenty of others that are often far simpler to use. If you don’t like the one I use in this tutorial or are just curious google “Geo Tag Generators” and I’m sure you’ll find a large selection to choose from.

For this example I’ll use an office space in the town I live in. 3830 Watt Ave, Sacramento, CA 95821.

Office Geo Location

After hitting the “Calculate geodata” button you should see a familiar map, well… familiar when it’s your address of course. However, the data we’re looking for is in the Geo-Tag/-Metatags tab.

Geo-Tags Tab

Pretty much every thing in the first box is what we’ll use – so all those staring with <meta…>. Unfortunately we cannot just copy and paste the data, though it is very simple to enter into your RapidWeaver page at this point (you must enter it into every page you wish it to be displayed on, though I would argue you only need to for your home page).

Navigate to the Page Info > Header section in edit mode of RapidWeaver.

Page Info Header Section

For adding each meta tag hit the plus (+) button in the bottom right corner. The tag will already be assigned the meta tag portion so simply add the name and content separately (don’t worry about any of the tags or quotation marks).

Example Geo Tags

That’s it. If your’s looks pretty much like that then you’re finished. Pretty easy.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Consolidate CSS

What is it?

The Consolidate CSS option can be found in the RapidWeaver 6′s wrench icon on the top left in the Advanced option.

Consolidate CSS RW6

By default RapidWeaver will have this option checked.

If checked, all your CSS files will be combined into one CSS file. This works well with RapidWeaver’s built-in themes, but can cause major conflicts with 3rd party developers’ themes and more specifically with those that have a high amount of customization options.

Why Use It?

The only reason, that I’m aware of, why anyone would like to use this option is entirely due to Internet Explorer’s (IE) nonsensical structure. IE is the only mainstream browser on the market that limits the amount of stylesheets that can be called within a single webpage. If you go over that limit, 31 stylesheets, all additional stylesheets (32 and up) will be completely ignored.

Well of course Microsoft has realized this problem and made sure to stop such nonsense in the latest versions of IE (8, 9, 10) right? NOPE! They haven’t – nothing has changed in this area. If you’re running IE6 or IE10 you are still limited to this archaic rule. Will they ever fix this? My guess is no, because they don’t care at all about their customers or developers as you might have noticed, whether you follow any of their products (i.e. Windows, Office, XBox, etc).

I’ve heard argument regarding it saving on time, but I have not experienced this problem on any noticeable level personally.

My Recommendation

If you’re using a browsers with built-in code inspecting tools, my favorite being Chrome, you can right click and select “Inspect Element,” which will bring up a section in your browser where you can view the code. If you go to “Resources” you can see all the stylesheets that are being called in.

I recommend that if this amount is not over 31 then you really have no reason to consolidate CSS.

A majority of our themes often contain a stylesheet count somewhere in the lower 20′s. Why so many? RapidWeaver structure requires theme style options to work largely by alternating between different stylesheets – in other words, it’s just the way RapidWeaver is built.

What if I have a ton of Stacks on a page? No worries there – Stacks already consolidates the CSS, so if you have one stack or several there is still only a single stylesheet being called in.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Google Analytics Tracking

Google Analytics allows users to gain traffic insight that is both very powerful and completely free.

Step 1. Create a Google Analytics account

Visit the Google Analytics website and create a free account. If you haven’t created a gmail account before you will first need to create that as well, which you can optionally link with other e-mail accounts if you prefer (linking accounts will allow you to log in with an e-mail address that is not @gmail.com).

Step 2. Copy the Analytics Tracking Code

When you finish creating account you will given a tracking code. Highlight this code and copy it (CMD + C). The code should look something like the following:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">// <![CDATA[
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12345678-9']);
  _gaq.push(['_setDomainName', 'yourdomain.com']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
// ]]></script>

If you already created an Analytics account and need to find your tracking code again first go to your Account dashboard page. In the upper right will be an Admin button – click the Admin button.

Google Analytics Admin Button

Then select the “Tracking Info” in the middle column and then “Tracking Code” and your tracking script will appear.

Step 3. Paste the code in RapidWeaver

RapidWeaver 6 allows for the tracking code (including the script tags) to be inserted in the Stats section.

RapidWeaver 6 Stats

Paste (CMD + V) the tracking code in the top section next to Google Analytics. Include all the code (don’t leave out the <script> tags).

Step 4. Make sure your code is there

This step is not necessary, though I usually perform it in most cases. Load any page of your site in a browser, right click outside of any rich content (i.e. images, videos) and select “View Source” – then hit CMD + F to open a find/search option. Enter your account code… that’s the UA-12345678-9 number. If your code is on your page you should find this (You likely don’t need to enter the whole code either, UA-1 is probably enough).

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Hosting Your Website

When you website is ready to be launched you will need to host it on a server.

The typical process looks like the following:

  1. Purchase a Hosting Plan
  2. Publishing Your Website (FTP)

What to look for in a hosting service

Speed, Service & Pricing

Pricing is certainly the most eye catching portion of most hosting advertisements, but it is certainly no where near the most important. “If the price is low, but your website’s slow” then you may find yourself regretting the decision later on.

Unless you are very familiar with servers then I would also recommend getting a company that offers great service. Not just great in that they are polite, but one that is open 24/7, offers service with technically savvy workers (not just ones reading a script), has been around a while, and has a great inventory of tutorials.

Shared vs Dedicated

The average size of most RapidWeaver websites are not extremely large, in which case you would need a dedicated server. Most websites do not need a dedicated server and can be hosted on much less expensive Shared Servers. However, I find clients often want to start small and possible work their way big later on. For that reason I would recommend finding a company that offers both.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Setting & Activating Page Styles

To save time and secure consistency between page designs it is highly recommended to Create (or Save) custom styling for a pages, which you can later upload to any other created pages for them to inherit all styling done to that page, such as selections made throughout various theme settings. Fortunately, RapidWeaver makes this proces incredibly simple, though it is not immediately intuitive for most users who are new to RapidWeaver.

1. In the backend (where you add your pages’ content) open the Page Inspector (example) located in the top right:

inspector

2. Then select the Styles (example) button in the Page Inspectors pop up menu:

RapidWeaver 6 Inspector Page Styles

3. Navigate to the Gear icon. This will open a drop-down menu, which will give you the option to “Save Custom Style” which will prompt you for a name if selected – I recommend making a name that is semantically easy to identify later, such as the name of your site, which can be followed with the page that you set it with if you plan to have several different styles for your websites theme.

4. After this has been saved it will now show up in the drop-down menu when the Folder icon (example) located next to the Gear icon. With great ease you can create a new page and then select your existing custom styles and it will immediately be applied to your page.

Note that this will apply all theme customization options you select in the “Styles” section of the Page Inspector.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

RapidWeaver Search Engine Optimization (SEO)

This page is by no means an attempt to cover everything regarding Search Engine Optimization (SEO), but rather a quick glimpse into how Search Engine’s work and how to build your page to be optimized according to that.

Note, this topic is covered in much more detail in the Visual Guide to Learning RapidWeaver 5 (2nd Edition).

Topic Outline

  • Search Engines
  • What are keywords?
  • Rule of Prominence
  • Meta Content
  • URL Structure
  • Page Content
  • Sitemaps
  • Link Building

Search Engines

It is important to point out first and foremost that everything covered below is designed for SEO as specified by Google.

There are only 2 search engines competitively used on the internet currently: Google & Bing. Yahoo uses Bing and pretty much everyone else uses Google or both of them. Google is used approximately 98% of the time when I last heard the statistics, but then again I do know a good amount of people who use Yahoo… my neighbor even thinks that Yahoo is the internet lol.

Regardless, since Google really is setting the standard for Search Engines right now, optimizing for their search engine will likely result in success in Bing’s search engine as well (such has been the case in my experience too).

What are keywords?

Keywords are simply words or phrases that you believe people are entering into Google when they search for whatever service, product, or type of information you are providing.

Typically the process of choosing keywords, that your visitors will use to find your website, is a rather intuitive process. You can use additional tools to shed light on your assumptions and also give yourself solid numbers so you know what amount of traffic you are fighting for.

The tool I recommend using is Google’s Keyword Tool. This tool is designed for AdWords, though can be used for great keyword insight and is free.

Rule of Prominence

In my opinion, there is no magic trick to SEO, and even if there is at times Google’s entire mission as a Search Engine is to eliminate those. Over time they have come up with changes to their algorithm to refine their searches and also punish websites who attempt to use these short lived “tricks.”

One important rule is the “Rule of prominence,” which is about your most important content being found by users earlier rather than later. In other words, if you pace content at the bottom of a page it will not be considered as important as the information at the top of your page. In addition, as you build your Meta Content and Page Content, you will want to keep your top priority keywords at the beginning of the sentences.

To really simplify the understanding of this the best way to build your website is to build great content and place perfectly relevant keywords where users would like to see them. We’ll discuss this more in the section below titled Page Content.

Meta Content

Meta content is located in the backend of your website and not seen by visitors when they are on your page. This information does appear, however, when search engines display your pages content, though they often have algorithms that are not limited to these and will search your page to gather the content if you don’t have the mata content, or if the meta content is not as relevant to the search query as something else on your page.

Meta content is weighed more heavily than most other elements on your page for keyword placement, though must also match the content throughout your page and links pointing to your site from other places on the internet.

There are only 2 meta content sections you need to concern yourself with, which is theTitle and Description. Both can be easily edited in RapidWeaver’s backend (where you edit all your website’s content).

Character limit: The Title should be kept to 60 characters or less and the Description kept to around 150 characters or less.

1. To edit the Meta Content select the “Inspector” button in the top right of RapidWeaver’s backend (example):

inspector

2. This will bring up the Page Inspector pop-up. Select the “General” section in the top left of this screen (example):

RW6 Inspector General

3. Enter your Title in the “Browser Title” section (example), but limit what you enter to about 60 characters:

4. Then select the “Header” button in your Page Inspector (example):

RapidWeaver 6 Inspector Header

5. Press the “+” button in the bottom right corner and then enter the name “description” and whatever content you would like (example), though it should be limited to approximately 150 characters:

RW6 Inspector Header Meta Tags

URL Structure

The URL, which is the name of your links within your website, are very important for SEO and should be named semantically relevant to your site.

In RapidWeaver you can control your pages’ URL structure very easily. Much of the way you structure it is optional and at many times completely by preference, though the bottom line is to get your structure to have keywords in it and be relevant to the way your website is structured.

Editing the URL Structure:

1. Select the “Inspector” button in the top right of RapidWeaver’s backend (example):

inspector

2. This will bring up the Page Inspector pop-up. Select the “General” section in the top left of this screen (example):

RW6 Inspector General

3. By default RapidWeaver will assign your inner pages folders with naming that is worthless for SEO. Those folders should be renamed or removed all together. Note that you can only have one index.html file per folder, so I recommend having all main pages named after what they are about (example):

In that example I had a page left in the root directory shown by the “/” which will automatically be put in if you leave this field blank. In addition, I changed the file name to match what the page was about… it was a demo page as you might guess.

For purposes of example, let’s say I had 3 pages that were demos, I would likely give them the folder /demos/example1.html

Finally, keep in mind that the more words are contained in your URL’s the less the words further to the right will be weighed… their value is significantly lessened after the 4th word. Words should be separated by either underscores or hyphens.

Page Content

Remember, SEO is really about building great content. The keywords in your URLs and Meta Content should match much of what’s on your page. Though, don’t get spammy with it or you could just annoy your visitors and then you’ve defeated the purpose of all this.

Google identifies a lot of importance from your headers, or Header tag. These are the <h1> through <h6>. <h1> being the most important and 6 the least. Structure them as it pertains to the pages information. Typically this would mean there is the fewest amount of <H1> tags… I usually only use one myself. There can be more <h2> as they are sub-headers. <h3> tags would then be sub-sub-headers and so on.

In Stacks

RW6 Stacks 2 Headers

In RW6 Styled Text Page

RapidWeaver 6 Styled Text Page

Other ways, though not as significant, that Google loves are links and bold text, though remember that they love great content most of all :)

Sitemaps

Submitting sitemaps to search engines is an important task as it provides the “spiders” that crawl you website guidance in the overall structure or architecture of your website (pages and inner pages).

Fortunately, RapidWeaver builds a sitemap for you automatically as you build your website. This file is generated in the root directory of your website as a file called sitemap.xml.

You can use Google’s Webmaster Tools to identify the file. You can open an account for Free and verify it through several different methods – the easiest is to open a Google Analytics account under the same account.

In Google Webmaster Tools navigate to Optimization > Sitemaps and in the top right click the button “Add/Test Sitemap” – from there you need to enter the location of your sitemap. Since your sitemap is in your root directory automatically you merely enter the name of the file… sitemap.xml.

Link Building

Though this topic is last it is probably the most important, but the least I have to say about.

More important than what you say about yourself in your own website is what the rest of the internet says about your website. Build a great website that offers the best at whatever it does – the rest will come in time.

As you build your site go become involved in other websites that are relevant to your business. Join forums, join blog site discussions, list your business in business directories, etc. Love your business on the internet as you hope everyone else will.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Publishing your website in RapidWeaver

You will need to obtain information before you can upload your site, which includes (1) your server, (2) your username, and (3) your password. If you don’t know these then please contact your host for assistance.

Uploading Your Website in RapidWeaver

The first time you upload your website, or as RapidWeaver calls it “publish” your website, you have to enter information to tell RapidWeaver where your website files are going to be uploaded to. After that, every time you hit publish you will not be shown the information, but if you wish to change it press Command + K.

1. Click the “Publish” button located in the top right of RapidWeaver’s backend (where you edit your websites content).

Publish RapidWeaver Themes - Upload FTP

In RapidWeaver 6 this image is replaced by the following:

Publishing in RW 6

Note that the CMD + K function can be found as an option in the drop-down as well.

This button will open the screenshot image below where you will need to add your login information. You can test the connection with the “Test Connection” button.

Many hosts will also require a path to be put in an inner folder, such as /www/ or /public_html/ or /html/

Publishing Details

Hit publish when you are finished and go have a snack or something because the first upload can take a while. Don’t worry though, future uploads will only upload the files you have edited and not the whole site over again.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Creating & Using Snippets

Snippets are code that can be saved in the Edit Mode of RapidWeaver and pasted into pages with an easy drag-and-drop functionality. These codes typically include, though are not limited to, HTML, CSS, JavaScript and jQuery. The code can have functionality purposed for a relationship between it and another addon, or the code can work independently regardless of any addon. When snippets are created they are stored as files and double-clicking new snippet files will automatically install them into RapidWeaver.

1LD Snippets

1. Locating Snippets Section

Click the Snippets button (example) at the top center of RapidWeaver’s backend (where you edit page content):

RapidWeaver 6 Snippets

This will open a pop-up menu (example) displaying any existing Snippets you have:

RapidWeaver 6 All Snippets

In this example you can see 2 snippets I have: Google Analytics code and Extra Content, which I use for one of my themes.

2. Adding Snippets

To insert this snippet I can simply drag and drop the code into any available section of my website. The section you drop the code into will at times be specific to the coding. Then drag and drop the code on your page or inside of your custom code section in the Inspector (as shown in the screenshot below).

RapidWeaver 6 JavaScript Section

3. Editing Snippets

In the bottom left corner of the Snippets pop-up menu you will notice 2 icons. The one shaped like a Gear will provide 3 options (example) when clicked on:

RW6 Snippets Gear Drop Down

“Delete Snippet…” is self explanatory. “Edit Snippet…” re-open the menu that appears when you first create a Snippet and can be used to make changes.

“Reveal in Finder…” opens the Folder where the Snippets are saved as files. This is handy to note as you can install Snippets as files as well (simply place the file in this folder, though it must be created as the same format of course).

4. Creating Snippets

The icon next to the gear, the “+” icon, will create a pop-up menu when clicked (example):

RW6 Create New Snippet

Simply name the Snippet, though I recommend creating a name that is semantically easy to identify for later use (such as the basic function and if it is used within any particular addon).

Then insert the code in the code section. After the snippet is saved it will appear in your Snippets list and can be dragged and dropped into any available RapidWeaver sections in the backend.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Project Files

RapidWeaver 6 saves your project files as .rw6 files. It’s a best practice (aka my recommendation) to store all sandwich files in the same location.

I’ve accidentally saved my project files in the wrong spot a few times… one time in my trashcan. RapidWeaver does not forever remember the folder where you’re saving all your files, so often if you work in another folder and then start a new project RapidWeaver will go there when you first save and if you type and click buttons faster than your mind sometimes you’ll accidentally save your file in the wrong spot.

Apple’s Finder has a built in search section, though it is not the friendliest and typically limited by the folder or sections you are already in. Instead use Apple’s spotlight search and you’ll easily locate your files.

If you cannot remember what you named your file or want to locate all your RapidWeaver project files then type in “sandwich” and they will all appear.

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS

Ignore Formatting

RapidWeaver has a built-in auto-formatting feature. The feature if very handy to have, though conflicts with HTML code occasionally and in a way that is a little tricky to spot for new users.

unformatted quotationsWhat will occur is the quotation marks will format and style themselves to look nice for text. They will appear curly on closer inspection instead of straight up and down. This will cause a conflict and the HTML tag will break. The example quotation mark in the corner is the example that you want – straight not curly.

Unfortunately to identify this you’ll either have to have great eyesight, get very close to the screen, or use CMD + + to enlarge the text after you’ve first highlighted it. Remember how many times you have clicked the CMD + + command because you’ll then have to CMD + – that many times to return it to size if you want your Edit Mode layout to look pretty.

To protect this from occurring highlight all HTML and use the built-in Ignore Formatting command CMD + . That will not always protect, but has helped me in many occasions and is a best practice I always recommend.

If that does not fix the issue then it’s most likely your HTML code is being typed incorrectly or there is a conflicting code that is interfering (such as CSS, JavaScript or jQuery).

Please follow & like us :)
Follow by Email
Facebook
Twitter
INSTAGRAM
Google+
http://onelittledesigner.com/rapidweaver/topics/rapidweaver-101/">
RSS