WordPress & Foundation 勉強会＆新年会
オリジナルなテーマを作りたい。WordPress の機能を自在に駆使したい。・・・・ そんな野望を秘めた貴方に朗報であります！ UNDERSCORES （アンダースコアエス）: A Starter Theme for WordPress WordPress のデフォルトテーマなどに使われているスターター・テーマです。 このテーマにFoundationというCSSフレームワークを組み合わせます。 Foundation: Responsive Front-end Framework さらに！Sass 対応機能を使って、Foundation の魅力を引き出します！ 新春、Web クリエイターとしての可能性にチャレンジしてみませんか？ 勉強会の成果、または個別の課題を新年会で発表しましょう。 【要項】 日 時 2015年１月10日（土）１３：３０開始（開場 １３時； 終了 ２０時） 会 場 モバフ
はじめてのオリジナルテーマ制作
2. 自己紹介 • 名前 三柴 誠一郎（フリーランス） • 職業 Webのディレクションとかフロントエンドとか • 経歴 IT業界１７年 ⇒ ニート9ヶ月 ⇒ フリーランスもうすぐ1年 • 最近の気になる事 ベスト３ 猫がついてくる 鞄からおでん（ちくわ）が出てきた 5. スターターテーマ（_s）？ テンプレートファイルがあらかじめ用意されている！ スタイルシート オリジナルテーマを作るために必要な style.css【必須】テーマのスタイルシート rtl.css 右から左に記述する言語用のスタイルシート テーマ関数ファイルfunction.php【必須】WordPressの（管理画面・サイト）を制御します テンプレートファイル index.php【必須】メインテンプレート single.php 投稿ページの個別表示用テンプレート page.php 固定ページの個別表示用テンプレート 他に
ふりかえり：WordBench東京8月 「制作現場を爆速にする妙技をシェアしあおう！！」勉強会 | WordBench
ふりかえり：WordBench東京8月 「制作現場を爆速にする妙技をシェアしあおう！！」勉強会 8月 29, 2014 (東京) こんにちは！WordBench東京の管理人、もりやまです。 先日、「WordBench東京8月勉強会「制作現場を爆速にする妙技をシェアしあおう！！」が無事終了しました。 今月の司会＆モデレーターの、小林由憲さん（@AsbyuKobayashi）より、振り返りまとめをしていただきましたので、ぜひお読みください！ 目次： 開催概要 セッションリスト 振り返りブログリスト モデレーターをやってみた感想 お知らせ 開催概要：今月のテーマは「皆が持っている効率化方法をシェアしあおう！！」でした。 こんにちは！今月モデレーターを担当しました、小林由憲です。 今月の振り返りブログです。 お題 今月のお題は「作業の効率化」でした。 色んな方がそれぞれに効率化を行っている方法をシ
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。 Read less
第14回ゼロから始めるWordPress勉強会 〜「Sass+Bootstrap+_sでテーマを作ろう」＆質問大会！〜
内容 今回のゼロから始めるWordPress勉強会はSassとフレームワークを活用したテーマ作りを勉強します。 Sassって何？ Sassについてゼロから解説いたします（小林） Bootstrapって何？ Bootstrapはどのようなものか？どのように使うのかを解説（後藤） _sとフレームワークとSassを使ったテーマ作り _sとBootstrapとSassを使ってテーマを作成する（中畑） 質問大会 普段WordPressを使っていて分からないことであればどんなことでも質問してみましょう。 事前に質問を投稿してください！ このイベントに申込み後、当日までに、質問があれば以下のフォームから投稿しておいてください。 http://bit.ly/co-edo-2014-09-17 直接WordPressとは関係ない質問でも遠慮なくどうぞ（レンタルサーバー・独自ドメイン(URL)・PHPやJav
WordPress で Foundation を利用するときの JS と CSS の読み込み方法 - megane9988のブログ
CSS フレームワークの Foundation を利用して、WordPressのテーマを制作する際に関連のJSとCSSを読み込む方法です。ファイルを読み込む際には wp_enqueue_style と wp_enqueue_script を使います。読み込んだままだと app.js において [code lang=text] Uncaught TypeError: undefined is not a function [/code] というエラーが出てしまい正しく動作しないので、カプセル化を行います。 上 : app.jsのカプセル化 下 : JSとCSSを functions.php から読み込み 参考サイト WordPress で CSS、JavaScript ファイルを読み込む正しい方法 | EastCoder wordpressにjQueryのスクリプトを書くとUncaught
CSSコーディングで泣かないためのSassの基礎知識と10の利点
CSSコーディングで泣かないためのSassの基礎知識と10の利点：爆捗！ WordPressテーマ作成ショートカット（3）（1/3 ページ） 本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。今回は、現場におけるCSSコーディングの3つの問題点、Sassの概要と主な10の機能、SASS記法とSCSS記法の違いなどを紹介。 本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする環境構築や設定を行い、前回の「WordPr
知って得するSass/Compassのインストールと使い方
本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする設定の方法を紹介。第2回の「WordPress初心者でも爆捗！ テンプレートカスタマイズ＆ショートコード作成超入門」でWordPressの内部構造、Dreamweaverを使ったテンプレートのカスタマイズ方法、ショートコードの作り方について解説した。 第3回の「CSSコーディングで泣かないためのSassの基礎知識と10の利点」では、さらなる爆捗のために、「Sass」についての概略を解説した。第4回の前回「いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携」では、Sassの
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです！ | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013
今日から使える！ Sass/compass ゆるめ勉強会
Sass/Compass ってよく聞くけど、なんか難しそう…って思っている主にデザイナー/HTMLコーダーさん向けの勉強会で利用したスライドです。勉強会にはハンズオンが組み込まれていたので、この資料には中途半端な部分がありますがご容赦ください。 (*'-'*) 内容的には、基礎的な事柄を、活用のための考え方を添えて解説しています。何かの参考になれば幸いです。Read less
レスポンシブなテーマ作りを試すなら
あなた色に染めて、ホワイトです。はじめまして。 いや、わたくしデザイナーなのかディレクターなのかはその立場も曖昧にフリーとしていろいろな案件をやったりしている者です。大した者ではありません。「その時々でどんな色にも染まるのよ、ウフッ」というわけでホワイト。そんなことはどうでもいいですね、はい。以後、お見知りおきを。 さて、何やら巷では最近「レスポンシブなんちゃら」というのがたびたび話題に出てきますね。その是非はともかく、中小規模のサイトで予算も人員もあまりかけられない、でもスマートフォン対応もしなければならない、というような時があるのではないかと。今はなくても市場に出回る端末がどんどんスマートフォンになりつつあるわけで、いずれそういう時期がくるかもしれませんからね。いろんな手法を覚えておくのは良いことです。 といったところで、WordPressをベースにしてレスポンシブなんちゃらなテーマ作
Bones - An HTML5, Mobile-First starter theme for rapid WordPress development. - Themble
Bones – An HTML5, Mobile-First starter theme for rapid WordPress development. Bones is a WordPress Theme for DevelopersBuilt around the latest in Web Standards, Bones is a rock solid foundation to start any WordPress project. Keep what you need, remove what you don’t. It’s totally up to you. Bones is not a FrameworkFrameworks are great, but sometimes they make things more complicated than they nee
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでCSSプリプロセッサ入門