CSS classes

graftee is adding there own class attribute value to the body element, it has become to be able to various design used in the CSS selector.
You may need javascript, you possible use only CSS.

Example of use

Here are a simple example to customize New Years design.

.month1.day1 > header {
    background: url(new-years-header.png) center center repeat;
}

In this way, even without the use of PHP and javascript, you can change the design by day.

Week Starts classes

The set value of the General Settings in WordPress of the Week Starts On have been set in the class attribute value.
By using this class attribute value, you can change the holiday design in only CSS.

  • start-of-week-sun
  • start-of-week-mon
  • start-of-week-tue
  • start-of-week-wed
  • start-of-week-thurs
  • start-of-week-fri
  • start-of-week-sat

Using sidebar widget classes

Whether you are using the widget can be seen in the class attribute value.
By using this class attribute value, you can adjust the content width.

  • use-widget

Date classes

The date has become as can be seen with the class attribute value.
By using this class attribute value, you can change the design only anniversary.

Month classes

Attribute value of the month is as follows.
Following the string ‘month’, adds the 12 if December, adds the 1 if January.
In the case of an single digits, do not be in double digits add a 0.

  • month1
  • month2
  • month3
  • month4
  • month5
  • month6
  • month7
  • month8
  • month9
  • month10
  • month11
  • month12

Day classes

Attribute value of the day is as follows.
Following the string ‘day’, adds the 31 if 31 days, adds the 1 if one day.
In the case of an single digits, do not be in double digits add a 0.

  • day1
  • day2
  • day3
  • day4
  • day5
  • day6
  • day7
  • day8
  • day9
  • day10
  • day11
  • day12
  • day13
  • day14
  • day15
  • day16
  • day17
  • day18
  • day19
  • day20
  • day21
  • day22
  • day23
  • day24
  • day25
  • day26
  • day27
  • day28
  • day29
  • day30
  • day31

Week classes

Day of the week of the attribute value is as follows.
Following the string week, adds the 6 if Saturday, adds the 0 if Sunday.

  • week0(Sunday)
  • week1(Monday)
  • week2(Tuesday)
  • week3(Wednesday)
  • week4(Thursday)
  • week5(Friday)
  • week6(Saturday)

only comment page classes

Since graftee is to display the comments in the iframe element, there is a page for that.
Because the class attribute value is attached to the comment page,
You can set the design of the comment section.

  • comments-iframe
広告