2017-05-01から1ヶ月間の記事一覧

WordPressで出力する値をエスケープする

esc_html()は、&、"、'をエンコードします。 文字列を表示する場合、基本的にesc_html()を使用します。例 MYTH & ROID</p>'); echo esc_html("<script>alert('test');</script>"); ?>ネタ元 http://cly7796.net/wp/cms/escape-in-wordpress/

スタイルシートだけでFont Awesomeのアイコンを表示する

web

通常アイコンWebフォント「Font Awesome」は、HTMLソース中にアイコン表示用のコードを追加する必要がありますが、スタイルシートの疑似要素:beforeを使用して特定のタグ、クラスに対してアイコンを表示することが出来ます。詳しくは http://tech.jastin.net…

Wordpress で、投稿の本文を文字数制限し、特定のHTMLタグを残し、それ以外のHTMLタグを除外する

post_content, 'UTF-8')>120){ $content= mb_substr(strip_tags($post->post_content), 0, 120, 'UTF-8'); echo $content.'……'; }else{ echo strip_tags($post->post_content); } ?>ネタ元 http://www.oikawa-sekkei.com/web/design/wordpress/wp-strip_tags…

sectionとarticleの違い

css

「セクション(section)」とは 「セクション」という言葉の意味を理解しましょう。 「セクション」とは、仕切り、部分、節、項などのかたまりをいいます。article要素 「article要素」は、先ほど書いた通りその部分だけ切り離しても完結する構成を表します。 …

ワードプレステーマTwentyseventeenの子テーマでアイキャッチ画像付リスト形式で記事一覧を表示

ここで配布 https://mtac.jp/wordpress/twentyseventeen-customize/

「Pocket」のブログパーツを改行せず設置する方法

web

以下をcssに追記 .pocket-btn{ display:inline-block; }ネタ元 http://20kaido.com/archives/7600409.html

Font Awesomeの使い方:Webアイコンフォントを使おう

CDNを使うhead部で以下を書いとく <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">念のため最新のコードをBootstrapCDNで確認すると良いでしょう。 Font AwesomeをCSSで使うにはこんな感じ 【HTML】 <p>これは<span class="bomb">爆弾</span>です。</p> 【CSS】 .bomb:before { font-family: FontAwesome; content: '\f1e…</link>

CSSでテキストを書き換える方法

css

サーバーサイドのプログラムを変更せずに、表示されるテキストだけ変えたいときにおすすめです。 SEOには書き換え前のテキストの内容しか反映されないと思いますので注意です。 p {font-size:0;} p:before {font-size: 12px; content: "かきくけこ";}ネタ元 …

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

https://saruwakakun.com/html-css/reference/h-design

EmmetでHTMLとCSSを書く

いろいろなツールで対応しているけど、Visual Studio Codeがいいかな。言語モードをHTMLやCSSにすればOK 例えば、 html:5と入力して、Tabキー(*VSCodeの場合)を押すと <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>↑のようにコードが展開されます。 ネタ元 http://mmorley.hatenablog…

正規表現でメールアドレスをチェックは厳密にやろうとするとほぼ不可能

ネタ元 http://qiita.com/tabo_purify/items/aa279cd28abdeba0873c 本気でメールアドレスを正規表現でマッチさせようとすると、こんな感じになってしまう例http://www.din.or.jp/~ohzaki/mail_regex.htm (?:(?:(?:(?:(?:(?:[\x20\x09]*(?:\x0D\x0A))?[\x20\x…