CSS

Thumbnail of post image 005

例えば、対象のHTMLコードが修正できなく、
classやidが無いなどで
何番目かの要素に対してCSSを指定したい場合
以下の通り指定いただくと解決します。

最初の要素:first-child:firs ...

Thumbnail of post image 071

HTMLタグ

dl(description list)とは、 説明リストのこと。dt(description term)とは、 説明する言葉のこと。dd(definition / description)とは、 定義文 or 説明文のこと。 つまり、dt ...

Thumbnail of post image 121

CSS

CSSのプロパティである「clear」とは、要素をその前にある浮動要素の下に移動する必要があるかどうかを設定することが出来ます。ちなみにclearは、浮動要素も非浮動要素もどちらも対応出来ます。 clear: none; clear: le ...

Thumbnail of post image 006

ワードプレス

All in one SEO Packを入れてサーチコンソールにサイトマップを登録しようとしてsitemap.xmlを確認したところ、思いがけない以下エラーが発生した。 This page contains the following er ...

Thumbnail of post image 044

CSS

例えばdivなどでレイアウトを行う際に、縦並びにしたい場合があります。 そんなときは、以下コードにて、flexboxで縦並びにするとよいです。 お試しください。 使い方は、親要素に以下CSSを追加することでその内部が縦並びになります。 .w ...

Thumbnail of post image 089

CSS

サイト制作していると、時々デザインの関係で、リンクの下線を消したいときがあります。 その下線を消すにはどうしたら良いか? あまりCSSに詳しくない方は、border-bottomなどで指定してうまくいかないなんてこともあるかもしれません。 ...

Thumbnail of post image 053

ワードプレス

長らくワードプレスを運用していると ついつい不要な画像をそのままメディアから削除し忘れてしまうことがあり バックアップの際、データ量が多くなりすぎて かなり面倒になることがあります。 そこで、不要な画像を一括で削除したくなります。 今回、そ ...

Thumbnail of post image 034

プラグイン

Wordpressのプラグイン「Public Post Preview」は、 下書きの非公開状態の記事をクライアントさんに チェックしてもらうためにプレビューURLをお渡しすることで 非公開状態でもチェックしてもらうことが出来る お仕事では ...

Thumbnail of post image 188

Elementor

充実様です♪ Hiroです♪   今回はElementorで編集中に起こった 思わぬトラブルについてシェアしたいと思います。   Hiroの環境では まったく問題ない内容なので これまで気づかなかったのですが、 お客様に ...

Thumbnail of post image 178

SEO

充実様です♪ 今回はSEOの基本について シェアします。 HTMLでのサイト制作を経験されている方 SEOについてちょっと勉強したことのある方なら ご存じのSEOの基本 画像を貼り付けた際には 画像コードに「alt="画像の説明を入れる"」 ...

Thumbnail of post image 174

ワードプレス

充実さまです。 ワードプレスにて記事を投稿する際 プレビュー確認しようとすると PCでは表示されるのに 何故かスマホでは表示されない現象があります。 この原因の一つに Twitterのツイートを埋め込んでいる場合 今回のケースが該当すること ...

Thumbnail of post image 040

ワードプレス

気づくの遅れてすみませんでした<(_ _)>   当サイトがおそらく先月の20日前後あたりから リダイレクトハッキングされていたようです。   当サイトにアクセスすると リダイレクトで自動的に他の怪しいサイト ...

Thumbnail of post image 126

2022年3月28日CSS

ホームページ制作で 電話番号とか住所の番地にリンクを貼り付けていないのに スマホで確認すると電話のリンクが付いてる場合があります。   そのリンクを解除する場合は 以下、CSSを追加し リンクが付いてるところにClassで 指定し ...

Thumbnail of post image 148

Cyfons

Cyfonsシリーズ 今回もいきます♪ 今回も実際に起こった事例です。 トップページの編集画面で起こった出来事ですが テーブルタグを閉じ忘れると ページレイアウトが崩れ なんと編集画面でも不具合が発生し 編集も出来ない状態となります。 こう ...

Thumbnail of post image 111

Cyfons

今回は、Cyfonsのデータベース情報の確報場所は どこなのか解説したいと思います。 ワードプレスの場合は、 wp-config.php に接続データベースの情報が 格納されています。 今回、Cyfonsのトップページの 編集画面に不具合が ...

Thumbnail of post image 128

ワードプレス

こんにちは、hiroです♪ 久しぶりの投稿になりました。   先日、当サイトが505エラーで しばらく表示されない問題が発生しました。   復旧に結構時間が掛かったので ご迷惑をおかけしました。   今回の問題 ...

Thumbnail of post image 191

ワードプレス

昨日だったかWordpress本体のアップデートがあり 早速、最新状態に更新しました。   アップデートしたところ ウィジェットエリアの仕様が ブロックエディタ仕様に変わりました。   日頃からブロックエディタを使ってる ...

Thumbnail of post image 195

SEO

あなたのサイトにアクセスを集めるために おさえておくべきポイントをシェアします。   SEO対策、アクセスアップを目指す際、 無視できないのが検索エンジンです。   Google、Yahoo、MSNなどありますが 検索エ ...

Thumbnail of post image 186

アドセンスについて

アドセンスをやってる方は 米国の税務情報の提出が必須となっております。   それを提出しないと 出金ができない上、 30%ほど徴収されるため 収益の単価が下がります。   なので、 まだ提出してない方は 提出されることを ...

Thumbnail of post image 094

ワードプレス

Wordpress テーマ「luxeritas」を愛用しているのですが 「luxeritas」に搭載されているウィジェットに とてもいい感じの「カルーセルスライダー」があります。   掲載位置的に「ヘッダー下ウィジェット」あたりに ...

Thumbnail of post image 196

HTMLタグ

iframeを使用する場合、 スクロールバーが表示されるため 見栄えが悪くなるため非表示にしたい場合 以下の通り対応するとよいです。 HTMLのiframeタグに「scrolling="no"」を以下のように追加します。 CSSセレクタでi ...

Thumbnail of post image 042

CSS

CSSにて、文字の太さを指定する方法は以下の通り   .example { font-weight: bold; }   font-weightの指定は normal:標準 (初期値) bold: 太字 で指示することで ...

Thumbnail of post image 174

CSS

CSSで大活躍するborderについて 例えば、border-bottomで下線を引いたとしよう ホントは文字だけに下線を引きたいのだが 色んな条件によって文字だけを指定できず 文字エリア全体を指定せざるおえない場合 そのままだと画面いっぱ ...

Thumbnail of post image 025

プラグイン

Wordpressのプラグインの SSLを簡単に実装できるReally Simple SSLで wp-config.phpに書き込みができないので 指定のコードを貼り付けてくださいという エラーが出ていました。 そのため、通常通り FTPで ...