非表示サルワカのサポートを大いに利用ブログカードのデザイン統一プラグインに頼らないブログカードサルワカサポートで更にSANGO風にサルワカのサポートを大いに利用ワードプレスを使い始めて10年。ブログ記事更新がかなり億劫になってきていた。それが最近、再び楽しいと思えるようになってきた。その理由は大きく二つ。その理由の詳細は、またいずれブログ記事にするとして、大きな理由の一つは有料テーマであるSANGOを使い始めたこと。困ったことがあったら「サルワカ」を確認すればいい。SANGOの解説ページの問い合わせで質問してもよい(実際質問してる)。タグやショートコードの使い方も一度覚えるとデザインの統一感などをだすのに非常に使い勝手がよいことが分かってきて益々使うのが楽しくなる。記事作成に専念できる環境が整う。ブログカードのデザイン統一SANGOの使い勝手の良さには満足しつつあるのであるが、一つ改良したい点があった。改良したいことSANGOオリジナルのブログカード(リンクカード)を、外部リンクやサイト内検索結果やタグへのリンクにも使いたい。これを実現するためには、自分でブログカードを作成して出来るだけそのデザインをSANGOのオリジナルのブログカードに似せてつくるしかない。HTMLなんて全然分からない間もなく54歳の昭和世代の私には作れんだろうと思ったけど、どうしても作りたいと思い続けると、願いは叶うもの(笑)。実際にはCSSやHTMLの最低限の基礎は理解できないとイケないないけど、この点は態々解説書とか買わなくても、サルワカのサイトで十分に学習できた。Webデザインをイチから学ぼうネット検索してみると、ブログカードを簡単かつ手軽に自作する手段として検索結果によく出てくるのが、Pz-LinkCard。これは、お手軽に作れる半面、表示が遅く重いとデメリットを上げているサイトがいくつか見られた。そこで、Pz-LinkCardのようなプラグインを使わずになんとかSANGOオリジナル風のブログカードを作れないかとさらにネット検索を続けた。プラグインに頼らないブログカードその結果として、私はWEBトマトさんのmacoblogのブログ記事に紹介されているやり方が非常に分かりやすいと思った。.....で、早速ブログカードを作ってみた。【WordPress】コピペで実装ブログカードの作り方【プラグインなし】やり方は簡単。WEBトマトさんの説明に従ってfunctions.phpとstyle.cssにコピペするだけ。サルワカサポートで更にSANGO風にただ、SANGOのブログカードのデザインに似せるためにちょっとだけ工夫した。工夫したといってもこれも他力本願。サルワカのサイトにボックスに影をつけるCSSが紹介されています;サルワカの参考記事2【CSS】box-shadowで影をつける方法とサンプル集このサルワカのbox-shadowの解説を参考に、WEBトマトさんの記事で紹介されているstyle.cssの記述に以下の赤字の部分を加えた。カードにカーソルを合わせた時にフワッと浮かぶようなあのSANGOのカード独特の雰囲気を再現するために以下の青字の部分を加えた。-2px);}以上、ご参考になればと思います。:SANGORelatedWindows10へ。