[B! scss][wordpress] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

scssã¨wordpressã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

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
bitgleams 2014/07/21
sass

åŸºæœ¬

wordpress

tutorial

css

themes

scss

coding
ãƒªãƒ³ã‚¯
WordPressã§CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µå…¥é–€
32. .site-header { background-color: #000; //max-width: 1260px; position: relative; width: 100%; z-index: 4; } .header-main { min-height: 48px; //padding: 0 10px; } ä¸€è¡Œã‚³ãƒ¡ãƒ³ãƒˆ åœ°å‘³ã«ä¾¿åˆ© 34. /* Theme Name: Hoge Theme Theme URI: http://hoge.com/ Author: hogeyama */ ! @import url('common.css'); @import url('module.css'); @import url('style.css'); @import url('print.css'); ãƒ€ãƒ¡ã‚ˆã€œ ãƒ€ãƒ¡ãƒ€ãƒ¡ ã¨ã‚ã‚‹ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«
bitgleams 2014/04/01
slides

sass

wordpress

css

css3

scss

preproceccer

web

dev

***
ãƒªãƒ³ã‚¯
ã¼ããŒã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®WordPressãƒ†ãƒ¼ãƒžé–‹ç™ºã®ã¯ã˜ã‚ã‹ãŸ | é«˜æ©‹æ–‡æ¨¹.com | ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ã“ã®æŠ•ç¨¿ã¯ 12å¹´åŠ å‰ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã„ã¾ã§ã¯ã‚‚ã†ç„¡åŠ¹ã«ãªã£ãŸå†…å®¹ã‚’å«ã‚“ã§ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã“ã¨ã‚’ã”äº†æ‰¿ãã ã•ã„ã€‚ ãã‚ãã‚ãƒ†ãƒ¼ãƒžã‚’å¤‰æ›´ã—ã‚ˆã†ã‹ãªã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€ãã®å‰æº–å‚™ã«ã¤ã„ã¦ã€‚ã¼ãã®ã‚µã‚¤ãƒˆã®WordPressãƒ†ãƒ¼ãƒžã¯åãƒ†ãƒ¼ãƒžã¨ã‹æ—¢å˜ãƒ†ãƒ¼ãƒžã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã¯ãªãã€å®Œå…¨ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒãªã‚“ã§ã™ãŒã€ãã®éš›ã«ã€Œã“ã‚“ãªé¢¨ã«ä½œã‚Šå§‹ã‚ã¦ã‚‹ã‚ˆã€ã¨ã„ã†å•ã‚ãšèªžã‚Šã§ã™ã€‚ 1. é–‹ç™ºç’°å¢ƒ é–‹ç™ºãƒ„ãƒ¼ãƒ«ã¯æœ€è¿‘Netbeansã‚’ä½¿ã£ã¦ã¾ã™ã€‚Netbeansã¯WordPressã®ãƒ«ãƒ¼ãƒˆãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æŒ‡å®šã™ã‚‹ã¨ã€é–¢æ•°ãŒäºˆæ¸¬å¤‰æ›ã§å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã‚°ãƒãƒ¼ãƒãƒ«é–¢æ•°ãªã‚“ã¦å…¨éƒ¨è¦šãˆã¦ã„ã‚‰ã‚Œãªã„ã®ã§ã€ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ãã€‚å¤‰ãªã‚¿ã‚¤ãƒ—ãƒŸã‚¹ã‚’ãªãã™ãŸã‚ã«ã‚‚ã€äºˆæ¸¬å¤‰æ›æ©Ÿèƒ½ã¯çµ¶å¯¾ä½¿ã†ã‚ˆã†ã«ã—ãŸæ–¹ãŒã„ã„ã¨æ€ã„ã¾ã™ã€‚DreamWeaverã‚‚CS5ãã‚‰ã„ã‹ã‚‰ã“ã†ã„ã†æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚ŒãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ NetBeansã®äºˆæ¸¬
bitgleams 2012/05/04
2012å¹´5æœˆ2æ—¥è¨˜äº‹

tips

dev

wordpress

themes

scss

tools

workflow

php

***
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

scssã¨wordpressã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

scssã¨wordpressã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ³£ã‹ãªã„ãŸã‚ã®Sassã®åŸºç¤ŽçŸ¥è­˜ã¨10ã®åˆ©ç‚¹

WordPressã§CSSãƒ—ãƒªãƒ—ãƒ­ã‚»ãƒƒã‚µå…¥é–€

ã¼ããŒã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®WordPressãƒ†ãƒ¼ãƒžé–‹ç™ºã®ã¯ã˜ã‚ã‹ãŸ | é«˜æ©‹æ–‡æ¨¹.com | ãƒ—ãƒ­ã‚°ãƒ©ãƒŸãƒ³ã‚°

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (16)

scssã¨wordpressã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ³£ã‹ãªã„ãŸã‚ã®Sassã®åŸºç¤ŽçŸ¥è˜ã¨10ã®åˆ©ç‚¹

WordPressã§CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µå…¥é–€

ã¼ããŒã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®WordPressãƒ†ãƒ¼ãƒžé–‹ç™ºã®ã¯ã˜ã‚ã‹ãŸ | é«˜æ©‹æ–‡æ¨¹.com | ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