ワードプレス

カラーネーム140色

CSS3で指定出来る140色をまとめてみました。
カラーネームでの指定はブラウザによっては表示出来ないものもありますので、基本的には数値で指定をします。

white
#FFFFFF
255 255 255		 whitesmoke
#F5F5F5
245 245 245		 ghostwhite
#F8F8FF
248 248 255		 aliceblue
#F0F8FF
240 248 255		 lavendar
#E6E6FA
230 230 250
azure
#F0FFFF
240 255 255		 lightcyan
#E0FFFF
224 255 255		 mintcream
#F5FFFA
245 255 250		 honeydew
#F0FFF0
240 255 240		 ivory
#FFFFF0
255 255 240
beige
#F5F5DC
245 245 220		 lightyellow
#FFFFE0
255 255 224		 lightgoldenrodyellow
#FAFAD2
250 250 210		 lemonchiffon
#FFFACD
255 250 205		 floralwhite
#FFFAF0
255 250 240
oldlace
#FDF5E6
253 245 230		 cornsilk
#FFF8DC
255 248 220		 papayawhite
#FFEFD5
255 239 213		 blanchedalmond
#FFEBCD
255 235 205		 bisque
#FFE4C4
255 228 196
snow
#FFFAFA
255 250 250		 linen
#FAF0E6
250 240 230		 antiquewhite
#FAEBD7
250 235 215		 seashell
#FFF5EE
255 245 238		 lavenderblush
#FFF0F5
255 240 245
mistyrose
#FFE4E1
255 228 225		 gainsboro
#DCDCDC
220 220 220		 lightgray
#D3D3D3
211 211 211		 lightsteelblue
#B0C4DE
176 196 222		 lightblue
#ADD8E6
173 216 230
lightskyblue
#87CEFA
135 206 250		 powderblue
#B0E0E6
176 224 230		 paleturquoise
#AFEEEE
175 238 238		 skyblue
#87CEEB
135 206 235		 mediumaquamarine
#66CDAA
102 205 170
aquamarine
#7FFFD4
127 255 212		 palegreen
#98FB98
152 251 152		 lightgreen
#90EE90
144 238 144		 khaki
#F0E68C
240 230 140		 palegoldenrod
#EEE8AA
238 232 170
moccasin
#FFE4B5
255 228 181		 navajowhite
#FFDEAD
255 222 173		 peachpuff
#FFDAB9
255 218 185		 wheat
#F5DEB3
245 222 179		 pink
#FFC0CB
255 192 203
lightpink
#FFB6C1
255 182 193		 thistle
#D8BFD8
216 191 216		 plum
#DDA0DD
221 160 221		 silver
#C0C0C0
192 192 192		 darkgray
#A9A9A9
169 169 169
lightslategray
#778899
119 136 153		 slategray
#708090
112 128 144		 slateblue
#6A5ACD
106 90 205		 steelblue
#4682B4
70 130 180		 mediumslateblue
#7B68EE
123 104 238
royalblue
#4169E1
65 105 225		 blue
#0000FF
0 0 255		 dodgerblue
#1E90FF
30 144 255		 cornflowerblue
#6495ED
100 149 237		 deepskyblue
#00BFFF
0 191 255
cyan
#00FFFF
0 255 255		 aqua
#00FFFF
0 255 255		 turquoise
#40E0D0
64 224 208		 mediumturquoise
#48D1CC
72 209 204		 darkturquoise
#00CED1
0 206 209
lightseagreen
#20B2AA
32 178 170		 mediumspringgreen
#00FA9A
0 250 154		 springgreen
#00FF7F
0 255 127		 lime
#00FF00
0 255 0		 limegreen
#32CD32
50 205 50
yellowgreen
#9ACD32
154 205 50		 lawngreen
#7CFC00
124 252 0		 chartreuse
#7FFF00
127 255 0		 greenyellow
#ADFF2F
173 255 47		 yellow
#FFFF00
255 255 0
gold
#FFD700
255 215 0		 orange
#FFA500
255 165 0		 darkorange
#FF8C00
255 140 0		 goldenrod
#DAA520
218 165 32		 burlywood
#DEB887
222 184 135
tan
#D2B48C
210 180 140		 sandybrown
#F4A460
244 164 96		 darksalmon
#E9967A
233 150 122		 lightcoral
#F08080
240 128 128		 salmon
#FA8072
250 128 114
lightsalmon
#FFA07A
255 160 122		 coral
#FF7F50
255 127 80		 tomato
#FF6347
255 99 71		 orangered
#FF4500
255 69 0		 red
#FF0000
255 0 0
deeppink
#FF1493
255 20 147		 hotpink
#FF69B4
255 105 180		 palevioletred
#DB7093
219 112 147		 violet
#EE82EE
238 130 238		 orchid
#DA70D6
218 112 214
magenta
#FF00FF
255 0 255		 fuchsia
#FF00FF
255 0 255		 mediumorchid
#BA55D3
186 85 211		 darkorchid
#9932CC
153 50 204		 darkviolet
#9400D3
148 0 211
blueviolet
#8A2BE2
138 43 226		 mediumpurple
#9370DB
147 112 219		 gray
#808080
128 128 128		 mediumblue
#0000CD
0 0 205		 darkcyan
#008B8B
0 139 139
cadetblue
#5F9EA0
95 158 160		 darkseagreen
#8FBC8F
143 188 143		 mediumseagreen
#3CB371
60 179 113		 teal
#008080
0 128 128		 forestgreen
#228B22
34 139 34
seagreen
#2E8B57
46 139 87		 darkkhaki
#BDB76B
189 183 107		 peru
#CD853F
205 133 63		 crimsin
#DC143C
220 20 60		 indianred
#CD5C5C
205 92 92
rosybrown
#BC8F8F
188 143 143		 mediumvioletred
#C71585
199 21 133		 dimgray
#696969
105 105 105		 black
#000000
0 0 0		 midnightblue
#191970
25 25 112
darkslateblue
#483D8B
72 61 139		 darkblue
#00008B
0 0 139		 navy
#000080
0 0 128		 darkslategray
#2F4F4F
47 79 79		 green
#008000
0 128 0
darkgreen
#006400
0 100 0		 darkolivegreen
#556B2F
85 107 47		 olivedrab
#6B8E23
107 142 35		 olive
#808000
128 128 0		 darkgoldenrod
#B8860B
184 134 11
chocolate
#D2691E
210 105 30		 sienna
#A0522D
160 82 45		 saddlebrown
#8B4513
139 69 19		 firebrick
#B22222
178 34 34		 brown
#A52A2A
165 42 42
maroon
#800000
128 0 0		 darkred
#8B0000
139 0 0		 darkmagenta
#8B008B
139 0 139		 purple
#800080
128 0 128		 indigo
#4B0082
75 0 130

