Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS-Tricks is a Poster Child WordPress Site
Search
Chris Coyier
March 25, 2017
Technology
23k
10
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
CSS-Tricks is a Poster Child WordPress Site
A presentation about WordPress and stuff.
Chris Coyier
March 25, 2017
More Decks by Chris Coyier
See All by Chris Coyier
A Tale of Four Properties
chriscoyier
163
24k
The Wonderful World of SVG
chriscoyier
37
15k
CodePen & Education
chriscoyier
2
1.8k
SVG is for Everybody
chriscoyier
17
3.5k
How To Stay Up To Date on Web Stuff
chriscoyier
42
5.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
A Modern Web Designer's Workflow
chriscoyier
698
190k
What We Don't Know
chriscoyier
107
43k
Other Decks in Technology
See All in Technology
AI時代におけるエンジニアの新たな役割──FDEとクオリアの探求/登壇資料(戸井田 裕貴)
hacobu
PRO
0
560
テックカンファレンス三大ステークホルダーの文化人類学 ─ 違いを認め合う関係性作り
bash0c7
4
890
PHPで作って学ぶリアルタイム音声対話AIとWebSocket入門 by ムナカタ
munakata
0
170
AIエージェントがあれば技術書なんてすぐ書けるでしょ→無理でした
watany
6
1k
『モンスターストライク』 の運営に伴走する! データ民主化への 解析グループの3つのアプローチ
mixi_engineers
PRO
0
130
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
koheiyoshikawa
0
230
データ活用研修 問いの発見と仮説構築【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
470
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
140
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
300
なぜ、あなたのAPIは使われないのか? AX時代の設計原則、ガードレール、運用体制
yokawasa
1
240
MCPをつなげて作る組織横断のAIエージェント基盤
tsubakimoto_s
0
200
BigQuery を検索ソースとした AI Agent の作り方って 〇〇 通りあんねん
satohjohn
0
120
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
660
Believing is Seeing
oripsolob
1
170
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
430
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
The SEO identity crisis: Don't let AI make you average
varn
0
520
The Limits of Empathy - UXLibs8
cassininazir
1
550
Visualization
eitanlees
152
17k
Writing Fast Ruby
sferik
630
63k
Optimizing for Happiness
mojombo
378
71k
Transcript
is a Poster Child WordPress Site
By Sarah Drasner
Let us wax philosophic for a moment.
Websites are amazing. I really like writing things so that
other people can read them.
I could write something on a piece of paper and
hand it to you, but that's laaaame.
Writing into <textarea>s is way cooler.
<textarea> Even cooler than that is saving what you write
to a database and barfing it out onto a website. ❤
https:/ /urls-are-way.cool URL's are the best thing to happen to
the world in a hot while.
Anybody in the world with internet access can read what
I wrote!
I don't even have to directly tell people about it.
They can just find it.
That's straight up amazing. It makes all of us a
zillion times more resourceful.
So. Writing.
WordPress does writing and publishing super well. Word. Press. Get
it?
<textarea> Through the power of computer programming!!
WordPress is more like this tho. <textarea> (because it's also
a website.)
If I do my writing on a public website that
makes websites, how do I keep evil villains out?
This is perhaps one of the most important things about
WordPress. WordPress is an auth system.
Bad Guy Prevention System
If the only thing WordPress did was be a nice
auth system where you log in and leave secret messages for your friends, it would still be amazing.
But of course it does a billion more things. Like
have a front end where those things I type are published at URLs.
You know where I've written almost every single word I've
ever written on the internet?
Right there.
To be fair, it's a slightly nicer <textarea>
Some of my favorite features of this fancy textarea is
that it saves me from myself.
[has 833 tabs open in web browser] self: now seems
like a pretty good time to restart.
Oh shucks I forgot to save. NBDDDDD.
FINE. it's a lot nicer than a textarea.
None
Automatic revision saving is great. If you turn that off
because you think it makes your database slow I think you maybe probably have bigger problems maybe.
UNSOLICITED OPINIONATED HOT TIP For the long-term health and happiness
of your content: 1. Turn off Visual Editor 2. Write in Markdown
bye bye
yes plz (This is the awesome Jetpack plugin.)
I think WordPress kinda tries to fight the "WordPress is
for blogs" thing. But whatever, it's kind of a blog.
It's really good for blogging. Own it.
1. You log in 2. You type some crap 3.
You publish it 4. It looks fantastic at some URL 5. It barfs out to RSS 6. It's dated 7. It has an author
The WordPress auth system isn't just nice because it exists
and works, it offers levels of authentication that is wicked useful.
None
Author Archives
Chronological, Paginated Homepage
Sensical Taxonomies by Default Like Categories
and Tags
1. Featured images! 2. Title! 3. Relevant Dates! 4. Author!
5. Excerpt! 6. Tags!
But what if you wanna do really customized pages?
Custom Functionality Custom Styling
None
One-off page styling via the Art Direction plugin
Named Page Templates let you do whatever the heck you
want for any given Page.
None
None
None
✅ Posts are obviously useful. ✅ Pages are obviously useful.
But there is more! Custom Post Types means you really do whatever makes sense for your site.
None
None
None
None
Custom Post Types can even have their own sets of
taxonomies.
The real HOT CMS ACTION starts when you customize all
the content types with custom fields.
None
A recent thing I've done is to create a Custom
Post Type of "Guides", which are programatic groupings of other content.
None
None
None
Hand-crafted, hand-ordered groupings of content!
None
Surfacing (even evergreen) content is a challenge. Content recirculation is
a challenge.
With blog posts, pages, custom post types, customizations of the
admin, customizations of one-off pages.... Clearly, WordPress is a CMS.
None
Comments are yet another thing you get out of the
box with WordPress.
None
CSS-Tricks uses pretty much run-of-the-mill WordPress comments.
Owning the comments feels good to me. Having the comments
right in the HTML seems right.
To be fair the Disqus plugin is pretty well done,
also, because it syncs the comments to your DB.
I'm prettttty sure that's good for SEO. 85,888 Comments
Things I do in comments: • Markdown / Preview (Jetpack
+ Plugin) • Feature/Bury (Plugin) • Heavily moderated and encourage good behavior • Offer notifications for follow ups • Offer newsletter signup • One-level threading
None
Wishlist for WordPress Comments • Ajax • Attached to Users
• Log in from front end • Editability • Voting / Sorting
Forums! bbPress is pretty sweet
It's a plugin! You just activate it and now you
have public forums. That's extremely powerful.
None
As much as we publish, there is 10✕ more forums
content.
Congrats your a publisher and community manager now. Time for
dolla bills.
WordPress makes you a powerful publisher. You can build whatever
the heck you want.
• Primary Site Sponsor • Sponsored Content • BuySellAds Some
of the ways I monetize:
Another obvious way to make money is to sell things.
Members-only area of the site called The Lodge.
None
Restrict Content Pro makes it trivially easy to lock down
any content you like behind a paywall.
<?php if (rcp_is_active()) : ?> <p>This content is restricted to
active subscribers. Probably sign up form.</p> <?php } else { ?> Show video and stuff! <?php endif; ?>
None
None
Selling physical or digitally- delivered projects is nbd too.
None
None
None
None
What's bad about WordPress? 1. It's on you to keep
it performant and secure. 2. Default search is pretty bad.
The best thing about WordPress? The future looks bright. The
last 10 years have been pretty great, and it looks like the next 10 will be even better.
@chriscoyier