web研究会

主にワードプレスをフル活用して企業用web制作を行っています。css系の備忘録としても…

web研究会

主にワードプレスをフル活用して企業用web制作を行っています。css系の備忘録としてもnoteを使っています。 サイトURL https://index2011.net/

記事一覧

我が家の猫「のりこ」さんの最後を聞いてください

猫の、のりこさんが2022年5/13日に亡くなりました まだ9歳の女の子でした。今3週間ほどたち、精神的にも少し落ち着いてきたので、皆さんにも知って欲しいと思い、書きま…

web研究会
2年前
1

サイト作成トラブル SSLになっているドメインDNS変更した時に

SSLになっているドメインのサイトをリニューアルしサーバ移行する際に・・・ ロリポップアカウントでサイトを作り、ドメインのDNSを変更 これでロリポップドメインで表示…

web研究会
3年前

wordpress 突然画面が真っ白!!

突然ワードプレスが真っ白になるという現象に! 超あせる! まずは一度深呼吸しましょう この現象の場合の多くはプラグインが互換性問題を起こしている可能性が高い なの…

web研究会
3年前
4

worpressテーマphpでショートコードを呼び出す方法

wordPress管理画面の固定ページや投稿ページでショートコードを呼び出すときは、[]で呼び出すことができる。 [ショートコードの文字列] でも時々、テーマを自作している…

web研究会
3年前
4

wordpressの投稿抜粋、全文表示

ワードプレス記事の抜粋部分。場合によっては全文表示したい事もあったりしてまとめてみました index.phpやpage.phpをまずチェック(テーマによります) the_excerpt() …

web研究会
3年前
2

スマホサイト構築中のやっかいなキャッシュ

スマホは機能上なのかキャッシュの蓄積がめちゃめや強い!スマホサイト制作によくあるのが ワシ「修正終わりましたんでご確認ください」 客「全然なおっとらんよ」 ワシ「…

web研究会
3年前

スマホアイコン

せっかく作ったスマートフォンに対応したサイトなら、細かい所までケアしたいものです。このアイコンの指定方法、実は簡単です。headタグ内に以下を追加して、アイコン用の…

web研究会
3年前

ワードプレスでjQueryがうごかない!!

WordPressでjQueryを使いたいのに動かない時は、「jQuery(function($){ });」で前後を囲んでカプセル化してやれば簡単です。 これで囲むと、その中では「$」が使えますの…

web研究会
3年前

ワードプレスをバージョンアップしたらYour server is running PHP version 5.4.45 but WordPress 5.3.2 requires at least 5.6.…

ワードプレスをバージョンアップした際、ダッシュボードは問題ないが、トップを開くと Your server is running PHP version 5.4.45 but WordPress 5.3.2 requires at leas…

web研究会
3年前

【CSS備忘録】リンク画像をにゅっと拡大

簡単にちょっとおしゃれなリンク画像 カーソルが重なった時ににゅっと拡大させる HTML <div class=”imgWrap”> 画像のタグ </div> CSSには .imgWrap { overflow: hi…

web研究会
3年前

adobeソフトが開かない!困った!

とりあえずクリエイティブクラウドあたりのアップデートから嫌な予感があった・・・ イラストレータを開こうとしたところ「クラッシュレポート」と表示されイラレが開かず…

web研究会
3年前
我が家の猫「のりこ」さんの最後を聞いてください

我が家の猫「のりこ」さんの最後を聞いてください

猫の、のりこさんが2022年5/13日に亡くなりました
まだ9歳の女の子でした。今3週間ほどたち、精神的にも少し落ち着いてきたので、皆さんにも知って欲しいと思い、書きます
特に、今ペットを飼っている人で、そのペットが病気などで弱っていっている。という方にいくつか参考になる話があるかもしれません。

のりこさんは茶トラの女の子でした。「まるどら」という柄でその種類で女の子が生まれる確率はなんと2万分

もっとみる
サイト作成トラブル SSLになっているドメインDNS変更した時に

サイト作成トラブル SSLになっているドメインDNS変更した時に

SSLになっているドメインのサイトをリニューアルしサーバ移行する際に・・・

ロリポップアカウントでサイトを作り、ドメインのDNSを変更

これでロリポップドメインで表示されるはずだが、なぜかhttpsで表示しようとし、サイトはSSLになっていないのでページが見えない
超あせる!!

一回も開いていないブラウザだとhttpで見える!

さて、この状態の時にお構いなしに

ダッシュボードの一般設定よ

もっとみる
wordpress 突然画面が真っ白!!

wordpress 突然画面が真っ白!!

突然ワードプレスが真っ白になるという現象に!
超あせる!

まずは一度深呼吸しましょう
この現象の場合の多くはプラグインが互換性問題を起こしている可能性が高い

なので一度それをハッキリさせる
FTPから「wp-content/plugins」を探します
そしてpluginsフォルダの名前を変更します 例 「plagins_hozon]