ワードプレスの基本ループ

データベースから記事に関するデータを読み込んで処理するためには、ループと呼ばれる設定をします。ループ内にテンプレートタグを記述することで、読み込んだ記事に関するデータを出力することができます。ループは大きく分けてメインループとサブループがあります。

メインループ

メインループはURLの指示に従ってワードプレスが自動的にデータベースから読み込むデータを処理します。
例えば、トップページでは管理画面で指定した件数の最新記事、カテゴリーページでは当該カテゴリーに属する記事、また個別ページでは記事に関するデータなどを処理することができます。

<?php if (have_posts()): ?>
<?php while (have_posts()) : the_post(); ?>
・・・テンプレートタグを記述・・・  
<?php endwhile; ?>
<?php else: ?>
<!-- 投稿が無い場合の処理 -->
<?php endif; ?>

サブループget_posts()

サブループは、指定した条件と一致した記事に関するデータを読み込んで処理します。
条件はget_posts()のパラメータで指定します。また、サブループはカスタムループと呼ばれることもあります。


<?php
$mypost = get_posts(array(
'post_type' => 'post',
'post_per_page' => '5'
));
if($mypost) :?>
<?php foreach($mypost as $post):setup_postdata($post);?>
・・・テンプレートタグを記述・・・    
<?php endforeach;?>
<?php wp_reset_postdata(); endif;?>

webセーブカラー

webセーブカラーとは

Web セーフカラーとは、ブラウザや OS の種類に関係なく、Web ページで常に表示できる 216 色のカラーのことです。
Web セーフカラーのみを使用して画像を作成した場合、Web ブラウザーで表示する限り、常に正確に表示されることになります。

 

