Submit Search
Upload
ビジュアルエディタ用CSSで 快適なブログライフを!
•
4 likes
•
1,255 views
Yuma Tahara
Follow
WordBench東京 7月『WordPressでのブログライティングとブログ運営』でのLT用スライド
Read less
Read more
Internet
Report
Share
Report
Share
1 of 20
Download now
Download to read offline
Recommended
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Mariko Imamura
Shifterミートアップ5/20でお話しした、WEBデザイナー目線での体験談です。
WordPress ユーザーのための a-blog cms 入門
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
同タイトルの連載でより具体的なカスタマイズ方法を解説しています。 https://www.a-blogcms.jp/series/wordpress/
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
masaaki komori
Yahoo! JAPAN 社内セミナー用資料
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
今やスタンダードになりつつあるレスポンシブサイトについて、その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。 また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。 授業では以下の様な内容についても語ります。 ・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか? ・Googleが推奨してるけど、それはなぜ? ・なぜレスポンシブサイトが必要なのか?
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
・なぜポートフォリオを作ったのか? ・実際の制作の流れ ・レビューをしてもらった ・デザイン編 ・コード(HTML)編 ・コード(CSS)編 まとめ
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
2014年9月27日に札幌市民ホール会議室で開催されたSaCSS Vol.58でお話させていただいた際のスライド資料です。 これは2013年9月に開催されたDirector's Nightでお話した内容の改訂版となります。(→ http://www.slideshare.net/yasufuminishiyama/directors-night-20130921 ) ここに記載されていることが全てではないですし、今現在、西山が全て出来ているかと問われるとおそらくNOですが、ご参考ください。
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
Recommended
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
PHPとか よくわかんない系WEBデザイナーでもShifterでいろいろできたよ!というお話。
Mariko Imamura
Shifterミートアップ5/20でお話しした、WEBデザイナー目線での体験談です。
WordPress ユーザーのための a-blog cms 入門
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
同タイトルの連載でより具体的なカスタマイズ方法を解説しています。 https://www.a-blogcms.jp/series/wordpress/
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
masaaki komori
Yahoo! JAPAN 社内セミナー用資料
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
今やスタンダードになりつつあるレスポンシブサイトについて、その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。 また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。 授業では以下の様な内容についても語ります。 ・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか? ・Googleが推奨してるけど、それはなぜ? ・なぜレスポンシブサイトが必要なのか?
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。
作品は誰かに見てもらった方が良い!
作品は誰かに見てもらった方が良い!
Makiko M
・なぜポートフォリオを作ったのか? ・実際の制作の流れ ・レビューをしてもらった ・デザイン編 ・コード(HTML)編 ・コード(CSS)編 まとめ
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
2014年9月27日に札幌市民ホール会議室で開催されたSaCSS Vol.58でお話させていただいた際のスライド資料です。 これは2013年9月に開催されたDirector's Nightでお話した内容の改訂版となります。(→ http://www.slideshare.net/yasufuminishiyama/directors-night-20130921 ) ここに記載されていることが全てではないですし、今現在、西山が全て出来ているかと問われるとおそらくNOですが、ご参考ください。
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
SaCSS(札幌コーディング勉強会) vol.79の資料に補足を加えたものです。CMSを利用したサイトを制作する前、デザイナー・コーダーへの発注・着手前にディレクション関連で確認すべきことを紹介しています。
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
2016年9月10日に開催された「a-blog cms in 札幌 x SaCSS」のエバンジェリストセッションのスライドです。a-blog cmsの投稿画面をカスタマイズする様々な方法を紹介しています。
Exbition slide
Exbition slide
koukiurao
進級展のプレゼンテーションスライドです。
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO
WDHA#038 CMS会議 AOMORI で紹介した a-blog cms 2.1を活用したWeb制作のワークフロー のスライドです。
Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第10回の資料です。a-blog cmsの重要な機能、モジュールとモジュールIDの詳細な解説と、モジュールの使い方のハンズオンを紹介しています。
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
Saori Yamada
WordBench Nagoya 6月の勉強会でお話させていただいた内容のスライドです。WordPressのカスタムフィールドのプラグインを使った投稿システムを紹介しました。
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Seiko Kuchida
2012年11月22日・23日に開催された「a-blog cms Training Camp 2012 Autumn」の発表スライドです。
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Makoto Nishimura
2017年1月28日の.NETラボ勉強会スライド資料です。
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第8回の資料です。Movable Typeを利用している人がa-blog cmsを利用する際に注意すべき点や、コンテンツによるレイアウト変更、マルチサイトを実装するハンズオンを紹介しています。
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
2016年2月27日に開催された、CMS Mix SAPPOROの基調講演スライドです。a-blog cms・baserCMS・concrete5・Drupal・Jimdo・Movable Type・WordPressの2016年時点の注目すべき点、注意すべき点をまとめています。
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第9回の資料です。WordPressを利用している人がa-blog cmsを利用する際に注意すべき点や、投稿タイプの代替としてのカテゴリーの解説、表示条件を管理画面から変更するハンズオンを紹介しています。
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
第一回html5minutesでお話しました。
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/409/room ーーーーーーーーーーーーーーーーーーーーーーー
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordBench京都9月号でkintoneの紹介で使った資料です。
Webデザイナーが考えておきたいSEOのこと
Webデザイナーが考えておきたいSEOのこと
Tetsuya Ihata
2015/9/12 名古屋で行われたWCAN 2015 Autumnのセッションの際に使用したスライドです。
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
Keisuke Imura
2013/5/27のCreators MeetUpで担当したセッションのスライドです。
More Related Content
What's hot
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
SaCSS(札幌コーディング勉強会) vol.79の資料に補足を加えたものです。CMSを利用したサイトを制作する前、デザイナー・コーダーへの発注・着手前にディレクション関連で確認すべきことを紹介しています。
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
2016年9月10日に開催された「a-blog cms in 札幌 x SaCSS」のエバンジェリストセッションのスライドです。a-blog cmsの投稿画面をカスタマイズする様々な方法を紹介しています。
Exbition slide
Exbition slide
koukiurao
進級展のプレゼンテーションスライドです。
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO
WDHA#038 CMS会議 AOMORI で紹介した a-blog cms 2.1を活用したWeb制作のワークフロー のスライドです。
Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第10回の資料です。a-blog cmsの重要な機能、モジュールとモジュールIDの詳細な解説と、モジュールの使い方のハンズオンを紹介しています。
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
Saori Yamada
WordBench Nagoya 6月の勉強会でお話させていただいた内容のスライドです。WordPressのカスタムフィールドのプラグインを使った投稿システムを紹介しました。
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Seiko Kuchida
2012年11月22日・23日に開催された「a-blog cms Training Camp 2012 Autumn」の発表スライドです。
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
Makoto Nishimura
2017年1月28日の.NETラボ勉強会スライド資料です。
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第8回の資料です。Movable Typeを利用している人がa-blog cmsを利用する際に注意すべき点や、コンテンツによるレイアウト変更、マルチサイトを実装するハンズオンを紹介しています。
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
2016年2月27日に開催された、CMS Mix SAPPOROの基調講演スライドです。a-blog cms・baserCMS・concrete5・Drupal・Jimdo・Movable Type・WordPressの2016年時点の注目すべき点、注意すべき点をまとめています。
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
a-sap(a-blog cms札幌勉強会)第9回の資料です。WordPressを利用している人がa-blog cmsを利用する際に注意すべき点や、投稿タイプの代替としてのカテゴリーの解説、表示条件を管理画面から変更するハンズオンを紹介しています。
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
第一回html5minutesでお話しました。
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/409/room ーーーーーーーーーーーーーーーーーーーーーーー
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordBench京都9月号でkintoneの紹介で使った資料です。
What's hot
(20)
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Exbition slide
Exbition slide
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
WooCommerce & AWS
WooCommerce & AWS
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Cssアニメーションとその制御
Cssアニメーションとその制御
a-sap10「モジュールIDを理解する」
a-sap10「モジュールIDを理解する」
カスタムフィールドで作るカンタン投稿システム
カスタムフィールドで作るカンタン投稿システム
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
a-sap09「a-blog cmsとWordPress」
a-sap09「a-blog cmsとWordPress」
WordPressってこんなCMS
WordPressってこんなCMS
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(基本編 使い方と便利な機能) 先生:池田 祐太郎
WordBench京都9月号
WordBench京都9月号
Similar to ビジュアルエディタ用CSSで 快適なブログライフを!
Webデザイナーが考えておきたいSEOのこと
Webデザイナーが考えておきたいSEOのこと
Tetsuya Ihata
2015/9/12 名古屋で行われたWCAN 2015 Autumnのセッションの際に使用したスライドです。
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
Keisuke Imura
2013/5/27のCreators MeetUpで担当したセッションのスライドです。
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
Webサービス ( システム ) におけるプロトタイピングをデザイナーの方々も是非やってみようというお話。
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
Hiroyuki Ogawa
ASP.NET MVC で Bootstrap
ASP.NET MVC で Bootstrap
Yoshitaka Seo
2013年6月15日(土) 技術ひろば.net 勉強会でのセッション
2015年のWebを考える
2015年のWebを考える
kenji goto
WordBench大分 第11回勉強会&忘年会 2015年のWebについて考える! 2014.11.29 @Alliance Social Share Office Beppu LT用に作ったスライドです。
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
Hidekazu Ishikawa
10/12 WordBench神戸 WordPressの学習方法
10/12 WordBench神戸 WordPressの学習方法
Yoshiko Sarakai
10/12 WordBench神戸 WordPressの学習方法
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
CSSフレームワークを代表するひとつ、Bootstrapを使ってみましょう。 2015/07/29 松戸WordPress部 第19回勉強会で発表した内容です。
まだやれる Css preprocesser
まだやれる Css preprocesser
Shinya Sugo
HTML5ビギナーズ in dots.
WEB開発はじめの一歩 講師:村井亮介様
WEB開発はじめの一歩 講師:村井亮介様
株式会社GreenHack
2015年10月18(日)開催資料
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
いまさら聞けないjQuery入門for デザイナー
いまさら聞けないjQuery入門for デザイナー
Asuka Kobayashi
2020年6月6日にオンラインで開催した 「いまさら聞けないjQuery入門for デザイナー」 #いまさらjQuery のスライド資料です。
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
ブログを始めたい、やっているけど長く続かないかたや、クライアント様に対してブログを書いていただくよう勧めているが、なかなか書いてくれない。 どうすれば書いてもらえるようになるかが見えない。といった話をよく伺います。 どうすればブログを長く続けられるのか。どうすれば読まれるブログになるのか。といったノウハウをお話させて頂きます。
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
Cherry Pie Web
2017年1月17日 WordBench京都
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
090801 ライトニングトーク
090801 ライトニングトーク
雄一郎 安倍
第45回PHP勉強会 bshe紹介ライトニングトーク http://events.php.gr.jp/events/show/82
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
どうしてこうなったWordPress
どうしてこうなったWordPress
Miho Ishida
実際にあった事例をもとに、より良いWordPressサイトの構築方法を考えてみる
Similar to ビジュアルエディタ用CSSで 快適なブログライフを!
(20)
Webデザイナーが考えておきたいSEOのこと
Webデザイナーが考えておきたいSEOのこと
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
ASP.NET MVC で Bootstrap
ASP.NET MVC で Bootstrap
2015年のWebを考える
2015年のWebを考える
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
10/12 WordBench神戸 WordPressの学習方法
10/12 WordBench神戸 WordPressの学習方法
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
Bootstrapを使ってみよう
Bootstrapを使ってみよう
まだやれる Css preprocesser
まだやれる Css preprocesser
WEB開発はじめの一歩 講師:村井亮介様
WEB開発はじめの一歩 講師:村井亮介様
WordPressってブログじゃないの?
WordPressってブログじゃないの?
いまさら聞けないjQuery入門for デザイナー
いまさら聞けないjQuery入門for デザイナー
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
concrete5を使って分かった、WordPressのいいところ
concrete5を使って分かった、WordPressのいいところ
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
090801 ライトニングトーク
090801 ライトニングトーク
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
どうしてこうなったWordPress
どうしてこうなったWordPress
ビジュアルエディタ用CSSで 快適なブログライフを!
1.
ビジュアルエディタ用CSSで 快適なブログライフを! 田原遊馬(タハラユウマ) 株式会社クロスキューブ 取締役 /
ディレクター / デザイナー facebook.com/BuccaneerBoogie @90zbear ビジュアルエディタ派のためのプチカスタム 2015.07.03 WordBench 東京 LT
2.
田原遊馬(たはらゆうま) 株式会社クロスキューブ 取締役 /
ディレクター / デザイナー facebook.com/BuccaneerBoogie @90zbear WordPressを含む、CMS案件を中心にお仕事してます。 WordPress / concrete5 / EC-CUBE / PHP / JavaScript / HTML / CSS / DTP & WEB Design and more!!
3.
ブログ、やってます。 90zbear.com 2014年4月∼
4.
ビジュアルエディタ 使ってますか?
5.
ぶっちゃけ お金をかけたくない!
6.
ブログの書きやすさとは何だ
7.
エディタ上の見た目=表示の見た目
8.
このブログを書くために
9.
こうしてみた
10.
このブログのここが
11.
ビジュアルエディタのここ
12.
投稿された記事のイメージがしやすいことは プレビューの回数を減らし、 「書く」ことに集中できる環境!
13.
見た目がイケてると テンションが上がる!
14.
しかも、結構お手軽です。
15.
functions.phpに追加 //テーマディレクトリ内のエディタ用スタイルシートのパスを設定 add_editor_style(‘css/editor-style.css'); function custom_editor_settings( $initArray
) { //ビジュアルエディタのtextareaのclass $initArray['body_class'] = 'editor-area'; return $initArray; } add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );
16.
指定したエディタ用スタイルシート 表示画面の記事部分に適応しているCSSをコピーして設定。 WordPressの標準エディタ準拠なら・・・ p, h1, h2,
h3, h4, h5, h6 strong, em, blockquote, del, ins, hr, img, ul, ol, li, code, img このへんを設定!
17.
指定したエディタ用スタイルシート ビジュアルエディタ全体にかかわる調整はこんな感じ。 body.mceContentBody { margin:15px; padding:20px; line-height:1.6em; font-size:12pt; color:#444; }
18.
sassとかcompassとか使っている人用 $pink: #F2295F; $blue: #3DBCD9; $lightgrey:
#F2F2F2; $yellow: #F2E422; @mixin postFormat{ h1{ position: relative; color: #fff; background: lighten($pink, 15%); font-size: 140%; font-weight: bold; margin: 0 0 0.5em -0.5em; padding: 0.3em 0.5em 0.3em 0.5em; @media (max-width: 640px) { padding: 0.3em 1.5em 0.3em 0.5em; } } (以下略) _posts.scss editor-style.scss @import "compass"; @import "posts"; body.mceContentBody { margin:15px; padding:20px; line-height:1.6em; font-size:12pt; color:#444; } @include postFormat; style.scss .postContent{ @include postFormat; } http://www.90zbear.com/web-develop/wordpress/871/ブログに書きました!
19.
ビジュアルエディタ用CSSで 快適なブログライフを!
20.
ご静聴ありがとうございました!
Download now