これでプラグインが全て無効化された状態です
でトップページ

もっとみる
worpressテーマphpでショートコードを呼び出す方法

worpressテーマphpでショートコードを呼び出す方法

wordPress管理画面の固定ページや投稿ページでショートコードを呼び出すときは、[]で呼び出すことができる。

[ショートコードの文字列]

でも時々、テーマを自作している時、のPHPファイル内でショートコードを呼び出したい時もありますよね。
その時は、次のようにコードを書くと、ショートコードが実行されます。
簡単です!

<?php echo do_shortcode('[ショートコードの文

もっとみる
wordpressの投稿抜粋、全文表示

wordpressの投稿抜粋、全文表示

ワードプレス記事の抜粋部分。場合によっては全文表示したい事もあったりしてまとめてみました

index.phpやpage.phpをまずチェック(テーマによります)

the_excerpt()
または
the_content()

という記述があると思います。

the_excerpt()

上記は抜粋部分を表示させる。この記述により記事を抜粋(デフォルトは110文字)で
表示するようになっていま

もっとみる
スマホサイト構築中のやっかいなキャッシュ

スマホサイト構築中のやっかいなキャッシュ

スマホは機能上なのかキャッシュの蓄積がめちゃめや強い!スマホサイト制作によくあるのが
ワシ「修正終わりましたんでご確認ください」
客「全然なおっとらんよ」
ワシ「あ、それキャッシュなんでブラウザをキャッシュクリアしてもらえますか?」
客「なんそれ?美味しいの?わけわからん」

とまあこんなやりとりは日常茶碗蒸しです

そんな時、お客様のスマホのブラウザがクロームなら「シークレットタブ」サファリなら

もっとみる
スマホアイコン

スマホアイコン

せっかく作ったスマートフォンに対応したサイトなら、細かい所までケアしたいものです。このアイコンの指定方法、実は簡単です。headタグ内に以下を追加して、アイコン用の画像を用意するだけで指定できます。

<link rel="apple-touch-icon" href="画像パス" />
アイコン画像の仕様については以下にまとめておきます。

項目 説明
アイコン画像
サイズ 114×114ピクセ

もっとみる
ワードプレスでjQueryがうごかない!!

ワードプレスでjQueryがうごかない!!

WordPressでjQueryを使いたいのに動かない時は、「jQuery(function($){ });」で前後を囲んでカプセル化してやれば簡単です。

これで囲むと、その中では「$」が使えますので、サンプルコードもそのままコピーすれば動きます。カプセル化した中には普通のjQueryの書き方でOKです。特に修正は必要ありません。


<script type="text/javascript

もっとみる
ワードプレスをバージョンアップしたらYour server is running PHP version 5.4.45 but WordPress 5.3.2 requires at least 5.6.20. となんか出て焦る!!

ワードプレスをバージョンアップしたらYour server is running PHP version 5.4.45 but WordPress 5.3.2 requires at least 5.6.20. となんか出て焦る!!

ワードプレスをバージョンアップした際、ダッシュボードは問題ないが、トップを開くと

Your server is running PHP version 5.4.45 but WordPress 5.3.2 requires at least 5.6.20.

と表示されている・・・・
※なおサーバはhteml

rootにあるhtaccessの最初の行

AddHandler php7.0-sc

もっとみる
【CSS備忘録】リンク画像をにゅっと拡大

【CSS備忘録】リンク画像をにゅっと拡大

簡単にちょっとおしゃれなリンク画像
カーソルが重なった時ににゅっと拡大させる

HTML

<div class=”imgWrap”>

画像のタグ

</div>

CSSには
.imgWrap {

overflow: hidden; /*拡大時にはみ出た部分を隠す*/

width: 320px; /*画像の幅*/

height: 180px; /*画像の高さ*/

}

.imgWrap

もっとみる
adobeソフトが開かない!困った!

adobeソフトが開かない!困った!

とりあえずクリエイティブクラウドあたりのアップデートから嫌な予感があった・・・

イラストレータを開こうとしたところ「クラッシュレポート」と表示されイラレが開かず、超あせる!!

「コントロールパネル」「プログラムと機能」「アンインストールと変更」で「修復」を選択したところ解決しました!!

以下は正確な流れ

①Creative CloudをPC上からアンインストール
アンインストールするとイラ

もっとみる