![]() ![]() However it's feasible to write your own CSS code, if you want to change the appearance of these links. These only take effect on obfuscated links that remain inside the Obfuscator stack. This can include within paragraphs of text.īecause the generated link is now outside of Obfuscator, it is no longer possible to use any Obfuscator style settings. ![]() Paste the code (as plain text) wherever you want the obfuscated link shown. Switching into RW Preview Mode, you will now see a box containing a few lines of code. Then within the Obfuscator settings, check the Generate Code Snippet In Preview option. The only stipulation is that the page needs a. It's even possible to take the code and reuse it in an entirely different web design app. Generating links for use elsewhere in your websiteThis is a powerful feature of Obfuscator that can potentially save you a small fortune in needing to buy extra software! The stack can be used to generate obfuscated links that can be used elsewhere in your website (including footers, sidebars, banners and other page types). In this scenario, a screen reader will ignore the normal 'email me' label text and speak this short sentence instead. This can help improve website accessibility for people using assistive devices like screen readers. One such example could be to replace non-descriptive link labels like 'email me' with a more descriptive label of the link using ARIA attributes:Īria-label="Click here to open your email software and send me a new message" When the page is viewed normally or with the web developer tools, the same link should show how you entered it within the Obfuscator stack settings.Ĭustom attributes and accessibilityThese are entirely optional and Custom Link Attributes only need to be turned on for more advanced use cases. When you view the source code of your link, you should see it presented as HTML entities. Use the keyboard shortcut Alt + CMD + U to view the page source code. Firefox or any Chrome-based web browser is recommended. Testing the linkPreview the page in a normal web browser. ![]() Or you can generate custom buttons of your own. A choice of theme frameworks are provided including Bootstrap, Foundation and UIKit. However the Button Style box lets you restyle these links to look like buttons. ![]() By default, Obfuscator links are rendered as plain links.Prefix and Suffix boxes allow the setup of items like icons, that are not obfuscated. It is possible to obfuscate this label text too (using the supplied checkbox option) but this is not required for simple links that don't show contact details. This is the wording that end users of the website see to click. In the case of a clickable email address, you would type mailto: followed by the actual email address. The link you want to obfuscate goes into the box marked Link.If you switch into RW Preview Mode, you can copy these same links to modify and reuse them. For first time users, it is recommended you check the Show Some Suggested Links in the stack settings, to see some examples of links you can obfuscate.Restart RapidWeaver and add a copy of the stack to any Stacks page. SetupInstall the Obfuscator stack in the normal way. You can improve usability by changing the button label to reflect what the button will do. For example, you would probably find a Skype button only works if the Skype software is actually installed on a computer or device. Obviously some of these button configurations only work if a user has got particular software on their computer. Thereby Obfuscator has excellent theme compatibility.Įxamples:These are some examples of the Obfuscator stack configured to create links to some different services. There are also a couple of preset button styles built in for popular frontend frameworks including Bootstrap, Foundation and UIKit. The button containing the obfuscated link can be extensively styled to match your existing web design. The Obfuscator stack uses server-side PHP code to obfuscate this data which affords greater security (compared with client side methods like Javascript in the web browser). This stack will work equally as well for web links, Facetime, Skype, telephone and WhatsApp handles too. Obfuscator is not restricted to just email addresses. Page loading speed, accessibility and user privacy are never compromised. Unlike a CAPTCHA applied on a contact form, it won't annoy normal website users. But for a large majority of automated spam bots hunting for unprotected email addresses and contact handles, it'll work very effectively at thwarting them. It won't fix contact details that are already "in the open", actual people manually contacting you or prevent scrapping from really sophisticated tools. A stack like Obfuscator can help curb the problem of spam bots or other unwelcome automated tools stealing your contact details. ![]()
0 Comments
Leave a Reply. |