2017-05-04から1日間の記事一覧

WordPressでアイキャッチ画像を表示させるときの書き方

投稿にアイキャッチ画像が設定されてないときに、何か適当な画像を表示させておきたいというときは次のような書き方をします。

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