ワードプレスアーカイブ | 新潟ホームページ制作【63パック】SEO・Webデザイン・スマホ対応

201703.27

カラーネーム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

201703.25

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

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

メインループ

メインループは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;?>

201703.24

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)

新潟のWEB制作、SEO対策、リニューアル、
ホームページ制作はロクサンパック