URLをコピーしました!
スキルアップを始める!

WordPress(ワードプレス)

WordPress(ワードプレス)

【WordPress】「Image Hover Effects Ultimate」プラグインで画像ホバーエフェクトを作る

画像にホバーエフェクトを追加したいと思ったときに使えるプラグインが「Image Hover Effects Ultimate」プラグインです。 「Image Hover Effects Ultimate」プラグインを有効化する まずは、「I...
WordPress(ワードプレス)

【WordPress】ブロックエディタに文字のタイピングアニメーションを追加できる便利なプラグイン|Typing Text

ワードプレスのブロックエディタに文字のタイピングアニメーションを追加したいと思った時に使える便利なプラグインが「Typing Text」です。 「Typing Text」プラグインとは? 「Typing Text」プラグインは、その名の通り...
WordPress(ワードプレス)

【WordPress】管理バー(adminbar)を最下部に移動する追加CSS

ワードプレスを使っている時に便利な昨日のひとつが「管理バー(adminbar)」ですが、サイトの上部に32px表示されるので、固定されたメニューを確認するときなどに不便です。 こちらをCSSを使って表示を下に移動させてみます。 追加CSSを...
WordPress(ワードプレス)

【WordPress】Googleフォームを活用して集計可能な簡易来店受付システムを構築する[PART1]

WordPress(WEBページ)とGoogleフォームを組み合わせて、簡易的な「来店受付システム」を構築する方法です。 GASとGoogleフォームで来店受付システムを作る まずは、送信用のGoogleフォームを準備します。 ひとまず、受...
WordPress(ワードプレス)

【WordPress】Googleアナリティクスを高速で設定できる公式プラグイン「Site Kit by Google」

Googleの公式プラグイン「Site Kit by Google」を使うと、Googleが提供している分析サービスへの接続が簡単にできます。 「Site Kit by Google」プラグインの設定方法 「Site Kit by Goog...
WordPress(ワードプレス)

【WordPress】ブログのコメント返信をメール通知できるプラグイン

ワードプレスでブログを運用している時に「コメント機能」を活用されている方も多いかと思いますが、このコメント機能の課題のひとつが「相手に返信した時に相手が気付けない」という問題があります。こちらを解決できるプラグインです。 Comment R...
WordPress(ワードプレス)

【Cocoonテーマ】アイキャッチ画像のサイズを小さくして中央揃えにする(アーカイブページ)

Cocoonテーマのアーカイブページでアイキャッチ画像を設定した時に、コンテンツ幅いっぱいに広がる場合があります(設定による)。そのサイズを調整する方法です。 アイキャッチ画像を小さくしたい アーカイブページのアイキャッチ画像が大きいので小...
WordPress(ワードプレス)

【WordPress】ページからiframe内の余白や要素にCSSを適用させる方法

iframe内の余白や要素をCSSでどうにかして調整したい…と思った時の方法です。 iframe内にCSSを適用させようとしてもダメ? 例えば、ページ内の一部分をiframeで埋め込んでいた場合に、この中をCSSで適用させたいと思った場合。...
WordPress(ワードプレス)

【WordPress】カスタム投稿ページで自分の投稿のみ表示させる

例えば、カスタム投稿タイプでカスタム投稿を作った際に「管理画面には自分の投稿したページのみ表示させたい」という場合に使える方法です。 カスタム投稿ページで自分の投稿のみ表示させる カスタム投稿タイプで表示される記事は、通常は他のユーザーの記...
WordPress(ワードプレス)

【WordPress】Googleしごと検索(Google for Jobs)に求人を掲載するpart9【有効化機能を調整する】

前回「【WordPress】Googleしごと検索(Google for Jobs)に求人を掲載するpart8【Googleしごと検索の有効化を使う】」編でお伝えした時に「ループの出力結果がおかしなことになっている?」というところで詰まって...
WordPress(ワードプレス)

