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
550
WordPress MeetUp Shimane #8 ブログのカスタマイズで大切にしたい精神
Yoshi
December 22, 2019
Tweet
Share
Other Decks in Design
See All in Design
Findyのプロデチームの 歩みとこれから
satty9556
0
310
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
500
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
660
decksh object reference
ajstarks
2
1.3k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
570
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
630
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
320
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
150
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.5k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Practical Orchestrator
shlominoach
190
11k
Designing Experiences People Love
moore
142
24k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Site-Speed That Sticks
csswizardry
12
900
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
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