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
510
WordPress MeetUp Shimane #8 ブログのカスタマイズで大切にしたい精神
Yoshi
December 22, 2019
Tweet
Share
Other Decks in Design
See All in Design
Credence
lratmansunu
0
390
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.4k
portfolio
amitnk
1
120
Minuto de Aventura
olgastoryboard
0
170
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
130
Kim Possible - Crush
olgastoryboard
0
130
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.7k
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
690
ito aya|Portfolio2409
itoaya116
0
250
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
340
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
390
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
330
Featured
See All Featured
Thoughts on Productivity
jonyablonski
67
4.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Git: the NoSQL Database
bkeepers
PRO
427
64k
4 Signs Your Business is Dying
shpigford
180
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Teambox: Starting and Learning
jrom
132
8.7k
Optimizing for Happiness
mojombo
376
69k
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