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
480
WordPress MeetUp Shimane #8 ブログのカスタマイズで大切にしたい精神
Yoshi
December 22, 2019
Tweet
Share
Other Decks in Design
See All in Design
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
1.1k
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
190
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
810
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
3
2.7k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
Making impact with your craft with sociotechnical design
xinyao
1
140
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
220
3 Reasons Why I Got into Design
harukausui
1
130
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
340
PdMというキャリアがUXデザイナーの頭によぎったとき スポットライトをどう当て、 どうシステムを見つめるか
muture
0
490
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5.4k
Designing UIs without a UI designer
strongeron
0
240
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
219
8.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Clear Off the Table
cherdarchuk
89
320k
Code Review Best Practice
trishagee
58
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
How to name files
jennybc
67
96k
What's in a price? How to price your products and services
michaelherold
239
11k
Visualization
eitanlees
139
14k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
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