2019.07.14投稿数が多いものはリストが長くページ上に表示する時にボリュームが多いのもある(サイトマップの記事一覧とか、タグ一覧とか)折りたたまれていた方がスッキリで見やすい場合もあるなと思い、見たい場合はクリックすれば展開するコードやタグを調べたので備忘録として記事に書きました。クリックまたはタップして記事一覧を表示**ここは折りたたまれる部分です**折りたたまれる部分にリンク付けたい場合タグ参考先記事サルワカhttps://saruwakakun.com/html-css/reference/accordionWordPress利用者は投稿エディタで記入する際は注意が必要HTMLタグとCSSで作るアコーディオンの方の参考先記事には「WordPress投稿エディタではbrタグやpタグが自動挿入され、展開しない(アコーディオンが開かない)ことがある」と書かれていました。(WordPress投稿エディタでinput要素を使うと余計なタグが入るって記事が参考先以外にもありました)テキストエディタ上でタグの書くときに改行させず、詰めてタグ同士の余白・改行がないように書いた方がよさそうです。私も最初は展開せず、確認すると<input>の下に<p></p>が自動挿入されてしまっていた事が原因で開きませんでした。詰めてタグ同士の余白・改行がないようにテキストエディタ上で書いてもプレビューするとブラウザ上では<p></p>が自動挿入されてしまう...。2個めの<div>(class=”accshow”)を<span>にしたら<p></p>が自動挿入されず上手くいきました。none;を指定しました。10px;}input要素が原因なのか...divは改行が入るからなのか...原因がよく分かりませんが余計な改行やタグが入ってしまうのはWordPressタグ投稿エディタではあるあるなので上手くいかない人はCSSで値を変えてみると成功するかもしれません。1つのレンタルサーバーで複数WEBサイト運営(マルチドメイン)1つのロリポップサーバーで複数WEBサイト運営(マルチドメイン)する人向け。ロリポップサーバーにて2つ目以降のサイトのWordPress(ワードプレス)簡単インストールする時の手順。WordPressWordPress任意の場所に表示するタグクラウド(タグ一覧)ショートコードまとめWordPressで任意の場所に表示するタグクラウド一覧ショートコード作成についてのまとめ。get_tags()やwp_tag_cloud()を使ったショートコード、タグ一覧があるHTMLサイトマップ、SEO対策noindexなどがまとめられた記事です。Console【パンくずリストで問題が検出されました(data-vocabulary.org)】警告2020.02.03Illustrator「イラストレーションを開くことができません。ウィンドウを表示するための十分なスペースがありません。変更は取り消されました。Console【パンくずリストで問題が検出されました(data-vocabulary.org)】警告2020.02.03Illustrator「イラストレーションを開くことができません。ウィンドウを表示するための十分なスペースがありません。変更は取り消されました。2019年6月タイトルとURLをコピーしました。