【WordPress】「WordPress Social Login and Register」GoogleアカウントやFacebookログイン機能を実装する便利プラグイン

前回はソーシャルログイン機能を実装できる便利プラグインとして「Nextend Social Login and Register」をご紹介させていただきましたが、今回は「WordPress Social Login and Register...
WordPress(ワードプレス)

【WordPress】GoogleアカウントやFacebookログイン機能を実装する便利プラグイン「Nextend Social Login and Register」

WordPressに「Googleアカウント」や「Facebook」でログインしたい、という時に便利なプラグインが「Nextend Social Login and Register」です。 Nextend Social Login and...
WordPress(ワードプレス)

【WordPress】Googleしごと検索(Google for Jobs)に求人を掲載するpart8【Googleしごと検索の有効化を使う】

このシリーズもこのままいくと、part20くらいまでいきそうな予感がしますが…進めます。今回はGoogleしごと検索有効化の機能が機能するように調整をしてみます。Googleしごと検索の有効化が「する」になっている案件のみ表示させてみます。...
WordPress(ワードプレス)

【WordPress】Javascriptでクリックしたらコメント欄が開閉するようにする方法

ワードプレスのコメント欄はコメントが増えていくとコメントが下に連なっていきます。 これを非表示→クリックしたらコメント表示されるようにして、見た目をスッキリさせてみます。 「▼コメントを表示」を作る ここからは、Javascriptを使って...
WordPress(ワードプレス)

【ワードプレス】サイトを高速化させる便利プラグイン!Async JavaScriptプラグイン編

ワードプレスでサイトを作っている時に悩まされる課題のひとつが「サイトの表示速度」です。今回は、サイトの表示速度の計測方法とサイトを高速化させる便利なプラグインについてご紹介してます。 サイトの表示スピードを調べるには? サイトの表示スピード...
WordPress(ワードプレス)

【WordPress】他のユーザーがアップロードしたメディア画像を非表示にする方法

ワードプレスで複数人ユーザーでサイトを運用している際、標準の仕様ではメディアライブラリ画像で他のユーザーがアップロードした画像が表示されてしまいます。 権限が無いと編集や削除は出来ませんが表示されていることが好ましくない場合もありますので非...
WordPress(ワードプレス)

【WordPress】Googleしごと検索(Google for Jobs)に求人を掲載するpart7【仕事一覧ページのデザインを調整する】

「Googleしごと検索(Google for Jobs)に求人を掲載する」というこのシリーズもかなり長くなってきてしまいましたが、前回は仕事一覧ページの表示をさせる部分まで出来ましたので、続きを作っていきます。 仕事一覧ページのデザインを...
WordPress(ワードプレス)

【WordPress】管理画面の投稿一覧でカスタムフィールドの画像をサムネイル表示させる

カスタムフィールドで画像フィールドを作っている時に「カスタムフィールドで登録した内容を投稿一覧にサムネイル画像として表示させたい」と思ったときにつまずいたので、試していきます。 カスタムフィールドに登録された画像を投稿一覧画面に表示したい ...
WordPress(ワードプレス)

【WordPress】Googleしごと検索(Google for Jobs)に求人を掲載するpart6【出力内容を調整する】

前回までで、ワードプレスのカスタム投稿で「求人管理」機能を作って公開されているWEBページ上に表示させるところまでは出来ましたが、今のままだと1件しか表示されないので、全件内容が表示されるように変えていきます。 結果が1件のみ画面に表示され...
WordPress(ワードプレス)

【cocoonテーマ】投稿ページ下の投稿者名部分(ユーザー名)を非表示にするCSS

cocoonテーマでページの下の方に投稿者名が表示されている部分、投稿者名部分(ユーザー名)を非表示にする方法です。 投稿ページの下の方に投稿者名が表示されてしまう… cocoonテーマを使っていて、公開されたページの下の方を見ると、投稿者...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら