wszzログ

SVGでラインアニメーションを作る

DATE 2019-10-27

In tips, tool

SVGアニメーションライブラリVivusのWEBツールを使うととても簡単にアニメーションが作れる。

cssを意識しなくてアニメーションが作れるのはすごく便利ですね。

DEMO

Event Organiserで土日に色を付ける

DATE 2019-04-24

In wordpress

wordpressのカレンダープラグインEvent Organiserは使いやすいですが、土日の色指定は自力で対応する必要があります。
chromeのdeveloperツールで要素を見つけて、style等のcssにソースを追加します。

/*土曜日の背景色*/
th.fc-day-header.fc-widget-header.fc-sat {
    background: #ff5353;
}
/*日曜日の背景色*/
th.fc-day-header.fc-widget-header.fc-sun {
    background: #ff5353;
}

/*土の文字色を変更*/
td.fc-day-number.fc-sat{
    color: #cc3e3e;
}
/*日の文字色を変更*/
td.fc-day-number.fc-sun {
    color: #cc3e3e;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

/*土曜日の背景色*/

th.fc-day-header.fc-widget-header.fc-sat {

background: #ff5353;

}

/*日曜日の背景色*/

th.fc-day-header.fc-widget-header.fc-sun {

background: #ff5353;

}

/*土の文字色を変更*/

td.fc-day-number.fc-sat{

color: #cc3e3e;

}

/*日の文字色を変更*/

td.fc-day-number.fc-sun {

color: #cc3e3e;

}

cssを適用すると、土日の色が変更されています。

formrunで複数のクライアントを運用する

DATE 2019-04-13

In tool

手軽に高機能なフォームを利用できるformrunのチーム概念メモ。

formrunにはチームという概念があり、チーム内で複数のフォームを作成できます。複数のクライアントで利用する場合は、クライアントごとにチームを作成します。

Admin ColumnsとIntuitive Custom Post Orderを利用した並び替えが、効かないパターン

DATE 2019-04-04

In tips, wordpress

wordpressの良プラグイン、Admin Columnsを使用して一覧画面に項目のフィルター機能を持たせたらIntuitive Custom Post Orderの並び替え機能が使えない。

TinyMCE TemplatesをAdvanced Custom Fieldsで使用する

DATE 2019-04-02

In tips, wordpress

便利なTinyMCE TemplatesをACFのwysiwygエディタで使用するにはfunction.phpにフィルターフックを追加する必要がある。

add_filter('tinymce_templates_enable_media_buttons', function(){
return true;
} );

1

2

3

add_filter('tinymce_templates_enable_media_buttons', function(){

return true;

} );

イラレからSVGを書き出す

DATE 2019-03-27

In tips

Illustratorで書き出したいオブジェクトをコピー。
テキストエディタに張り付けて拡張子を.svgにして保存。軽くて速い！

コピーしたソース

<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In  -->
<svg version="1.1"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
	 x="0px" y="0px" width="239.68px" height="96.534px" viewBox="0 0 239.68 96.534"
	 style="enable-background:new 0 0 239.68 96.534;" xml:space="preserve">
<defs>
</defs>
<g>
	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.6448" y1="-38.73" x2="36.6448" y2="47.8495">
		<stop  offset="0" style="stop-color:#F5A200"/>
		<stop  offset="1" style="stop-color:#E71F19"/>
	</linearGradient>
	<path style="fill:url(#SVGID_1_);" d="M0.545,83.745c-0.55-0.55-0.825-1.513-0.138-2.338l10.451-11.963
		c0.55-0.688,1.375-0.688,2.063-0.138c6.188,4.951,14.576,9.626,24.478,9.626c9.763,0,15.264-4.538,15.264-11.139
		c0-5.5-3.3-8.938-14.439-10.451l-4.95-0.688C14.296,54.042,3.708,45.104,3.708,28.603C3.708,11.414,16.634,0,36.849,0
		c12.376,0,23.927,3.713,31.765,9.763c0.825,0.55,0.963,1.101,0.275,2.063L60.5,24.34c-0.55,0.688-1.237,0.825-1.925,0.413
		c-7.151-4.676-14.026-7.151-21.727-7.151c-8.25,0-12.514,4.263-12.514,10.176c0,5.363,3.851,8.801,14.576,10.313l4.951,0.688
		C63.113,41.391,73.29,50.192,73.29,67.106S60.776,96.534,36.574,96.534C21.998,96.534,7.833,90.758,0.545,83.745z"/>
	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="118.8755" y1="-38.73" x2="118.8755" y2="47.8495">
		<stop  offset="0" style="stop-color:#F5A200"/>
		<stop  offset="1" style="stop-color:#E71F19"/>
	</linearGradient>
	<path style="fill:url(#SVGID_2_);" d="M110.968,95.021c-0.962,0-1.513-0.55-1.788-1.375L79.478,3.025
		c-0.275-0.962,0.275-1.513,1.237-1.513h17.877c0.962,0,1.513,0.413,1.788,1.375l18.702,61.331h0.413l18.151-61.331
		c0.275-0.962,0.826-1.375,1.788-1.375h17.739c0.825,0,1.375,0.55,1.1,1.513L128.57,93.646c-0.275,0.825-0.825,1.375-1.65,1.375
		H110.968z"/>
	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="202.9643" y1="-38.73" x2="202.9643" y2="47.8495">
		<stop  offset="0" style="stop-color:#F5A200"/>
		<stop  offset="1" style="stop-color:#E71F19"/>
	</linearGradient>
	<path style="fill:url(#SVGID_3_);" d="M166.249,48.267c0-13.889,0.551-19.114,2.613-25.578C173.674,7.563,186.6,0,203.24,0
		c17.464,0,28.877,8.664,33.277,19.939c0.413,0.825,0.275,1.65-0.55,2.063l-14.714,6.188c-0.962,0.275-1.649,0-1.925-0.688
		c-3.713-6.326-8.389-9.626-16.089-9.626c-7.976,0-12.927,3.988-14.989,10.451c-1.1,3.3-1.513,7.701-1.513,19.939
		c0,12.238,0.413,16.776,1.513,20.077c2.063,6.463,7.15,10.313,15.264,10.313c7.014,0,13.064-3.438,14.989-9.626
		c0.688-2.338,1.101-5.226,1.101-9.213c0-0.55-0.275-0.825-0.826-0.825h-12.65c-0.825,0-1.375-0.55-1.375-1.375V44.417
		c0-0.825,0.55-1.375,1.375-1.375h32.178c0.825,0,1.375,0.55,1.375,1.375v7.701c0,8.25-0.688,15.952-2.338,21.04
		c-4.675,14.989-17.602,23.377-34.103,23.377c-16.64,0-29.565-7.563-34.378-22.689C166.799,67.381,166.249,62.156,166.249,48.267z"
		/>
</g>
</svg>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<svg version="1.1"

xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"

x="0px" y="0px" width="239.68px" height="96.534px" viewBox="0 0 239.68 96.534"

style="enable-background:new 0 0 239.68 96.534;" xml:space="preserve">

<defs>

</defs>

<g>

</linearGradient>

<path style="fill:url(#SVGID_1_);" d="M0.545,83.745c-0.55-0.55-0.825-1.513-0.138-2.338l10.451-11.963

c0.55-0.688,1.375-0.688,2.063-0.138c6.188,4.951,14.576,9.626,24.478,9.626c9.763,0,15.264-4.538,15.264-11.139

c0-5.5-3.3-8.938-14.439-10.451l-4.95-0.688C14.296,54.042,3.708,45.104,3.708,28.603C3.708,11.414,16.634,0,36.849,0

c12.376,0,23.927,3.713,31.765,9.763c0.825,0.55,0.963,1.101,0.275,2.063L60.5,24.34c-0.55,0.688-1.237,0.825-1.925,0.413

c-7.151-4.676-14.026-7.151-21.727-7.151c-8.25,0-12.514,4.263-12.514,10.176c0,5.363,3.851,8.801,14.576,10.313l4.951,0.688

C63.113,41.391,73.29,50.192,73.29,67.106S60.776,96.534,36.574,96.534C21.998,96.534,7.833,90.758,0.545,83.745z"/>

</linearGradient>

<path style="fill:url(#SVGID_2_);" d="M110.968,95.021c-0.962,0-1.513-0.55-1.788-1.375L79.478,3.025

c-0.275-0.962,0.275-1.513,1.237-1.513h17.877c0.962,0,1.513,0.413,1.788,1.375l18.702,61.331h0.413l18.151-61.331

c0.275-0.962,0.826-1.375,1.788-1.375h17.739c0.825,0,1.375,0.55,1.1,1.513L128.57,93.646c-0.275,0.825-0.825,1.375-1.65,1.375

H110.968z"/>

</linearGradient>

<path style="fill:url(#SVGID_3_);" d="M166.249,48.267c0-13.889,0.551-19.114,2.613-25.578C173.674,7.563,186.6,0,203.24,0

c17.464,0,28.877,8.664,33.277,19.939c0.413,0.825,0.275,1.65-0.55,2.063l-14.714,6.188c-0.962,0.275-1.649,0-1.925-0.688

c-3.713-6.326-8.389-9.626-16.089-9.626c-7.976,0-12.927,3.988-14.989,10.451c-1.1,3.3-1.513,7.701-1.513,19.939

c0,12.238,0.413,16.776,1.513,20.077c2.063,6.463,7.15,10.313,15.264,10.313c7.014,0,13.064-3.438,14.989-9.626

c0.688-2.338,1.101-5.226,1.101-9.213c0-0.55-0.275-0.825-0.826-0.825h-12.65c-0.825,0-1.375-0.55-1.375-1.375V44.417

c0-0.825,0.55-1.375,1.375-1.375h32.178c0.825,0,1.375,0.55,1.375,1.375v7.701c0,8.25-0.688,15.952-2.338,21.04

c-4.675,14.989-17.602,23.377-34.103,23.377c-16.64,0-29.565-7.563-34.378-22.689C166.799,67.381,166.249,62.156,166.249,48.267z"

/>

</g>

</svg>

SVG表示

NTTスマートコネクトマネージドサーバでphp.iniの設定

DATE 2019-03-26

In server, tips

NTTスマートコネクトのマネージドサーバでファイルのアップロードのサイズ設定を.htaccessで変更しようとしたらエラー発生。

設定内容

php_value upload_max_filesize 50M
php_value post_max_size 50M

1 2	php_value upload_max_filesize 50M php_value post_max_size 50M

エラーログ

Invalid command 'php_value', perhaps misspelled or defined by a module not 
included in the server configuration,

1 2	Invalid command 'php_value', perhaps misspelled or defined by a module not included in the server configuration,

MW WP Formでこのページには直接アクセスできませんと表示される

DATE 2019-02-26

In tips, wordpress

MW WP Formでフォームを作成し、何も入力せずに確認画面ボタンを押すと、「このページには直接アクセスできません」と表示する。

ソースを調べるとエラーのようなクラスが付加されている。

mw_wp_form_direct_access_error

1	mw_wp_form_direct_access_error

iframeでPDFを表示するとIE11で挙動が怪しくなる

DATE 2019-02-22

In tips

iframeでPDFを埋め込んだ画面をスクロールすると、残像のような症状が起きる。chromeやfirefoxは問題ないが、iframeが原因のようだ。

新しいoutlookで詳細設定を行う

DATE 2018-12-19

In office, tips

近頃のOutlookはメールアドレスとパスワードで簡単に設定ができてしまうので、詳細設定を行いたい時に困ります。
新しいOutlookでも詳細設定が行える方法をまとめました。

lg

おぼえがき

SVGでラインアニメーションを作る

DEMO

Event Organiserで土日に色を付ける

formrunで複数のクライアントを運用する

Admin ColumnsとIntuitive Custom Post Orderを利用した並び替えが、効かないパターン

TinyMCE TemplatesをAdvanced Custom Fieldsで使用する

イラレからSVGを書き出す

コピーしたソース

SVG表示

NTTスマートコネクトマネージドサーバでphp.iniの設定

設定内容

エラーログ

MW WP Formでこのページには直接アクセスできませんと表示される

iframeでPDFを表示するとIE11で挙動が怪しくなる

新しいoutlookで詳細設定を行う

Read More

最近の投稿

カテゴリー