サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Appleイベント
tcd-theme.com
Amazonが提供するアフィリエイトプログラムの「Amazonアソシエイト」。 このプログラムでは、参加者が自身のブログ・SNS・モバイルアプリでAmazonの商品を紹介し、その商品が購入された際に報酬を得ることができます。 本稿では、Amazonアソシエイトの報酬とリンクの貼り方などのやり方を徹底解説します。 Amazonアソシエイト・プログラムとは? Amazonアソシエイト・プログラムとは、アマゾンが提供するアフィリエイト・プログラムです。 2021.04.25 2022.04.27 アフィリエイトとは?市場動向や収入に関する話 本ページでは「アフィリエイトとは?」という基本的な解説から、アフィリエイターの収入状況など周辺情報を紹介しています。初心者の方もご参考頂ければ幸いです。 アフィリエイトとは? アフィリエイト=成果報酬型広告 アフィリエイトとはインターネットを経由した成果報酬
iPhoneで撮影した写真は、HEIC形式のファイルで保存されます。そのため、JPEGなどの汎用的な画像ファイルフォーマットと異なり、WordPressサイトには直接アップすることができません。 「iPhoneで撮影した写真をWordPressにアップしたい」 「HEICを汎用的なJPEG形式に変換したい」 という方は、当記事でご紹介している設定方法を参考にしてみてください。 WordPressプラグイン無し、iPhoneの設定のみで対応できます。 HEICとは HEICとは、Apple独自の画像ファイルフォーマット(画像拡張子)です。iPhoneやiPadで撮影した写真は、HEIC形式で保存されます。Apple製品の標準の画像拡張子のため、Mac環境でも互換性があります(iOS 11以降/macOS High Sierra以降)。 JPEG形式の画像よりも高品質で容量が軽い点が特徴です。
画像ファイルのフォーマットといえば、JPEGやPNGなどが思い浮かびますが、これらはいずれも90年代に生まれたものです。 そこから20年後の2010年にはWebP、2019年にはAVIFという次世代拡張子が登場しました。軽量かつ高画質な拡張子です。Web上に画像をアップする際は、軽量であることに越したことはありません。 というわけで当記事では、画像ファイルを効率的に圧縮できる拡張子「AVIF」についてご紹介いたします。 AVIFとは AVIFとは、WebPを含む従来のどの画像フォーマットよりも軽量かつ高画質な拡張子です。 AmazonやGoogle、Netflixなどが参加している非営利団体Alliance for Open Mediaによって開発されました。動画フォーマットの開発を目的とした組織で、動画の圧縮技術を画像フォーマットに応用してつくられているようです。 2019年に登場し、全
サイト軽量化の鍵となる画像のフォーマット(拡張子)。 JPGやPNGのほか、WebPなどの軽量なものも登場していますが、最新かつ最も軽量な「AVIF」というフォーマットがあります。 そこで今回は、WordPressサイトの画像をAVIFに変換するプラグイン「ShortPixel Image Optimizer」をご紹介いたします。 AVIFとは AVIFとは、次世代拡張子のひとつでWebPに続いて誕生しました。主な特徴は以下の通りです。 WebPよりも軽量で高画質 可逆圧縮と非可逆圧縮の両方に対応 JPGなら80%以上も圧縮可 アニメーションに対応 透過処理が可能 HDRカラーに対応(深度や色域の表現が豊か) AVIFは、古いバージョンを除く、ほぼすべての主要ブラウザに対応しています。 >> 対応ブラウザ一覧 2024.04.27 2024.05.02 軽量で高画質な次世代拡張子AVIFと
頻繁に起こるわけではないですが、作業中にMacがクラッシュすると焦りますよね。画面全体がピンクになりフリーズしたときは筆者も慌てました。 そこで当記事では、不具合が起きた際にも落ち着いて対応できるように、対処方法をまとめています。不具合の要因も含めて参考にご覧ください。 もしものために、定期的に外部ストレージにバックアップをとっておくのがオススメです。 Macの不具合の要因 Macで起こる何かしらの不具合は、メモリの圧迫が可能性として高いですが、さまざまな原因があります。 ブラウザでタブの開きすぎ アプリの開きすぎ(バックグラウンド利用も含む) メモリを多く使用する重たい作業を並行して行っている 古いmacOSを使っている ストレージの容量不足 ハードウェア(PCやキーボード本体)の不良 考えられる原因を一つずつ対策していきましょう。 ブラウザでタブの開きすぎ Web制作現場ではブラウザの
Chromeで開いている複数のページURLを瞬時にコピーできる拡張機能をご紹介いたします。複数のタブで開いているサイトやページを一挙にまとめたり、共有する際に便利です。 「Copy All Urls」のインストール Chromeウェブストア内の公式ページの「Chromeに追加」から、Copy All Urlsをインストールできます。 Copy All Urls 「Copy All Urls」の使い方 「Copy All Urls」は開いている複数のタブ(URL)をコピーするシンプルな拡張機能ですが、便利なオプションも搭載されていますので、こちらでご紹介いたします。 開いているタブを全てコピーする 指定したタブのみをコピーする コピーしたURLをChromeで一括で開く HTML形式でコピーする 操作を省略できるオプション 開いているタブを全てコピーする インストールした状態で右上のパズルの
WordPressのバージョン更新(アップデート)はダッシュボードからワンタッチで行えますが、ダウングレードは一手間かかります。ダウングレード機能はWordPressには用意されていないので、手動で対応するしかないんですよね。 ワンタッチでダウングレードできる便利なプラグインもありますが、「ダッシュボードに入れない」「プラグインがうまく機能しない」という状況では使えません。 というわけで今回は、プラグインを使わず、手動でWordPressのバージョンを更新(アップデート/ダウングレード)する方法を解説いたします。 FTPソフトでファイルを更新する WordPressのバージョンを手動で更新するには、FTPソフトを使います。WordPress関連のファイルの一部を手動で差し替えるということです。 FTPソフトというとやや難しいイメージがあるかもしれませんが、やることはファイルのアップロードや
WordPressのサイトヘルスに表示されることのある「永続オブジェクトキャッシュを使用してください。」というメッセージ。 永続オブジェクトキャッシュとは、処理に時間のかかるデータをメモリ上に保存しておき、ページの読み込み速度を改善するものです。WordPressによると、サイトのデータベースを効率化し、読み込み時間を短縮できるそうです。 このメッセージは「そんなオブジェクトキャッシュを使用してね」という推奨項目です。 あくまで推奨なので必須ではありませんが、当記事では簡単にオブジェクトキャッシュを有効化して、解決する方法をご紹介いたします。 プラグイン「APCu Manager」で解決できる 「APCu Manager」というプラグインを使って解決できます。ワンタッチでオブジェクトキャッシュを有効化し、「永続オブジェクトキャッシュを使用してください。」という項目を表示されないようにします
<label>Name:<input type="text" id="name"></label> <input type="button" value="button"> <p id="result"></p> <script> let name = document.getElementById('name'); let result = document.getElementById('result'); name.onchange = function() { result.textContent = name.value; }; </script> 文字入力中: buttonクリック後: 選択メニューやラジオボタンの場合は、元の値から別の値へ選択が変わった直後にchangeイベントが発生します。 input inputは、ユーザーが要素の値を変更した時に発生するイベントです。ch
2024年4月2日(現地時間)、WordPress 6.5 がリリースされました。今年最初の大きなアップデートです。当記事では、WordPress 6.5 にアップデートして使えるようになる新機能を中心にご紹介いたします。 WordPress 6.5「レジーナ」のアップデートの概要 ジャズバイオリニストの名前がつけられているWordPress 6.5「レジーナ」。今回の主なアップデート内容は以下の通りです。 サイト全体のフォントの追加や管理が可能に リビジョンに変更内容の概要が表示されるように 一部ブロックの機能拡張 グループブロックで背景画像のサイズや配置変更が可能に カバーブロックに、アスペクト比・オーバーレイカラーの自動取得機能追加 カラムや画像ブロックに影オプション追加 テンプレートやパターンを管理するデータビュー機能の変更 その他の変更 ドラッグ&ドロップの改善 リンク機能の改善
プラグインはWordPressサイトの機能をあらゆる面で拡張してくれます。しかし、サイトを長期間運営しているとプラグインが増え過ぎてしまう問題があるんですよね。 特に複数人で運営しているサイトでは、誰が何のために導入したプラグインかわからないことがあります。 無効化や削除がしづらく、未使用なのにインストールされたまま、ということも少なくないです。 実際に当サイトでも不要なプラグインが残っていました。 そこで今回は、プラグイン一覧の管理画面にメモを残せるプラグインをご紹介いたします。地味ですが、管理しやすくなって便利です。 「Plugin Notes Plus」の機能概要 機能はいたってシンプルです。プラグインの管理画面に次のようなメモを残せるカラムが追加されます。 具体的には次のことができます。 7種のアイコンで使い分けられる メモを残したユーザー名と更新日が記載される メモ内にリンクタグ
ディーバが夜の世界を輝かせる。 クラブシーンを盛り上げる WordPressテーマ「DIVA」 DIVA クラブ・ライブハウス・バー、そしてパーソナルな個人サイトまで幅広く対応のイベント・セミナー告知・管理もできるWordPressテーマ tcd066 "歌姫"を意味するWordPressテーマ「DIVA」は クラブやライブハウスをイメージしたウェブサイトテンプレートです。 ですが、未来の投稿ができる「イベントページ」、フォトログ・実績紹介として使える「ギャラリーページ」の 2タイプのページ作成機能によって、構造的にはラーニング系・士業系・コンサル系でも活用可能です。 さらに、「DIVA」の優れた特徴の1つとして、驚くほど簡単かつ即席でウェブサイト構築が可能という点。 設定数が多いようで手順はシンプル。ベースカラー選択後、文章と推奨サイズの画像をセットアップするだけです。 たったこれだけの
WordPressのブロックエディタを使えば、以下のようなCTA(Call to Action)※ボックスを簡単に自作できます。 キャッチコピー サブキャッチコピー テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 詳細はこちらをクリック ※CTA(Call to Action)とは、「行動を促す呼びかけ」のことで、Webサイトの訪問者や読者に対して、特定の行動を取るように促すメッセージやボタンのことを指します。 例えば、「今すぐ購入」「無料で試す」「もっと詳しく知る」「サインアップする」などのフレーズがCTAにあたります。CTAはWebマーケティングにおいて非常に重要な要素であり、Webサイ
WordPressで画像の上書き保存が可能になるプラグイン「Enable Media Replace」 2024.02.16 メールや資料作成、ブログ記事を書いているときに予測変換がおかしくなるときってありませんか? 予測変換機能は便利ですが、思い通りに変換できないときがあるんですよね。そこで今回はMacユーザー向けになりますが、キーボードの予測変換がおかしくなったときの対処法をご紹介いたします。 変換学習をリセットする 最も簡単なのは予測変換学習機能のリセットです。システム設定>キーボードから下記画面を開きます。 ※「システム設定」は画面左上のAppleのロゴマークから開けます。 キーボードタブ内の上記箇所「編集」をクリックします。そこから展開する下記画面の最下部にある「変換学習」のリセットボタンを押すだけです。 今まで学習され、保存されていた単語は消えてしまいますが、バグった変換になる
「テキストエディタで独自のHTMLを記入して、装飾を行いたい」 しかし、記述内容によっては、下記のようにpタグやbrタグが自動挿入されて、意図したレイアウトを実現できないことがあります。 テキストエディタに記入したHTML <a href="#"> <img src="https://example.com/wp-content/uploads/image.jpg"/> </a> 実際に出力されるHTML <p><a href="#"><br /> <img src="https://example.com/wp-content/uploads/image.jpg" /><br /> </a></p> 当記事では、この事象の原因とHTMLタグの自動出力を停止できるプラグイン「Toggle wpautop」の使い方についてご紹介します。 なぜpタグやbrタグが自動挿入されるのか WordPr
WordPressを使っていると「もう少しだけ使えるブロックの幅を広げたい」と思うことがあるでしょう。 そんなときに便利なのが、CoBlocksというプラグイン。CoBlocksは、アコーディオン・カルーセル・プロフィールといった便利コンテンツが使える、ブロックエディタ拡張プラグインです。 専門知識がなくても、色んなコンテンツを記事上で使えるようになります。テーマに搭載されているブロック機能に物足りなさを感じている方は、CoBlocksを使ってみるとよいでしょう。 本記事では、CoBlocksで使えるブロック機能をサンプル付きで紹介します。 CoBlocksとは CoBlocksはWordPressのブロックエディタで使える無料のプラグインです。全部で28種類のブロック機能を追加できます。面倒な初期設定はなく、インストールが完了すると即利用できる手軽さが魅力です。 各機能はそこまで高機能で
WordPressではユーザーID(ユーザー名)を後から変更することはできません。 ただ、変更したいときってありますよね。そんな時に便利なプラグイン「Easy Username updater」をご紹介します。 ユーザー名を変更するプラグインには有名なものだと「Username Changer」等がありますが、定期的に更新されているものは少なく、今回ご紹介する「Easy Username updater」を推奨します。 Easy Username updaterの使い方 インストール 管理画面から「Easy Username updater」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。 Easy Username updater ユーザーIDを変更す
2021/3/31 情報を更新いたしました。 1つの記事を複数のページに分割して表示する方法について解説します。テーマによってデザインは異なりますが、下記のような形で分割され、ページネーション(数字が書かれたボタン)を押して読み進めます。 ページ分割に明確な意図はあるか ページ分割は、ニュースサイトや大手メディアでよくみられる技法です。しかし、1つの記事を細かく分類するという行為は、ユーザーのアクションを増やし、ユーザビリティの低下を招く可能性があります。 現にGoogle検索で「ページ分割」と入力すると、サジェストキーワードに「ページ分割 うざい」、「ページ分割 PV稼ぎ」等と表示されるほどの嫌われ具合です。 PV数を稼げたり、1ページの読み込み時間を短縮できる等のメリットはあります。ユーザーファーストを重視するのであれば、明確な理由が無い限り、導入を見送るのも選択肢の1つです。 Wor
Webサイトを作る上で必ず必要なのがスタイルシートの読み込みです。WordPressテーマ作成には「style.css」が必須ですが、このスタイルシートは自動的に読み込まれるわけではありません。 当記事では、WordPressでCSSを外部ファイルとして読み込む基本的な方法をご紹介します。テーマのちょっとしたカスタマイズでCSSを扱いたい方は、以下の記事をご覧ください。
ChatGPTの登場により、記事作成の仕事は大きく変貌を遂げています。 情報収集、アイデア出し、執筆、編集・校正といった各プロセスを高速で処理する能力は、多くの場合、人間を超える水準です。 もちろん、個人的な経験や洞察を反映した文章は、人間のライターによるものが優れている場合が多いでしょう。しかしその点を差し引いても、ChatGPTが提供する価値は非常に高く、適切に使えば、記事作成の効率化と品質の向上が期待できます。 本記事では、ChatGPTを用いた記事作成の基本原則から実践的なテクニックまで、具体的なガイドラインを提供します。プロンプト(指示命令文)の例も載せていますので、記事作成業務にすぐに活用できる内容になっています。 ChatGPTは単なるテキスト生成AIではありません。クリエイティブな思考を助けるパートナーとして、記事作成のプロセスを劇的に強化してくれる存在です。ぜひ、その威力
手軽に副業やお小遣い稼ぎができる「楽天アフィリエイト」。 楽天市場の商品や楽天サービスを、ブログやSNSで紹介して、その成果に応じて報酬を得ることができます。本稿では、楽天アフィリエイトの概要と報酬の平均、ブログ・インスタ・Twitterでのやり方を徹底解説しました。 楽天アフィリエイトとは? 楽天アフィリエイトとは、楽天が提供するアフィリエイト広告サービスです。 アフィリエイトとは、自分のWebサイトやSNSで商品やサービスを宣伝し、そこから申し込みが発生すると、報酬を受け取れる仕組みです。 2021.04.25 2022.04.27 アフィリエイトとは?市場動向や収入に関する話 本ページでは「アフィリエイトとは?」という基本的な解説から、アフィリエイターの収入状況など周辺情報を紹介しています。初心者の方もご参考頂ければ幸いです。 アフィリエイトとは? アフィリエイト=成果報酬型広告 ア
WordPressの404ページの作り方 WordPressで独自の404ページを実装するには、専用のテンプレートファイルを用意する必要があります。 こちらがなければ「index.php」が読み込まれてしまうので、不格好な投稿一覧が表示される可能性があるんですね。以下に具体的な手順をまとめてますので、順番に進めてみてください。 404ページ用テンプレートの用意 404.phpに表示内容を記載 トップに戻るリンクを設置する 検索フォームを設置する 404ページ用テンプレートの用意 WordPressテーマには、URLに応じて呼び出されるテンプレートファイルが存在します。トップページなら「front-page.php」、個別投稿ページなら「single.php」などが該当しますね。 404ページの場合も、このような専用のテンプレートファイルを用意します。 404ページの場合に優先的に読み込まれ
Webサイトを運営していると、特定のページにリダイレクトさせたい場面が出てきます。当記事では、プラグインを利用せずに、functions.phpからリダイレクトを制御する方法について解説します。 ただし、プラグインを使った方が管理しやすいケースも多いです。以下で、リダイレクトを管理できるプラグイン「Redirection」の使い方について解説してますので、こちらもご覧いただければ幸いです。
WordPressで画像の上書き保存が可能になるプラグイン「Enable Media Replace」 2024.02.16
WordPressには、メディア(画像など)をただ単に表示する添付ファイルページが存在します。 このページは、不要にも関わらず無効化できない点が非常に厄介でした。そのため、他のページにリダイレクトさせたり、noidexを指定するなどの対策が今まで行われてきたんですね。 それがなんと、WordPress6.4から完全に無効化できるようになりました。当記事では、その方法についてご紹介します。 WordPress 6.4で添付ファイルページを自動で無効化? WordPres 6.4では、添付ファイルページを自動的に無効化します。ただし、これは、WordPressを新規インストールした時のみ当てはまります。
デモサイト どんなテーマ? 商材の訴求力を高めるサイトを想定したテーマです。サービスの導入実績や強みをトップページから訴求できる仕組みが散りばめられています。LPのように1ページで商品の魅力を伝える構成を実現できる点が大きな特徴です。 下層ページを充実させると、ペラページのLPとは圧倒的な差を生み出すパワフルなサイトをつくれます。 どんなサイトに向いているの? サービスサイトをつくれるサイトテンプレートなので、用途は多種多様です。宣伝したい商材を深掘りしてアピールいただけます。各種機能(サービス)の紹介や、お客様の導入事例、よくある質問、料金プランの作成を想定した機能が用意されているので、幅広く応用可能です。 Webサービスやアプリケーション パッケージ化されたシステムやITソリューション その他、幅広い物理的な商品
ネットショップの運営方法にはいろいろあって、 今は簡易ネットショップサービスでも無料で手軽に始められます。 ただし、これらは「自分だけのお店」ではないので、 できることも限られており、売上も成長しません。 趣味としてならそれで良いと思うんですが。 ゆくゆくは商売・事業に育てていきたいなら、 最初から独自ドメインで自由度の高いネットショップを作ったほうが はるかに近道ではあります。 ただ、1からネットショップを作るのは大変です。 「Ankle」ならHTMLがわからなくても、かわいいネットショップが作成できます。
次のページ
このページを最初にブックマークしてみませんか?
『ワードプレステーマTCD』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く