• Home
  • Contact
  • FAQs
    • What is Webcomics.com?
    • Member Benefits
    • How To Post an Article or News Item
    • How to Post a Webcomic on the List
    • How to Post a Comic
    • Terms of Service
  • Forums
  • WebComics List
  • Benefits
    • Print Vendors: Get multiple quotes
    • Banner stand: Discount
    • Consultation discount
    • “How To Make Webcomics” book: discount
    • “Webcomics Handbook”: discount
    • ALL benefits
  • My Account
    • Welcome
    • What is Webcomics.com?
    • My Subscription
    • Join us!
  • Account
  • Membership List
Twitter Email RSS

Webcomics.com

How To Make WebComics

Webcomics Handbook

‹ Rethinking Webcomics: Scarcity Patreon: The content trade ›

Comic Easel shortcodes

You don’t need a subscription to read today’s post!

This is a re-post from the Webcomics.com archive. If you’ve ever been curious about the kind of information, tutorials and advice that you’ll get as part of your subscription to Webcomics.com, this is a good example.

If you’d like to join the site, you can get a 12-month subscription for $30 — or you can get a one-month Trial for $5 … with no obligation after your 30 days expire.  For less than three bucks a month, you can get a steady flow of information, tutorials and advice targeted towards your webcomic business — plus a private forum to discuss issues with other professionally minded cartoonists.

Comic Easel has added a handy shortcode to help you place your comic into a page or blog post — and it will be already linked to that comic’s page in your archive.

Here’s a quick tutorial…

Shortcodes are WordPress shortcuts. There’s really no magic to using them. You place the shortcode directly into the text of your blog, and — voila — the code does the rest. Don’t be alarmed, however — this isn’t a right-before-your-eyes thing. It will still look like code in the text. But when you hit Publish, it will appear.

The shortcode is [randcomic] That, alone will place a random comic from your archive into the text of the blog or page — already linked to the comic’s page in your archive. Better still, there are modifiers you can apply inside the shortcode:

• character=character-slug
• chapter=chapter-slug
• slug=post-name-slug (so it’s not random and it pulls up exact comic from the post name)
• size=thumbnail/large/full

Character

[randcomic character=diablo]

This shortcode would output any comic the Diablo character is tagged in.

Chapter

[randcomic chapter=the-big-nothing]

This shortcode would output any comic in the chapter the-big-nothing.

Size

[randcomic size=large]

This shortcode would output any comic as a full-sized image. If I had chosen “thumbnail,” it would have, of course, displayed a thumbnail.

Mix-and-Match

[randcomic character=diablo chapter=the-big-nothing]

This shortcode would output any comic the Diablo character is tagged in — and only in the chapter the-big-nothing.

[randcomic character=diablo chapter=the-big-nothing size=large]

This shortcode would output any comic the Diablo character is tagged in — and only in the chapter the-big-nothing. And the image would be large.

Slug

To me, the real power of this shortcode is the ability to place a specific comic from your archive. For example, let’s say I wanted to place the this comic from my archive:

Screen Shot 2014-10-21 at 8.40.50 PM

The slug of the post is “jungle-adventure”. So this shortcode will place the appropriate comic into the post:

[randcomic slug=jungle-adventure]

The next step is to simply add it into my post. I can do this in Visual mode.

Screen Shot 2014-10-21 at 8.47.30 PM

Simple as that. When I publish the post, it will pull the correct image and follow any modifiers I’ve applied. Let’s do a quick example, I’ll use that shortcode and I’ll use one with a modifier…

Screen Shot 2014-10-21 at 8.50.50 PM
I can check the results before publishing by hitting Preview…
Screen Shot 2014-10-21 at 8.51.45 PM

…and there’s my two images — the second of which follows the “large” modifier.

CSS

You can even fine-tune this with a little CSS. There’s a class you can assign —  .rand-comic-wrap {} — which is used to float it left, right center it, etc. The style has no defaults, so feel free to add to the style as needed.

Share this:

  • Facebook
  • Twitter
by Brad Guigar on October 21, 2016
Posted In: Archive Dive
└ Tags: Comic Easel
Comments available to logged in users only.



Recent comments

  • hpkomic on Managing commissions
  • Brad Guigar on Tweet and sour
  • Kulanah on Tweet and sour
  • Kulanah on Tweet and sour
  • Andrew Fraser on Tweet and sour

Search



Webcomics.com Poll

I design my comic specifically for smartphones and digital tablets.

  • Disagree (52%, 178 Votes)
  • Agree (48%, 166 Votes)

Total Voters: 344

Loading ... Loading ...
  • Polls Archive

Categories

  • Archive Dive
  • Articles
    • Advertising
    • Art
    • Business
    • Community
    • Conventions
    • Creativity
    • Crowdfunding
    • Digital publishing
    • Image prep
    • Lettering
    • Marketing / Social Media
    • Merchandise
    • Print publishing
    • Tech
    • Web site
      • Web Site Design
    • Writing
  • ComicLab
  • Edited and Ready
  • Events
  • Guest
  • Hot Seat critiques
  • Information
  • Interviews
  • Livestream Chat
  • Mail Bag
  • Member Benefits
  • Promos
  • Site News
  • Surviving Creativity
  • To-Do List
  • Uncategorized
  • Video
  • Webcomics Confidential
  • Webcomics Weekly
  • Webcomics.com Poll

Tags

ad revenue AdSense advertising Comic Easel comments composition contract copyright creativity exercise credit cards Crowdfunding digital lettering digital publishing Facebook holiday Humor IP KDP Kickstarter Kindle legal lettering line weight Longform comics Manga Studio merchandise NCS panels Patreon Promotion PulsePoint readers revenue SEO shipping social media Square taxes trademark Twitter typography Web design word balloons WordPress writing

Special Features

Just now, in the forum…

  • Navigation advice
  • Mixing First and Third Person Captions
  • Help with Toocheke
  • Label Printer for shipping
  • Patreon Merch

Recent Posts

  • Patreon Mistakes That Cost You Money
  • Pitfalls of paid advertising
  • ComicLab Ep 274 — Nobody does thumbnails
  • “Where should I post my comic?”
  • Using “house ads” to improve your revenue

Recent Replies

  • Brad Guigar on Navigation advice
  • Brad Guigar on Mixing First and Third Person Captions
  • Brad Guigar on Help with Toocheke
  • Brad Guigar on Label Printer for shipping
  • Andrew Fraser on Label Printer for shipping

Recent Topics

  • Navigation advice by KevinWayneW
  • Mixing First and Third Person Captions by jpactor
  • Help with Toocheke by Andrew Fraser
  • Label Printer for shipping by Andrew Fraser
  • Patreon Merch by Jaycee Knight

Recent Comments

  • hpkomic on Managing commissions
  • Brad Guigar on Tweet and sour
  • Kulanah on Tweet and sour
  • Kulanah on Tweet and sour
  • Andrew Fraser on Tweet and sour
  • My Subscription
  • Store
  • Terms of Service
  • Account
  • Membership List

©2007-2023 Webcomics.com | Powered by WordPress with ComicPress | Subscribe: RSS | Back to Top ↑