メインカテゴリーを選択しなおす
.co.jpドメイン移管│お名前.comからムームードメインへ移管する方法
法人で1つしか持てない.co.jpドメイン。 会社のサイトを立ち上げる時にお名前.comにて所持したのですが、 いつのまにか更新料が高くなっていたので、安く管理できるムームードメインへ移管してみました。 ちなみに、かかった移管費用は0円です
WordPress内のテーブルの中の数字を計算したいことはないでしょうか？ 実はちょっとしたJavascriptを書けば簡単に表示できます。 SWELLと書いてますが、どのテーマでも可能なカスタマイズです。 下記のサンプルのテーブルは項目2
CDNという言葉を聞いたことがあるでしょうか？ Content Delivery Network（コンテンツデリバリーネットワーク）と呼ばれていて、 例えば画像や動画、コード等を別の専用サーバーに置いて、 サイトの表示を高速化したりサーバー
WordPress│有料コンテンツを販売する方法│Accept Stripe Payments
WordPressにはECサイトのような物販サイトを作るWoocommerceがありますが、もう少しシンプルな有料記事を作りたくなることはないでしょうか？ 実はStripeの決済システムが使えるプラグイン「Accept Stripe Pay
WordPress│アドセンスに代わる広告The Moneytizerの設置方法
フランス発のThe Moneytizer（ザ・マネタイザー）はGoogleアドセンスのような広告が表示できて、しかもドル建て報酬が得られる広告サービスです。日本では2022年に上陸しました。 日本でブログを発信する場合は、やはりGoogle
SWELL│ショートコードを使わないで投稿リストの数を増やす方法
SWELLの投稿リストブロックは、様々な条件を付与して、かつ見た目も色々あるので本当に便利ですよね。 しかし表示できる記事数は24個までの制限があります。 24個以上のリスト表示したい場合、SWELL公式ではショートコードをお勧めしています
DiscordにRSSなどからのデータを投稿するのにIFTTTは便利なのですが、Discord側からの同一Hostからの投稿制限 ( Rate Limit ) に引っかかることが多く、IFTTT側は動作しているものの投稿が反映されないという状態が頻発するので、どうしたものかなぁと。
WordPress│Indexing APIを無料で使う方法
新規でブログを立ち上げた時など、なかなかインデックス（登録）されないことがよくあります。 その対策として昔からブロガーさん達が使っていたのがPubSubHubbub(PuSH)のプラグインですが、あくまで効果は懐疑的です。 そして実は、Go
CDNという言葉を聞いたことがあるでしょうか？ Content Delivery Network（コンテンツデリバリーネットワーク）と呼ばれていて、 例えば画像や動画、コード等を別の専用サーバーに置いて、 サイトの表示を高速化したりサーバー
WordPress│ギャラリーブロックで画像を同じサイズで並べる方法
ギャラリーブロックで奇数の画像を並べると場合、サイズが変わってしまうことはないでしょうか？ 例、画像数が奇数枚がゆえに、並ぶ画像が不ぞろいになります。 本記事ではCSSを使ってギャラリーブロックの表示を改善してみたいと思います。 CSS適応
WordPress│CSSを使ってカラムブロックの表示を並び替えをする方法
カラムブロックを使って画像とテキストを交互に並べるデザインはよく見ると思います。 しかし、このままモバイルで1列で表示してしまうと、非常に見づらくなります。 そこでCSSを1行足すことで、モバイルは画像+テキストのように同じ順番に修正するこ
SWELL│投稿リストに新着NEWバッジを表示するカスタマイズ
SWELLの投稿リストでNEWバッジを表示したいとふと思いましたので、 JavaScriptで7日以内の記事に目印を付けて表示させてみました。 当サイトの更新が不定期なので、画像も残しておきます。 投稿記事リストの場合 関連記事の場合 応用
WordPress│ボタンを押してポップアップ・モーダルを表示するカスタマイズ
動画やSNSなどの埋め込み型のコンテンツで、記事ページの最初は表示したくないけど、ボタンをクリックしたら表示させたい！みたいなことはないでしょうか？ アコーディオンで隠してもいいのですが、出す時は前面に出したい場合はモーダルが最適です。 サ
クラシックエディタからブロックエディタに変更する時にテーマごと変更することがよくあります。 たとえばSANGOやJINからSWELLに変更する場合。 その場合にネックなのがショートコードです。 テーマについているショートコードを使っていると
WordPress│シンプルなドロップダウン（プルダウン）メニューの作り方
リンクは掲載したいけど、できるだけシンプルに表示したい場合、 またはリンクの項目が多い場合はドロップダウン（プルダウン）メニューが便利です。 本記事でhカスタムHTMLだけで作れるドロップダウン（プルダウン）と SEO対策に良いCSSで表示
ヘッダーメニューの様にフッターメニューにもサブメニューを表示したい！ということはないでしょうか？ SWELLのデフォルトだとサブメニューも、そのまま表示されてしまいます。 本記事ではフッターのサブメニューをホバーで表示するようにしてみました
フッターのウィジェットにカテゴリーを設置した場合、縦に長く表示されていまいます。 カテゴリー毎に横に並べつつ、表示したくないでしょうか？ 本記事ではリストを好きな列数で折り返すカスタマイズを紹介します。 実際のリストの3列表示は下記のサイト
前回実施した「PHPのアップデート」後に当サイトのWordPressで発生したエラー「このサイトで重大なエラーが発生しました。」の対処についての備忘録です。 ◆エラーログ取得 WordPressのサポートドキュメントにWordPressでの
WordPressのダッシュボードにPHPのアップデートを促すメッセージが出てたので、PHP7.2からPHP7.4へアップデートした際の備忘録です。 ◆バージョン確認 ・OSのバージョン # cat /etc/redhat-release
PHP: require(include)するディレクトリを検索する順序について
PHPのrequire/includeって結構いろんなところ探しに行くよね うん。でもって何かよくわからないけど見つからないとか ...
【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法
WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法と、プラグインを使う方法の主に2通りあります。このページではこの2通りの方法をご紹介しています。
スマートフォンの普及により、2017年にはネットの利用にスマホを使って利用する方の割合がPCを上回り、WEB制作の現場でも、デバイスごとに表示を最適化すデザイン手法として「レスポンシブWEBデザイン」が好まれるようになりました。WEBサイトの機能も、スマホの登場によりタップをしてメニューを開いたり、電話をかけたりと、動
WordPressのテーマ編集などを行っていれば、更新を行った際に画面が真っ白になったという経験はあるのではないでしょうか？ 私もWordPressの自作テーマを作り出して間もない頃はこの現象になり、かなり焦った記憶があります。
WordPressの固定ページと投稿ページの違いとは？【初心者向け】
WordPressでのWEBサイト制作を始めて間もない頃は、固定ページと投稿ページの違いがわからず、とても迷った記憶があります。当時、一生懸命違いを調べたのですが、それでも理解が追いつかず…。
【簡単・便利】アップしたサムネイルを一括リサイズできる！プラグイン「Regenerate Thumbnails」のご紹介
WordPressのメディアに画像をアップロードすると、自動的に画像がリサイズされるのですが、後でサイズ変更をするには、少々手間がかかります。まず、管理画面の左側にあるメニューの「設定」→「メディア」で、サイズを変更し、再び画像をアップロードしないと、その変更したサイズにリサイズをしてくれません。
WordPressの旧エディタに戻すプラグイン「Classic Editor」の使い方やサポート期限についてご紹介
WordPressがバージョン5になり「Gutenberg」という新しいブロック型のテキストエディターが採用されるようになりました。 従来のワードのようなテキストエディターに慣れている方にとっては、大幅な仕様変更によって慣れるのに時間がかかったり、思うように編集が出来なかったりする方もいらっしゃるのではないでしょうか。
【簡単】WordPressをローカル環境で構築できる「Local by Flywheel」の使い方をご紹介します
WordPressをローカル環境で構築する場合、多くの方が「XAMPP」もしくは「MAMP」を思いつくのではないでしょうか？ ですがXamppやMAMPは、設定が細かいだけに初心者には中々敷居が高かったりします。 そこで、今回はWordPressのローカル環境での開発を超簡単にできる「Local by
投稿記事を複製して、ブログの編集の効率を上げられるWordPressプラグイン「Duplicate Post」
WordPressプラグイン「Duplicate Post」のご紹介。投稿ページの記事を、たった1クリック複製でき、ブログの編集を効率良く行えます。また、固定ページやカスタム投稿、プラグインで作成したお問合せフォームも複製できるとても便利なプラグインです。
CSSの役割や使い方について、概要や、設定、大まかな使い方などを、WEBデザインを習い始めの方にも分かりやすく、理解してもいやすいように、ご紹介しております。
0から始めるWordPress自作テーマ作成【header.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はその中でもheader.phpの作成ついてご紹介しています。
0から始めるWordPress自作テーマ作成【footer.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はfooter.phpの作成ついてご紹介いたします。
0から始めるWordPress自作テーマ作成【TOPページの表示とテンプレートタグ編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はTOPページを表示させる事を目的として、その方法とテンプレートタグについて、ご紹介をいたします。
0から始めるWordPress自作テーマ作成【固定ページ作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回は固定ページの作成方法についてご紹介をいたします。
0から始めるWordPress自作テーマ作成【投稿ページ作成編】
前回は固定ページの作成方法をご紹介し、WEBサイトの下層ページを作成しました。今回はWordpressの投稿ページの作成方法をご紹介していきたいと思います。 前回にもお伝えした、WordPressには固定ページと投稿ページと2つの特性をもった機能があり、それぞれの特性に合わせてページを作成していきます。固定ページと投稿ページの違いについては、以下の記事をご覧下さい。 固定ページと投稿ページの違いに
0から始めるWordPress自作テーマ作成【お問合せフォーム作成編】
前回はWordPressの投稿ページの作成方法についてご紹介いたしました。 今回はメールフォームが作成できるプラグイン「MW WP Form」を使って、お問合せページの作成方法をご紹介していきたいと思います。 メールフォームのプラグインと言えば「ContactForm7」など有名なものがありますが、MW WP Formではその他のプラグインと同様に細かい設定や、日本語のサポートやTipsも多くあり
WordPressでやっておきたい5つのセキュリティ対策やプラグインのご紹介
WordPressは世界中で利用されていて、CMSとして企業から個人まで様々なユーザーがいます。 その反面、WordPressを使用するにあたって、ちょくちょく耳にするのが「セキュリティの弱さ」について問合せを頂く事があります。 今回はWordPressのセキュリティ対策について、これだけはやっておきたい5つの対策や使用するプラグインなどをご紹介していきます。 なぜWordPressがセキュリティ
WordPressの動画プラグイン5選！動画データやYouTubeを埋め込む方法と合わせて解説
WordPressで作成するページ内に動画を載せることで、 内容を詳しく説明するページの滞在時間を伸ばすページの離脱率を減らす などの効果があります。 5Gが登場し、今後ますます動画での情報発信は重要となっていくでしょう。 今回は、WordPressへの一般的な動画アップ方法に加え、WordPressのおすすめ動画プラグインを紹介します。 WordPressのプラグインなしで動画をアップする方法
0から始めるWordPress自作テーマ【カスタム投稿作成編】
WordPressのカスタマイズをしていると「カスタム投稿(ポスト)」という言葉を一度は耳にした事があるのではないでしょうか？ 「いつかは使えるようになりたい」「この機能を使ってページをカスタマイズしたい」とも思った方も多いかと思います。 今回はこの「カスタム投稿」について、機能の説明や使い方をご紹介していきたいと思います。 カスタム投稿とは WordPressには投稿ページと固定ページとがあり、
Dreamweaverのプション領域を使ってテンプレートを条件分岐をする方法
Dreamweaverのテンプレートのオプション領域について、使い方などを分かりやすくご紹介しています。ページ内のコンテンツを、ページによって表示・非表示を効率的に作成できる機能なので、ご興味のある方へ、是非参考になれば幸いです。
Dreamweaverのスニペットを登録して効率よくコーディングをする方法
このページではDreamweaverのスニペットについてご紹介しています。同じコードを何度も使う時にスニペットに登録しておくと、簡単に呼び出せて何度でも使えるので効率的にコーディングができます。Dreamweaverをお使いの方でスニペットを使った事が無い方であれば是非お試し頂きたい機能の一つです。
WordPressのバージョンをダウングレードさせる方法！もしもの時の対処法をご紹介
WordPressのバージョンを戻す方法についてご紹介しています。このページではWordPressのタウングレードさせる方法をいくつかご紹介していますので、ご自身の状況に合わせて参考にして頂ければと思います。
WordPressの表示速度改善に！高速化におすすめのプラグインまとめ
WordPressの表示速度を改善する、速度表示を上げてくれるプラグインをご紹介しています。こちらのページではWEBサイトの表示速度を調べるツールや、速度改善を行うプラグインの使い方もご紹介しています。
【CSS】背景に複数の画像や色を1つのプロパティで読み込ませる方法
cssで1つのbackgroundプロパティに、複数の背景画像や背景色を読み込ませる方法をご紹介しています。背景画像を複数読み込ませる方法と、背景色と背景画像を読み込ませる方法を詳しい手順を解説しています。短いコードを覚える事で生産スピードも挙げられます。
