Member Avatar for kanaku

I'm using a blog hosted at wordpress and for really long posts, I'm trying to add a "cut-the-crap" link to something else in the page.

Now for plain html, I know you can do it with this:

<p>Blah blah blah, this is going to be a long post so you can <a href="#endcrap">skip the crap</a> and avoid a lot of...
...
...
*very long text here*
...
...

<span id="endcrap">Still reading? Good.</span> blah blah blah again.

However, when I try to save the post, wordpress strips the id="endcrap" attributes in my posts. I've 'googled' this already and even in the wordpress forums, all the tutorials are on how to add a link to another post or a link off-site.

Since the blog is hosted at wordpress, I can't change the template so no php hacks allowed. =(

I'm hope someone can help me with this. Thanks!

  • 3 Contributors
  • 5 Replies
  • 157 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by sciamannikoo
Member Avatar for kanaku

*I'm hoping --- not I'm hope. =| sorry, I couldn't resist correcting myself.

Member Avatar for almostbob

Not familiar with wordpress, but try

lots of crap to follow or <a href='#endcrap'>go to the end of the crap</a>
blah blah
blah blah
blah blah
blah blah
<span name='endcrap'>Still reading</span>

works in another hosted site, they disallow id and allow name

or you could use the wordpress --more-- tag and style it so that the page references are
read the crap >> skip the crap

Member Avatar for kanaku

It doesn't work either. But thanks anyway. :)

I can't use the --more-- tag because I've already used it for something else. Funny how something as 'powerful' as wordpress can't even deal with in-page link tags... :D

I guess it can't be done. They're stripping it intentionally... I'll just install a wordpress blog on my site.

Member Avatar for kanaku

UPDATE:
Ay... for some reason, they disabled the id attribute for span and cite tags. But using a div tag should work.

For those who have the same problem, use this:

<p>Blah blah blah, this is going to be a long post so you can <a href="#endcrap">skip the crap</a> and avoid a lot of...
...
...
*very long text here*
...
...

<div id="endcrap">Still reading? Good.</div> blah blah blah again.
Member Avatar for sciamannikoo 
<p>Blah blah blah, this is going to be a long post so you can <a href="#endcrap">skip the crap</a> and avoid a lot of...
...
...
*very long text here*
...
...

<span id="endcrap">Still reading? Good.</span> blah blah blah again.

I would use an anchor/bookmark:

<a name="endcrap"></a>Still reading? Good. blah blah blah again.

This way worked since the first HTML pages where created ;)

From here

The name Attribute

When the name attribute is used, the <a> element defines a named anchor inside a HTML document.

Named anchor are not displayed in any special way. They are invisible to the reader.

Named anchor syntax:

<a name="label">Any content</a>

The link syntax to a named anchor:

<a href="#label">Any content</a>

The # in the href attribute defines a link to a named anchor.
Example:

A named anchor inside an HTML document:

<a name="tips">Useful Tips Section</a>

A link to the Useful Tips Section from the same document:

<a href="#tips">
Jump to the Useful Tips Section</a>

A link to the Useful Tips Section from another document:

<a href="http://www.w3schools.com/html_tutorial.htm#tips">
Jump to the Useful Tips Section</a>

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.