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
WordPress MeetUp Shimane #8 ブログのカスタマイズで大切にしたい精神
Search
Yoshi
December 22, 2019
Design
0
540
WordPress MeetUp Shimane #8 ブログのカスタマイズで大切にしたい精神
Yoshi
December 22, 2019
Tweet
Share
Other Decks in Design
See All in Design
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
150
Cyber Heart Online Book
hjnasby
0
120
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.5k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
minpaku-community-scrum-patterns
norinity1103
1
120
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
240
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
280
#Dubois Challenge 2025: Economics
ajstarks
0
130
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.7k
Balancing Empowerment & Direction
lara
1
390
Documentation Writing (for coders)
carmenintech
72
4.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Statistics for Hackers
jakevdp
799
220k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
How to Ace a Technical Interview
jacobian
277
23k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
4 Signs Your Business is Dying
shpigford
184
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Code Reviewing Like a Champion
maltzj
524
40k
Transcript
My points of customize - 3つの心得 -
Y&K Studio 発表の流れ ◇自己紹介 ◇カスタマイズで意識しているPoint ◇実例紹介 -フロントページ ーショートコードによるFAQ ーBox ◇まとめ
2
Y&K Studio 自己紹介 Yoshitaka ◇島根大学 大学院 M1 研究:ニューラルネットワークを用いた嘘検出 ◇最近はまっている物:FGO ◇趣味:カメラ
SONY α7iii ◇活動:松江水燈路 広報チーム ◇個人ブログ:Y&K Studio –二人三脚ブログ- 3
Y&K Studio Y&K Studio -二人三脚ブログ- 4 Kana 東京なう 担当:デザイン、構成 Yoshitaka
担当:運営、執筆 #yandkstudio #二人三脚ブログ
Y&K Studio 皆さんはカスタマイズするとき 何を意識しますか?
Y&K Studio カスタマイズで意識しているPOINT
Y&K Studio カスタマイズで意識しているPOINT 1.常に読者の目線を意識 ⇒ブログが読み辛くなってしまうことを防ぐ 2.自分が書きやすい環境を整える ⇒「書きやすさ」は更新頻度やブログの質に影響する 3.CSSはシンプルに ⇒CSSが多くなると、ページの読み込み速度が遅くなる
Y&K Studio 実例1 – フロントページ -
Y&K Studio フロントページ 読んで欲しい記事を最初に 持ってくる カードをホバーした時に 浮き上がるモーション ⇒クリック率を上げる
Y&K Studio 実例2 – ショートコード -
Y&K Studio ショートコード [faq] [faq_item question="質問です" answer="回答です"][/faq_item] [faq_item question="質問です" answer="回答です"][/faq_item]
[faq_item question="質問です" answer="回答です"][/faq_item] [/faq] 11 ショートコードとは…WordPressで使えるコードの呼び出し機能 ショートコードを書くことで 右(⇒)のようなデザインを呼び出せる
Y&K Studio 実例3 – Box -
Y&K Studio CSSをシンプルに書くコツ 13 全Box共通のCSS 各BoxのCSS 各BoxのCSS 各BoxのCSS 各BoxのCSS 各BoxのCSS
各BoxのCSS
Y&K Studio Page Speed Insights 14
Y&K Studio まとめ 15
Y&K Studio カスタマイズで意識しているPOINT 1.常に読者の目線を意識 ⇒ブログが読み辛くなってしまうことを防ぐ 2.自分が書きやすい環境を整える ⇒「書きやすさ」は更新頻度やブログの質に影響する 3.CSSはシンプルに ⇒CSSが多くなると、ページの読み込み速度が遅くなる
Y&K Studio Thank you for your attention!! 17