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
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
360
decksh object reference
ajstarks
2
1.3k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.9k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
360
maki setoguchi
maki_setoguchi
0
200
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
320
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
860
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
180
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.3k
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
110
root COMPANY DECK / We are hiring!
root_recruit
PRO
1
24k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
RailsConf 2023
tenderlove
30
1.2k
Rails Girls Zürich Keynote
gr2m
95
14k
Mobile First: as difficult as doing things right
swwweet
224
10k
Visualization
eitanlees
149
16k
4 Signs Your Business is Dying
shpigford
185
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Optimizing for Happiness
mojombo
379
70k
Site-Speed That Sticks
csswizardry
11
900
Being A Developer After 40
akosma
91
590k
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