管理画面のみため、変えてみよう。 @WBKyoto

Ed8d2de2f25c8004ea4e8758e1d35a7d?s=47 Hinaloe
April 24, 2016

管理画面のみため、変えてみよう。 @WBKyoto

WordPress の管理画面のCSSを色々弄って見た目を大幅に変えることに挑戦しようとして失敗する半LT風セッション

@ WordBench Kyoto 2016年04月号 管理画面再入門&Global Translation Day

Ed8d2de2f25c8004ea4e8758e1d35a7d?s=128

Hinaloe

April 24, 2016
Tweet

Transcript

  1.  8PSE#FODI,ZPUPXCLZPUP ؅ཧը໘ͷΈͨΊɺม͑ͯΈΑ͏ɻ 8PSE#FODI,ZPUP݄߸ !DPXPSLJOHTQBDFDPUP

  2.  8PSE#FODI,ZPUPXCLZPUP $"65*0/ ͜͜Ͱ঺հ͢Δ΋ͷΛ࣮Ҋ݅Ͱ࢖༻͢Δͷ͸ ةݥͳͷͰ΍Ί·͠ΐ͏ɻ ΫϥΠΞϯτ͕ࠞཚ͢ΔݪҼͰ͢

  3.  8PSE#FODI,ZPUPXCLZPUP ͩΕʁ 81೔ຊޠϑΥʔϥϜͰكʹճ౴ͯͨ͠ژ౎ͷֶੜ

  4.  8PSE#FODI,ZPUPXCLZPUP ͸͍ɻ

  5.  8PSE#FODI,ZPUPXCLZPUP ຊ୊

  6.  8PSE#FODI,ZPUPXCLZPUP ؅ཧը໘ͷΧελϚΠζ

  7.  8PSE#FODI,ZPUPXCLZPUP ࠓճ࿩͢͜ͱ w 8PSE1SFTTͷ؅ཧը໘ͷݟͨ໨ͷΧελϚΠζ $44తͳΞϨ

  8.  8PSE#FODI,ZPUPXCLZPUP ࿩͞ͳ͍͜ͱ w ؅ཧը໘ͷ ߲໨ɾίϯςϯπͷΧελϚΠζ w &YμογϡϘʔυɺϝχϡʔɺઃఆը໘ʜʜʜ

  9. Α͘ݟ֮͑ͷ͋Δ؅ཧը໘  8PSE#FODI,ZPUPXCLZPUP

  10. ࢲͷ؅ཧ͢Δ͋ΔαΠτͷ؅ཧը໘  8PSE#FODI,ZPUPXCLZPUP

  11.  8PSE#FODI,ZPUPXCLZPUP ͳΜ͔৭ʑҧ͏ Ұ෦่ΕͯΔ͠X

  12.  8PSE#FODI,ZPUPXCLZPUP ΧελϚΠζ͠Α͏

  13.  8PSE#FODI,ZPUPXCLZPUP $PEFYʹ͋Γ·͢ IUUQTXQEPDTPTEOKQ؅ཧը໘ςʔϚͷ࡞੒ ͨͩ͠ ೔ຊޠ൛͸͔ͳΓ ݹ͍

  14. બ୒ࢶ  8PSE#FODI,ZPUPXCLZPUP ࣗ෼Ͱ$44Λॻ͘ طଘͷςʔϚϓϥάΠϯΛೖΕΔ

  15. બ୒ࢶ  8PSE#FODI,ZPUPXCLZPUP ࣗ෼Ͱ$44Λॻ͘ طଘͷςʔϚϓϥάΠϯΛೖΕΔ

  16.  8PSE#FODI,ZPUPXCLZPUP ΍Γํ͑͞Θ͔Ε͹ා͘ͳ͍ ͨͩ͠$44ڪා঱ͷํ ཁ͢Δʹࣗ෼ ʹ͸ݫ͍͠

  17. ݁ہ͸ϓϥάΠϯͷ؅ཧը໘ͷ$44ॻ͘ͷͱಉ͡  8PSE#FODI,ZPUPXCLZPUP GVODUJPONZ@BENJO@UIFNF@TUZMF \  XQ@FORVFVF@TUZMF NZBENJOUIFNF QMVHJOT@VSM XQBENJODTT

    @@'*-&@@  ^ -PBEBTBENJOTDSFFOUIFNF BEE@BDUJPO BENJO@FORVFVF@TDSJQUT bNZ@BENJO@UIFNF@TUZMF`  -PBEBT-PHJO4DSFFO5IFNF BEE@BDUJPO MPHJO@FORVFVF@TDSJQUT NZ@BENJO@UIFNF@TUZMF 
  18.  8PSE#FODI,ZPUPXCLZPUP ͳΔ΄ͲΘ͔ΒΜ

  19. ͱΓ͋͑ͣ༻ҙ͢ΔϑΝΠϧ  8PSE#FODI,ZPUPXCLZPUP αϯϓϧͱͯ͠ 4BTTͱ͔4UZMVTͱ͔࢖͍͖ͨΌ࢖͑͹͍͍ΜͩΑ ˡXQDPOUFOUQMVHJOTʹ์ΓࠐΜͰ͓͘

  20. ϓϥάΠϯϔομ  8PSE#FODI,ZPUPXCLZPUP  QIQ   1MVHJO/BNFࢲͷ"ENJOςʔϚ  ࠷௿ݶ͔͠ॻ͍ͯͳ͍ͷͰ͓޷ΈͰ

  21.  8PSE#FODI,ZPUPXCLZPUP $44ΛಡΈࠐΉ w Ωʔϫʔυɿ w BEE@BDUJPOˡϑοΫΛֻ͚ΔͨΊͷؔ਺ w BENJO@FORVFVF@TDSJQUTˡ͜͜ʹϑοΫΛֻ͚Δ w

    XQ@FORVFVF@TUZMFˡ$44ΛಡΈ͜·ͤΔͱ͖ͷ͓໿ଋ
  22.  8PSE#FODI,ZPUPXCLZPUP $44ΛಡΈࠐΉ ͦΜͳ͜ͱઆ໌͢Δඞཁͳ͍ΑͶʂʢ

  23.  8PSE#FODI,ZPUPXCLZPUP $44ΛಡΈࠐΉ w ͱΓ͋͑ͣ͜Ε͚ͩॻ͍͓͚ͯ͹$44͸ಡΈࠐΊΔ͸ͣ BEE@BDUJPO BENJO@FORVFVF@TDSJQUT GVODUJPO \ XQ@FORVFVF@TUZMF

    NZBENJOUIFNF  QMVHJOT@VSM BENJOUIFNFDTT @@'*-&@@  ^ 
  24.  8PSE#FODI,ZPUPXCLZPUP ༗ޮԽ͢Δ w ͱΓ͋͑ͣ༗ޮԽ

  25.  8PSE#FODI,ZPUPXCLZPUP ༗ޮԽͨ͠ w ҧ͍͕Θ͔Βͳ͍
 ʢͦΕ΋ͦ͏ʣ

  26.  8PSE#FODI,ZPUPXCLZPUP ͱΓ͋͑ͣશ෦Ӆͥ͢ w ߟ͑Δͷ͕ΊΜͲ͔ͬͨ͘͞ͱ͔ݴ Θͳ͍ͷʂ

  27.  8PSE#FODI,ZPUPXCLZPUP ͱΓ͋͑ͣશ෦Ӆͥ͢

  28.  8PSE#FODI,ZPUPXCLZPUP ͱΓ͋͑ͣશ෦Ӆͥ͢ ਅͬനʜʜʹ͸ͳΒͳ͔͚ͬͨͲ ͱΓ͓̺͋͑ͣ

  29.  8PSE#FODI,ZPUPXCLZPUP /05& w ͪͳΈʹطଘͷελΠϧͱ͔ΠϯεϖΫλͰݟΔͱ͖͸
 XQDPOpHQIQͰEFGJOF 4$3*15@%&#6( USVF ͓ͯ͘͠ ͱḿΔ

  30.  8PSE#FODI,ZPUPXCLZPUP .&.0 ࣍ͷϖʔδҎ߱ͷαϯϓϧ͸$44ઃܭͱ͔࣮ࡍʹ࢖͍෺ʹ
 ͳΔ͔ͱ͔શ͘ߟ͑ͣʹॻ͍͍ͯΔͷͰྃ͝ঝ͍ͩ͘͞ શ෦ೖΓͷΧΦεͳ$44͸HJTUʹ IUUQTHJUJPWX7


  31.  8PSE#FODI,ZPUPXCLZPUP ྫ͑͹ɺαΠυϝχϡʔΛ޿͘ʜʜ

  32. ྫ͑͹ɺαΠυϝχϡʔΛ޿͘ʜʜ  8PSE#FODI,ZPUPXCLZPUP

  33. ྫ͑͹ɺαΠυϝχϡʔΛ޿͘ʜʜ  8PSE#FODI,ZPUPXCLZPUP

  34.  8PSE#FODI,ZPUPXCLZPUP ྫ͑͹ɺαΠυϝχϡʔͷΞΠίϯΛ จࣈͷӈʹʜʜ

  35. ྫ͑͹ɺαΠυϝχϡʔͷΞΠίϯΛจࣈͷӈʹʜʜ  8PSE#FODI,ZPUPXCLZPUP

  36. ྫ͑͹ɺαΠυϝχϡʔͷΞΠίϯΛจࣈͷӈʹʜʜ  8PSE#FODI,ZPUPXCLZPUP

  37.  8PSE#FODI,ZPUPXCLZPUP ྫ͑͹ɺ μογϡϘʔυΛؙ֯ʹ

  38. ྫ͑͹ɺμογϡϘʔυΛؙ֯ʹ  8PSE#FODI,ZPUPXCLZPUP

  39. ྫ͑͹ɺμογϡϘʔυΛؙ֯ʹ  8PSE#FODI,ZPUPXCLZPUP

  40.  8PSE#FODI,ZPUPXCLZPUP ྫ͑͹ɺ ઃఆͷೖྗ߲໨ΛແବʹσΧ͘

  41. ྫ͑͹ɺઃఆͷೖྗ߲໨ΛແବʹσΧ͘  8PSE#FODI,ZPUPXCLZPUP

  42. ྫ͑͹ɺઃఆͷೖྗ߲໨ΛແବʹσΧ͘  8PSE#FODI,ZPUPXCLZPUP

  43.  8PSE#FODI,ZPUPXCLZPUP ྫ͑͹ɺ μογϡϘʔυΛϑϥοτʹ

  44. ྫ͑͹ɺμογϡϘʔυΛϑϥοτʹ  8PSE#FODI,ZPUPXCLZPUP

  45. ྫ͑͹ɺμογϡϘʔυΛϑϥοτʹ  8PSE#FODI,ZPUPXCLZPUP

  46.  8PSE#FODI,ZPUPXCLZPUP ͳͲͳͲ

  47.  8PSE#FODI,ZPUPXCLZPUP ଟ෼ແݶʹ৭ʑ͍͡ΕΔͷͰ ΠϯεϖΫλͱ͔ΈͯΈΕ͹ૣ͍ͱࢥ͏ ࢲʹ͸σβΠϯͱ͔Α͘Θ͔Βͳ͍

  48.  8PSE#FODI,ZPUPXCLZPUP ΍ͬͺط੒඼Ͱ͍͍΍

  49. બ୒ࢶ  8PSE#FODI,ZPUPXCLZPUP ࣗ෼Ͱ$44Λॻ͘ طଘͷςʔϚϓϥάΠϯΛೖΕΔ

  50. બ୒ࢶ  8PSE#FODI,ZPUPXCLZPUP ࣗ෼Ͱ$44Λॻ͘ طଘͷςʔϚϓϥάΠϯΛೖΕΔ

  51.  8PSE#FODI,ZPUPXCLZPUP ςʔϚϓϥάΠϯΛೖΕΔ ެࣜσΟϨΫτϦͰλά
 ʮBENJOUIFNFʯͰݕࡧ͢Δͱ৭ʑ

  52.  8PSE#FODI,ZPUPXCLZPUP 4MBUF"ENJO5IFNF CZSZBOTPNNFST

  53.  8PSE#FODI,ZPUPXCLZPUP 'MBUUZ'MBU"ENJO5IFNF CZ.JDIFMF.BSSJ

  54.  8PSE#FODI,ZPUPXCLZPUP .BUFSJBM"ENJO5IFNF CZDINMO

  55.  8PSE#FODI,ZPUPXCLZPUP 6MUJNP81 XJUI3FEVY'SBNFXPSL CZ"SJOEP%VRVF

  56.  8PSE#FODI,ZPUPXCLZPUP 'BODZ"ENJO6* CZ#PC0SDIBSE

  57.  8PSE#FODI,ZPUPXCLZPUP ͳͲͳͲ

  58.  8PSE#FODI,ZPUPXCLZPUP ॴײ w શମతʹϑϥοτ΍ϚςϦΞϧσβΠϯʹ͢Δ ςʔϚϓϥάΠϯ͕ଟ͍

  59. ͦͷଞɿσϑΥϧτςʔϚͰ͍͍͚Ͳ
 ɹؾʹೖͬͨ഑৭͕ͳ͍  8PSE#FODI,ZPUPXCLZPUP

  60. "ENJO$PMPS4DIFNFS  8PSE#FODI,ZPUPXCLZPUP 8PSE1SFTTίΞνʔϜʹΑΔϓϥάΠϯ

  61. "ENJO$PMPS4DIFNFS  8PSE#FODI,ZPUPXCLZPUP

  62. "ENJO$PMPS4DIFNFS  8PSE#FODI,ZPUPXCLZPUP Կ΋ߟ͑ͣʹબΜͩΒ΋ͷ͘͢͝ݟʹ͍͘৭ʹͳͬͨʘ ?P? ʗ

  63.  8PSE#FODI,ZPUPXCLZPUP ࣗ෼Ͱબ͹ͳͯ͘΋  ΧϥʔεΩʔϚΛఏڙͯ͘͠ΕΔϓϥάΠϯ͸৭ʑ

  64. "ENJO$PMPS4DIFNFT  8PSE#FODI,ZPUPXCLZPUP ΍ͬͺΓίΞͷਓͱ͔͕ܞΘͬͯΔϓϥάΠϯ

  65. "OE0UIFSʜʜ  8PSE#FODI,ZPUPXCLZPUP

  66.  8PSE#FODI,ZPUPXCLZPUP Լखʹ͍͡ΔͷΞϨ w ࣗ෼ͰςΩτʔʹ࿔ͬͯ͠·͏ͷ͸୭ಘײ͕͍͢͝
 ɹࢲ͕खΛग़͢ʹ͸೥ૣ͔ͬͨΑ͏Ͱ͢ʜʜ w μογϡϘʔυͷελΠϧͱ͔͸ͪΌΜͱߟ͑ΒΕͯΔ
 ɹͪΌΜͱͨ͠σβΠφʔ͕ߟ͑ͯΔΜͰ͢ɺࢲ͕ఢ͏Θ͚͕ͳ͍

  67.  8PSE#FODI,ZPUPXCLZPUP ࿔Γա͗͸/( ׳Ε͍ͯΔਓͳΒͱʹ͔͘
 ԿΒ͔ͷࢀߟॻݟͳ͕Β͜Θ͝Θ࢖͏ਓͱ͔
 ઈରࠞཚ͢Δ͚ͩͳͷͰૉͷ··ೲ඼͠·͠ΐ͏

  68.  8PSE#FODI,ZPUPXCLZPUP ͓ΘΓʂ