HTMLカスタム

WordPressでブログを書くときに、よく使う細かな部分の装飾用HTML・CSSをまとめました。点線、角を丸める、中央揃えなど、気になるものがあればコピペでお使いください。

スクリプトやサンプルHTML、CSSなどを記事で書く場合にコピーボタンを置いて利便性を上げるための方法です。WordPressでも使える内容です。

ボタンがクリックされた時に、折りたたまれている要素の表示・非表示を切り替えるためのサンプルHTMLとCSSをまとめた記事です。

サイト上の不要な要素を非表示にするCSS。日付、投稿日、ヘッダーなど色々と消せる他、スマホや携帯で見たときのみ消すことも可能。

タブ表示のためのサンプルCSSと、それを使ってワードプレスのブロックをタブの中に入れる方法について。

サイトを作っている時に、PCとスマホで表示を分けたくなった場合に使えるCSSを記載します。

アプリのバッジタイプのリンクを貼る方法とその表示調整を説明しています。

ワードプレスの記事で取り消し線付きチェックボックスのサンプルHTML＆CSSです。コピペOKなので、良い感じにお使いください。

プラグイン無しで親カテゴリーを表示したまま、子カテゴリーを折りたたむ方法を紹介します。