web研究会

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

web研究会

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

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

猫の、のりこさんが2022年5/13日に亡くなりました まだ９歳の女の子でした。今３週間ほどたち、精神的にも少し落ち着いてきたので、皆さんにも知って欲しいと思い、書きます 特に、今ペットを飼っている人で、そのペットが病気などで弱っていっている。という方にいくつか参考になる話があるかもしれません。 のりこさんは茶トラの女の子でした。「まるどら」という柄でその種類で女の子が生まれる確率はなんと２万分の1です ※とはいえ、これはあとから知った情報なんですが・・・ のりこはいつも

web研究会

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

      SSLになっているドメインのサイトをリニューアルしサーバ移行する際に・・・ ロリポップアカウントでサイトを作り、ドメインのDNSを変更 これでロリポップドメインで表示されるはずだが、なぜかhttpsで表示しようとし、サイトはSSLになっていないのでページが見えない 超あせる！！ 一回も開いていないブラウザだとhttpで見える！ さて、この状態の時にお構いなしに ダッシュボードの一般設定より https://aaaa.com に変更し、サーバのSSL設定をお構いな

      web研究会

      • wordpress　突然画面が真っ白！！

        突然ワードプレスが真っ白になるという現象に！ 超あせる！ まずは一度深呼吸しましょう この現象の場合の多くはプラグインが互換性問題を起こしている可能性が高い なので一度それをハッキリさせる FTPから「wp-content/plugins」を探します そしてpluginsフォルダの名前を変更します　例　「plagins_hozon] これでプラグインが全て無効化された状態です でトップページを見て、映っているかを確認します 映っていたらプラグインのドレかがエラーを引き起

        web研究会

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

          wordPress管理画面の固定ページや投稿ページでショートコードを呼び出すときは、[]で呼び出すことができる。 [ショートコードの文字列] でも時々、テーマを自作している時、のPHPファイル内でショートコードを呼び出したい時もありますよね。 その時は、次のようにコードを書くと、ショートコードが実行されます。 簡単です！ <?php echo do_shortcode('[ショートコードの文字列]'); ?>

          web研究会

          wordpressの投稿抜粋、全文表示

          ワードプレス記事の抜粋部分。場合によっては全文表示したい事もあったりしてまとめてみました index.phpやpage.phpをまずチェック（テーマによります） the_excerpt() または the_content() という記述があると思います。 the_excerpt() 上記は抜粋部分を表示させる。この記述により記事を抜粋（デフォルトは１１０文字）で 表示するようになっています。 次に、全文表示にする場合は the_content() この記述で全文

          web研究会

          wordpressの投稿抜粋、全文表示

          web研究会

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

          スマホは機能上なのかキャッシュの蓄積がめちゃめや強い！スマホサイト制作によくあるのが ワシ「修正終わりましたんでご確認ください」 客「全然なおっとらんよ」 ワシ「あ、それキャッシュなんでブラウザをキャッシュクリアしてもらえますか？」 客「なんそれ？美味しいの？わけわからん」 とまあこんなやりとりは日常茶碗蒸しです そんな時、お客様のスマホのブラウザがクロームなら「シークレットタブ」サファリなら「プライベートブラウズモード」で確認をすれば、一発でＯＫ。 まあ　その確認の仕

          web研究会

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

          web研究会

          スマホアイコン

          せっかく作ったスマートフォンに対応したサイトなら、細かい所までケアしたいものです。このアイコンの指定方法、実は簡単です。headタグ内に以下を追加して、アイコン用の画像を用意するだけで指定できます。 <link rel="apple-touch-icon" href="画像パス" /> アイコン画像の仕様については以下にまとめておきます。 項目 説明 アイコン画像 サイズ 114×114ピクセル （但し、正方形であれば57ピクセル以上でも可） アイコン画像 フォーマット

          web研究会

          スマホアイコン

          web研究会

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

          WordPressでjQueryを使いたいのに動かない時は、「jQuery(function($){ });」で前後を囲んでカプセル化してやれば簡単です。 これで囲むと、その中では「$」が使えますので、サンプルコードもそのままコピーすれば動きます。カプセル化した中には普通のjQueryの書き方でOKです。特に修正は必要ありません。 例 <script type="text/javascript"> jQuery(function ($) { //ここに普通のjQue

          web研究会

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

          web研究会

          ワードプレスをバージョンアップしたら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-script .php と書き換える事で解決できた

          web研究会

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

          web研究会

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

          簡単にちょっとおしゃれなリンク画像 カーソルが重なった時ににゅっと拡大させる HTML <div class=”imgWrap”> 画像のタグ </div> CSSには .imgWrap { overflow: hidden; /*拡大時にはみ出た部分を隠す*/ width: 320px; /*画像の幅*/ height: 180px; /*画像の高さ*/ } .imgWrap img { display: block; transition-dura

          web研究会

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

          web研究会

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

          とりあえずクリエイティブクラウドあたりのアップデートから嫌な予感があった・・・ イラストレータを開こうとしたところ「クラッシュレポート」と表示されイラレが開かず、超あせる！！ 「コントロールパネル」「プログラムと機能」「アンインストールと変更」で「修復」を選択したところ解決しました！！ 以下は正確な流れ ①Creative CloudをPC上からアンインストール アンインストールするとイラレやフォトショも消えちゃうんじゃないの？と思うが結論、まったく問題ナシ　ズバっと

          web研究会

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

          web研究会