#FFFFFF
(255 255 255)		 #FFFFCC
(255 255 204)		 #FFFF99
(255 255 153)		 #FFFF66
(255 255 102)		 #FFFF33
(255 255 51)		 #FFFF00
(255 255 0)
#FFCCFF
(255 204 255)		 #FFCCCC
(255 204 204)		 #FFCC99
(255 204 153)		 #FFCC66
(255 204 102)		 #FFCC33
(255 204 51)		 #FFCC00
(255 204 0)
#FF99FF
(255 153 255)		 #FF99CC
(255 153 204)		 #FF9999
(255 153 153)		 #FF9966
(255 153 102)		 #FF9933
(255 153 51)		 #FF9900
(255 153 0)
#FF66FF
(255 102 255)		 #FF66CC
(255 102 204)		 #FF6699
(255 102 153)		 #FF6666
(255 102 102)		 #FF6633
(255 102 51)		 #FF6600
(255 102 0)
#FF33FF
(255 51 255)		 #FF33CC
(255 51 204)		 #FF3399
(255 51 153)		 #FF3366
(255 51 102)		 #FF3333
(255 51 51)		 #FF3300
(255 51 0)
#FF00FF
(255 0 255)		 #FF00CC
(255 0 204)		 #FF0099
(255 0 153)		 #FF0066
(255 0 102)		 #FF0033
(255 0 51)		 #FF0000
(255 0 0)
#CCFFFF
(204 255 255)		 #CCFFCC
(204 255 204)		 #CCFF99
(204 255 153)		 #CCFF66
(204 255 102)		 #CCFF33
(204 255 51)		 #CCFF00
(204 255 0)
#CCCCFF
(204 204 255)		 #CCCCCC
(204 204 204)		 #CCCC99
(204 204 153)		 #CCCC66
(204 204 102)		 #CCCC33
(204 204 51)		 #CCCC00
(204 204 0)
#CC99FF
(204 153 255)		 #CC99CC
(204 153 204)		 #CC9999
(204 153 153)		 #CC9966
(204 153 102)		 #CC9933
(204 153 51)		 #CC9900
(204 153 0)
#CC66FF
(204 102 255)		 #CC66CC
(204 102 204)		 #CC6699
(204 102 153)		 #CC6666
(204 102 102)		 #CC6633
(204 102 51)		 #CC6600
(204 102 0)
#CC33FF
(204 51 255)		 #CC33CC
(204 51 204)		 #CC3399
(204 51 153)		 #CC3366
(204 51 102)		 #CC3333
(204 51 51)		 #CC3300
(204 51 0)
#CC00FF
(204 0 255)		 #CC00CC
(204 0 204)		 #CC0099
(204 0 153)		 #CC0066
(204 0 102)		 #CC0033
(204 0 51)		 #CC0000
(204 0 0)
#99FFFF
(153 255 255)		 #99FFCC
(153 255 204)		 #99FF99
(153 255 153)		 #99FF66
(153 255 102)		 #99FF33
(153 255 51)		 #99FF00
(153 255 0)
#99CCFF
(153 204 255)		 #99CCCC
(153 204 204)		 #99CC99
(153 204 153)		 #99CC66
(153 204 102)		 #99CC33
(153 204 51)		 #99CC00
(153 204 0)
#9999FF
(153 153 255)		 #9999CC
(153 153 204)		 #999999
(153 153 153)		 #999966
(153 153 102)		 #999933
(153 153 51)		 #999900
(153 153 0)
#9966FF
(153 102 255)		 #9966CC
(153 102 204)		 #996699
(153 102 153)		 #996666
(153 102 102)		 #996633
(153 102 51)		 #996600
(153 102 0)
#9933FF
(153 51 255)		 #9933CC
(153 51 204)		 #993399
(153 51 153)		 #993366
(153 51 102)		 #993333
(153 51 51)		 #993300
(153 51 0)
#9900FF
(153 0 255)		 #9900CC
(153 0 204)		 #990099
(153 0 153)		 #990066
(153 0 102)		 #990033
(153 0 51)		 #990000
(153 0 0)
#66FFFF
(102 255 255)		 #66FFCC
(102 255 204)		 #66FF99
(102 255 153)		 #66FF66
(102 255 102)		 #66FF33
(102 255 51)		 #66FF00
(102 255 0)
#66CCFF
(102 204 255)		 #66CCCC
(102 204 204)		 #66CC99
(102 204 153)		 #66CC66
(102 204 102)		 #66CC33
(102 204 51)		 #66CC00
(102 204 0)
#6699FF
(102 153 255)		 #6699CC
(102 153 204)		 #669999
(102 153 153)		 #669966
(102 153 102)		 #669933
(102 153 51)		 #669900
(102 153 0)
#6666FF
(102 102 255)		 #6666CC
(102 102 204)		 #666699
(102 102 153)		 #666666
(102 102 102)		 #666633
(102 102 51)		 #666600
(102 102 0)
#6633FF
(102 51 255)		 #6633CC
(102 51 204)		 #663399
(102 51 153)		 #663366
(102 51 102)		 #663333
(102 51 51)		 #663300
(102 51 0)
#6600FF
(102 0 255)		 #6600CC
(102 00 204)		 #660099
(102 00 153)		 #660066
(102 00 102)		 #660033
(102 00 51)		 #660000
(102 00 0)
#33FFFF
(51 255 255)		 #33FFCC
(51 255 204)		 #33FF99
(51 255 153)		 #33FF66
(51 255 102)		 #33FF33
(51 255 51)		 #33FF00
(51 255 0)
#33CCFF
(51 204 255)		 #33CCCC
(51 204 204)		 #33CC99
(51 204 153)		 #33CC66
(51 204 102)		 #33CC33
(51 204 51)		 #33CC00
(51 204 0)
#33CCFF
(51 153 255)		 #33CCCC
(51 153 204)		 #33CC99
(51 153 153)		 #33CC66
(51 153 102)		 #33CC33
(51 153 51)		 #33CC00
(51 153 0)
#3399FF
(51 153 255)		 #3399CC
(51 153 204)		 #339999
(51 153 153)		 #339966
(51 153 102)		 #339933
(51 153 51)		 #339900
(51 153 0)
#3366FF
(51 102 255)		 #3366CC
(51 102 204)		 #336699
(51 102 153)		 #336666
(51 102 102)		 #336633
(51 102 51)		 #336600
(51 102 0)
#3333FF
(51 51 255)		 #3333CC
(51 51 204)		 #333399
(51 51 153)		 #333366
(51 51 102)		 #333333
(51 51 51)		 #333300
(51 51 0)
#3300FF
(51 0 255)		 #3300CC
(51 0 204)		 #330099
(51 0 153)		 #330066
(51 0 102)		 #330033
(51 0 51)		 #330000
(51 0 0)
#00FFFF
(0 255 255)		 #00FFCC
(0 255 204)		 #00FF99
(0 255 153)		 #00FF66
(0 255 102)		 #00FF33
(0 255 51)		 #00FF00
(0 255 0)
#00CCFF
(0 204 255)		 #00CCCC
(0 204 204)		 #00CC99
(0 204 153)		 #00CC66
(0 204 102)		 #00CC33
(0 204 51)		 #00CC00
(0 204 0)
#0099FF
(0 204 255)		 #0099CC
(0 204 204)		 #009999
(0 204 153)		 #009966
(0 204 102)		 #009933
(0 204 51)		 #009900
(0 204 0)
#0099FF
(0 153 255)		 #0099CC
(0 153 204)		 #009999
(0 153 153)		 #009966
(0 153 102)		 #009933
(0 153 51)		 #009900
(0 153 0)
#0066FF
(0 102 255)		 #0066CC
(0 102 204)		 #006699
(0 102 153)		 #006666
(0 102 102)		 #006633
(0 102 51)		 #006600
(0 102 0)
#0033FF
(0 51 255)		 #0033CC
(0 51 204)		 #003399
(0 51 153)		 #003366
(0 51 102)		 #003333
(0 51 51)		 #003300
(0 51 0)
#0000FF
(0 0 255)		 #0000CC
(0 0 204)		 #000099
(0 0 153)		 #000066
(0 0 102)		 #000033
(0 0 51)		 #000000
(0 0 0)

 

新着記事

カテゴリー

アーカイブ