タグ: HTML

WordPressでタグページだけカスタムフィールドの「ふりがな」をキーにして五十音順にソートする方法

更新日: 2023/04/06 投稿日: 2023/04/06

WordPressでタグのページの時だけ、五十音順(あいうえお順)で表示したいことがありまして、そのやり方を調べてみました。今回はカスタムフィールドに「ふりがな」を入力する項目を作成して、それを基準に並べ替えるようにしました。 query_posts()を使う方法が検索上位に出てきたのですが、query_posts()は現在では非推奨になっているらしく、pre_get_postsを利用するらしいです。しかし、WordPressに関する情報は古いものが多くて、最新の情報にたどり着くまでが大変ですよ […]

続きを読む

Emmetで長文テキストをサクサクpタグで囲む方法

更新日: 2021/08/18 投稿日: 2020/09/20

長文テキストで段落がいくつもあるテキストのとき、段落を選択してpタグで囲ってを各段落ごとに繰り返していたんですが非常にめんどさい…(´・ω・`)Emmetを使っているのにもっと楽にまとめてできる方法がないもんかと調べてみたらありました! Emmetの「Wrap with Abbreviation」という機能を利用します。 「Wrap with Abbreviation」の手順 adobeのBrackets上でEmmetの手順を説明します。 長文テキストを各段落ごとに改行します。 上図にある各段落 […]

続きを読む

HTMLリストの連番を飛ばす方法-その2

更新日: 2019/05/28 投稿日: 2019/05/28

前回、HTMLリストの連番を飛ばす方法-その1でリストのliタグ全部にクラスを付けて連番を飛ばす方法を説明しました。以下、その時のブラウザ表示結果とHTMLとCSSのコードです。 前回はやり方の説明を重視したかったのでこういう方法でしましたが、たった1個や2個の例外のためにいちいち全部にクラスつけるのって効率悪いですよね。 ですので、今回はCSSのセレクタを少し工夫して、同じブラウザ表示結果になるようにしてみました。 今回はリストを2つ作って、リストの連番を飛ばす場所を変えてみました。 HTML […]

続きを読む

Bracketsを起動すると「ライブプレビューのエラーが発生しました。」が出る

更新日: 2021/03/29 投稿日: 2019/05/27

PCの電源を入れて立ち上げて、Bracketsを起動してライブプレビューを起動するとほぼ毎回「ライブプレビューのエラーが発生しました。」が出るのはなんでなんだろ?と調べてみるのですがいまだ解決できず…(´・ω・`) Bracketsを再起動するとライブプレビューのエラーもなく、ちゃんと表示されるんですよね。 今まで、 Bracketsを終了→ Bracketsを再起動とかやってたのですが、ブラウザと同じように「F5キー」を押すだけでBracketsをリロードできるということに気づきました(;^ω […]

続きを読む

HTMLリストの連番を飛ばす方法-その1

更新日: 2019/05/28 投稿日: 2019/05/25

HTMLのリストで連番を途中で飛ばしたいことがあると思うのですが、やり方がわからなかったので試行錯誤してやってみました。 とりあえずブラウザでの表示結果と、完成形のHTMLとCSSの画像を載せます。 という感じで、今回はリスト3行目の「さ行」を連番から外しました。HTMLのリストは飛ばしたいところのクラス名を変更する以外には特に小細工等いりません。CSSで連番を飛ばす設定にしてあります。 HTMLについては説明することもないので、CSSについて説明していきます。 CSSの基本についても不要だと思 […]

続きを読む

WordPressのgutenbergでHTMLタグを追加する方法

更新日: 2021/11/23 投稿日: 2019/05/24

WordPressのgutenbergエディターはHTMLタグを使いたくても非常に使いづらい(´・ω・`)見出しタグ以下をsectionタグで囲いたくても、どうしたらいいのか最初全然わかりませんでした。 sectionタグ等のHTMLタグの挿入方法と、個人的に便利だなと思う使い方をメモしておきます(`・ω・´)ゞ HTMLタグを追加する方法 1.プラスマークのアイコン「ブロックの追加」をクリックして、アイコン「カスタムHTML」をクリックします。 「よく使うもの」のところになければ、「ブロックの […]

続きを読む