【レスポンシブデザイン】解像度によってフォントサイズを切り替える
前回 【レスポンシブデザイン】解像度によって表示を切り替える - で @media （メディアの表示幅や高さ、解像度などを指定する）と display:none （要素を非表示にする）を組み合わせて表示を切り替える勉強を […]
unazuki オンライン動画学習サービスに入ってみました
WordPressは、初心者でも運用できる非常に便利なツールで、私のような非エンジニアでもノーコードで構築できます！ ただ、WordPressのようなCMSはどうしてもデザインやレイアウトのカスタマイズをしたい場合に少し […]
Lightning 前の記事・次の記事のカスタマイズ
Lightning G3には記事の下に 前の記事・次の記事 のナビが表示されますがレイアウトやデザインのカスタマイズ機能はありません。（表示or非表示の選択はできます） レイアウトやデザインを変えようと挑戦してみたのです […]
個別ページ（投稿・固定ページ）へのCSSの反映のさせ方
WordPressのデザインはCSS（スタイルシート）を編集して行いますが、直接テーマのスタイルシート (style.css)を編集するとテーマのアップデートの際に上書きされてしまうかもしれません？ それを避けるため以前 […]
【レスポンシブデザイン】解像度によって表示を切り替える
ホームページの表示をPC（デスクトップ）とモバイルによって切り替える手法に「レスポンシブデザイン」という物があります。 かってはPC用表示とモバイル表示用（ガラケーやスマホ用）のページを別々に作成して、ブラウザによって切 […]
M1 Mac mini のフォントが汚い
M1 Mac mini を購入して７ヶ月経ちました。 職場のパソコンはWindows、自宅はMac miniとiPadという環境で使うことが多くなり、やっとMacにも慣れてきました。 慣れてくるとWindowsもMacも […]
Thunderbird メニューなどの文字サイズを変更
メールソフトのThunderbirdはWindowsでもMacでもデータの互換性があるのでとても重宝しています。 ただ、Macで表示させるとメールの件名の表示欄がWinに比べて少し小さいというか読みづらく感じました、、 […]
【無料】Chromeリモートデスクトップでパソコンを遠隔操作！
職場や外出先から自宅のパソコンを遠隔操作したい場合、TeamViewer（チームビュアー）やSplashtop（スプラシュトップ）などのアプリを使うのが一般的かと思いますが、料金がバカになりません？ TeamViewer […]
Macで外付けHDDにOneDriveを保存する方法。
大容量の外付けハードディスクが手に入ったのでMac miniで、OneDrive（ワンドライブ）の保存先にしようとしたところ「リムーバブルディスクや大文字小文字を区別したフォーマットはダメです！」みたいなメッセージが出て […]
ワードプレスで、縦書きの見出しや段落を作る方法。
このページはWordPressのブロックエディター（見出し、段落、カバー等）を使用したページ作成に関する記事です。 WordPressに限らず基本的にホームページのテキスト表記は横書きですが 縦書き に表示したいときもあ […]
LightningでのFont Awesome（webアイコンフォント）の使い方
Font Awesome（Webアイコンフォント）は、Web制作の様々な場面で活用することができる、とても便利なサービスです。 以前、このブログでも少し書いた事もあったのですが、今回は（株）ベクトルさんのテーマLight […]
Mac mini(M1)でParallels Desktop とWin11(ARM版)の現状－その２
M1のMac mini を購入して3ヶ月以上経って、だいぶMacにも慣れてきました。 他のアップル製品と連携しやすいのが良いですね～♪ 特にiPadは、サブディスプレイ化やユニバーサルコントロールで連携できるのでとても重 […]
ブロックエディター：枠線ボックス(vk)で文字配置
これは、(株)ベクトルのVK Blocksのカスタマイズに関する記事です。 通常、枠線ボックス内のテキストは左寄せです 枠線ボックスの横幅がある場合、バランスが悪いですね ^^;) テキストの配置を中央に指定することもで […]
ブロックエディター：カバーの背景画像の切り抜き
カバーブロックは全幅で背景に画像を入れたり、テキストとか色々使えて便利で使い所の多いブロックだと思います。 カバーブロック背景画像の表示オプションにはオーバーレイとかパディングとかは有るのですが 切り抜き は無かったので […]
ベクトルの無料プラグイン VK Blocks の「見出しブロック」が何気に凄い。
VK Blocksは、(株)ベクトルの無料テーマ「Lightning」に付属するブロックエディター用のプラグインです。 WordPress標準のブロックエディタに無いブロックを追加したり拡張したり出来ますが、今回は特によ […]
WordPress（ワードプレス）で単ページ（ペラサイト・LP）を作る方法
ワードプレスはブログ等を作るのは得意ですが、単ページ（1ページだけ）をトップページに表示させるのは不向きなような気がします？ 何故かと言いますと、通常テーマ毎にヘッダーやメニュー、フッターが表示されるのでペラサイトやLP […]
プラグインVK Blocks Pro「目次ブロック」の修正
自分は普段、ページに目次を表示させる場合は、プラグインTable of Contents Plusを使用しています。ただ、Table of Contents Plusは更新も止まっているようですし、今後は極力プラグインを […]
ContactForm7 でラジオボタンやチェックボックスの改行
ワードプレスの定番メールフォーム ContactForm7 で、ラジオボタンやチェックボックスを指定した場合、標準では横並びとなります。 好みの問題かもしれませんが見やすくするために、単に横並びでは無くて１～3列に改行し […]
Microsoft 365 Personal 2021 が楽天で大特価
スーパーDEAL楽天市場店 にて Microsoft 365 Personal 2021 POSAカード版 （定価 12,980円）が 、期間限定ポイント20倍還元（3/28 9:59まで）＋通常ポイント+ お買い物マラ […]
Local（無料版）で WordPress のローカル環境を構築しました。
WordPressで新規作成や大幅なカスタマイズをする場合は、いきなり本番環境（WEB）にアップしないで事前にローカル環境（PC内）で試してから実行した方が良い場合があります。 自分もWordPressを初めて触った頃は […]
ブロックエディター：ずらし表示について
画像や背景に別のコンテンツをわざとずらして配置する、ずらしレイアウトがブロックエディターで出来るか試してみました。 準備 以下のグループを作っておきます 全体（カバー（画像）＋テキストグループ）全体：高度な設定（クラス名 […]
ブロックエディター：グループで画像や文字を重ねてみました。
前回、グループをdivタグのように扱うことで、自由にCSSで枠線を装飾してみましたが 今回は、同じようにグループを使って画像や文字を任意の場所に重ねてみることにしました。 手順 ベースになる画像に画像とテキストを重ねて表 […]
コピペで使えるブロックパターンライブラリ「VK パターンライブラリ」を使ってみました。
最近、ブロックエディターが面白くなってきました ^^;) （株）ベクトルさんから、コピペで使えるWordPressのブロックパターンライブラリ「VK パターンライブラリ（VK Pattern Library ）」が公開さ […]
フルサイト編集機能に対応した、ブロックテーマ X-T9（ベータ版）を使ってサンプルサイトを作ってみました。
Lightningで有名な(株)vektorから、フルサイト編集に対応した実験用テーマ X-T9 が発表されました。 フルサイト編集（Full Site Editing）とは 、WordPress 5.9 から実装された […]
