WordPress WordPress Cocoon プロフィールと SNS フォローボタンの追加 WordPress の無料テーマ Cocoonで、投稿ページへのプロフィール欄の追加と、その中に Twitter(現X) などの SNS のページへのリンクボタンを追加する手順を紹介しました。ウィジェットという単位でページの様々な位置に追加でき、連絡先情報に対応してSNSリンクボタンが追加されることがわかりました。 2024.01.13 WordPress
WordPress WordPress Cocoon で折り畳みできるテキストを表示 WordPress の無料テーマ Cocoon で使える「アコーディオン(トグル)」(旧:トグルボックス)ブロックを使い、長文の説明文やログなどを折り畳んで表示できるようにします。それを使った際に、 > から始まる文章が引用ブロックに変換される問題などについても対処法を紹介します。 2024.01.11 WordPress
WordPress WordPress Cocoon トップページのツイッターカードの設定 WordPress の人気無料テーマ Cocoon の設定で、簡単にトップページのツイッターカードの画像を設定する手順を紹介しました。ツイッターカードは Summary と Summary Large Size が選択できること、推奨画像サイズがあること、以前のツイッターカードも変更されることもわかりました。 2023.12.02 WordPress
WordPress WordPress ギャラリーブロックで画像を並べて表示&クリックで拡大 WordPress のブロックエディタ―の機能のひとつ「ギャラリーブロック」について紹介しました。「ギャラリーブロック」は画像ブロックを指定された列の数で自動的に整列して表示します。ギャラリー内の画像をスライドしながら原寸大で表示する設定も説明しました。 2023.08.09 WordPress
WordPress WordPress 押しても反応しないメニューの作り方 WordPress で「クリックしても反応しないメニュー項目」をカスタムリンクから作成する方法を紹介しました。サブメニュー展開用のメニュー項目などで有用です。また、その設定をしたメニュー項目では、ホバー時のマウスポインタが変化し、クリックしても反応しないことを伝えるものになることがわかりました。 2023.06.29 WordPress
WordPress WordPress メニューをボタン風&「新しいタブ」で開くなどの設定方法 WordPress のメニューをボタン風の外観にしたり、選択した際に「新しいタブ」で開いたり、ホバー時に説明文を表示させたりできる、最初は非表示の詳細メニュー設定について紹介しました。メニューをより分かりやすくしたり、CSS でメニュー項目を装飾したり、「新しいタブ」でリンク先が開くように変更できる便利な機能です。 2023.06.28 WordPress
WordPress WordPress Cocoonでメニューテキストにアイコンを追加 WordPress記事のメニューの文字列にアイコンを追加する手順を紹介します。アイコンフォントについて説明し、当サイトで使っている無料テーマ「Cocoon」ですぐに利用できる Font Awesome 4, 5 の設定や、Font Awesomeのアイコンフォントの検索や表示するためのコードの取得方法も紹介します。 2023.06.27 WordPress
WordPress WordPress ヘッダーに横並びやプルダウンのサブメニューを追加 WordPress のヘッダー内にプルダウンするメニューを追加する手順を紹介しました。その過程で、プルダウンではなく、横並びにメニューを並べる手順や、メニューの表示文字列(ナビゲーションラベル)の変更についても紹介しました。メニューを階層化することで、ジャンル別に整理したり、コンパクトなメニューを実現できます。 2023.06.26 WordPress
WordPress WordPress ページに直接動画を埋め込む手順・メリット/デメリット WordPress のブロックエディタで編集中のページに、動画ファイルを直接追加する方法を紹介しました。アップロードした動画ファイルは、メディアライブラリで管理されていて、削除したり、再び別の動画ブロックで表示する手順も紹介しました。手軽ですがサーバに負担をかけるため適切に使いましょう。 2023.06.01 WordPress動画
WordPress WordPress ページに Youtube 動画を埋め込む手順 WordPress の記事の中に、 Youtube 動画を埋め込んで表示し、再生する手順を紹介します。カスタム HTML ブロックを使うことで、様々な他のサービスの機能を WordPress の記事の中に追加することができます。その活用方法はたくさんあるので、必要に応じて学び紹介します。 2023.05.31 WordPress動画