WordPress|投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法 WEB MEMO

WordPress|投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法

WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 MENU1 公開日と最終更新日の表示1.1 公開日1.2 最終更新日2 公開日・最終更新...

WordPress|1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ WEB MEMO

WordPress|1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ

クライアント様の要望で新規サイトまたはLP(ランディングページ)を「1週間後にリリースしたい!」ということがあります。 そんな時のために僕が準備・用意していることや制作の流れをご紹介します。 MENU1 前提2 仕様確認...

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php WEB MEMO

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php

WordPressオリジナルテーマでサイトを制作する時に、めっちゃ使いそうなfunctions.phpをメモ。 これがあるとサイトでもブログでも流用できるから便利♪ functions.phpとは? テーマを作成する際に...

WordPressの.htaccessについての概要 WEB MEMO

WordPressの.htaccessについての概要

WordPressは簡単にブログやサイトを運用開始できる非常に使いやすいCMSです。 ただしインストールしただけでは心もとない点・より便利になる点があります。 これを補う一つ方法として『.htaccess』を扱う方法があ...

CSS/フォントサイズ「px、em、rem」の違いと変換表 WEB MEMO

CSS/フォントサイズ「px、em、rem」の違いと変換表

px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-603a30ee6650f206710143/] 変換表 親要素のfont-sizeが16pxの場合 px em em ...

HP・LP制作でいつか使うかもしれないCSSネタ WEB MEMO

HP・LP制作でいつか使うかもしれないCSSネタ

MENU1 CSSのみで作れるドロワーメニュー2 スクロールすると見出しを固定3 スクロールすると見出しを固定ver24 スクロールに合わせて蛍光マーカーがアニメーション表示5 アニメーションするグラデーションボーダーラ...

WordPressでこれはやっておきたいセキュリティ強化対策 WEB MEMO

WordPressでこれはやっておきたいセキュリティ強化対策

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム(CMS)です。 管理画面のURLが決まっているなど、構造がわかりやすい、オープンソースで脆弱性が発見されやすいなど理由から攻撃対象になり...

WordPressのセキュリティ強化対策!コピペでHTTPセキュリティヘッダを追加 WEB MEMO

WordPressのセキュリティ強化対策!コピペでHTTPセキュリティヘッダを追加

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム(CMS)です。 一方で脆弱性もたくさん公開されています。 利用者が多い&脆弱性も多いシステムなので攻撃者の格好の攻撃対象にもなりやすいと...

WordPressでサイト制作をする時のメモ WEB MEMO

WordPressでサイト制作をする時のメモ

WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 MENU1 マストな設定2 クライアントに支給してもらうもの3 マストなページ4 クライアントとの調整5 サイト...

Advanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法 WEB MEMO

Advanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法

Advanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 Advanced Custom Fields 基本の出力 [crayo...

WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと WEB MEMO

WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと

2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか?」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したの...

WordPress|アイキャッチ画像のAlt(代替テキスト)に記事タイトルを設定する方法 WEB MEMO

WordPress|アイキャッチ画像のAlt(代替テキスト)に記事タイトルを設定する方法

ME WordPressのアイキャッチ画像のAltタグ(代替テキスト)に記事タイトルを自動取得する方法を紹介しまっす! MENU1 Alt(代替テキスト)を設置する理由1.1 検索エンジン対策1.2 ユーザー補助2 デフ...

WordPress、投稿タグのリンク有り無しの出力方法 WEB MEMO

WordPress、投稿タグのリンク有り無しの出力方法

リンク付き [crayon-603a30ee66aec392466970/] リンク無し [crayon-603a30ee66aef530535446/]...

WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置 WEB MEMO

WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置

ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね? その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか? ME こういうのために記事詳細ページに以...

Advanced Custom Fields関連|関連記事に紐づくカスタムフィールドを出力 WEB MEMO

Advanced Custom Fields関連|関連記事に紐づくカスタムフィールドを出力

Advanced Custom Fieldsの「関連」で、関連記事なんかを設定・紐づけするのは簡単なんだけども… 関連記事のカスタムフィールドの扱いはどうするんだろう??ってことを解決するためのコードです。 仕様 関連記...

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった… WEB MEMO

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった…

WordPressのカスタム投稿を利用して店舗一覧を作った。 カテゴリのイメージは以下のようにしました。 ■関東エリア(親カテゴリ) │ ├ 東京都(子カテゴリ) │    ├ 店舗(記事) │    └ 店舗(記事) ...

CSSで作る押したった感のあるボタン風リンク WEB MEMO

CSSで作る押したった感のあるボタン風リンク

GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きをつけるボタンを作れ...

【コピペ用】セレクトフォームの都道府県リスト WEB MEMO

【コピペ用】セレクトフォームの都道府県リスト

GIRL 都道府県セレクトフォームなんかで使える、コピペ用の一覧になります。 お役に立ててください。 MENU1 カンマ区切り2 リスト3 フォーム – Value値が都道府県名4 フォーム – Value値が都道府県コ...

WordPressの独自テンプレートにBootstrap v4.5を速攻で組み込むためのソースコード公開 WEB MEMO

WordPressの独自テンプレートにBootstrap v4.5を速攻で組み込むためのソースコード公開

スピードを求められるサイト制作の場合、WordPressとBootstrapの組み合わせが自分に合っているようです。 レスポンシブ対応でタブレットもさらっと出来るのでクライアント様にもスマホ対応だけでないって部分で喜ばれ...

Bootstrapドロップダウンメニューをマウスホバーで展開する WEB MEMO

Bootstrapドロップダウンメニューをマウスホバーで展開する

Bootstrapのドロップダウンメニューはクリックでないと展開しないのをマウスホバーで展開する方法をご紹介! JavaScript [crayon-603a30ee670ef970583588/] HTML [cray...