東京都立川市のWeb制作事務所KOSAERU（コサエル）
理想をカタチに！あなたのホームページをこさえます！

データベースにはぶっこまないけど、目的のサイトから必要な情報を掲載したい時に便利なWordpressのプラグイン「WP Web Scraper」。 インストール後、目的のページURLとセレクタを指定するだけでオッケー！ あとはCSSなんかで整えるだけです。 …

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…

SEO対策にマストな「パンくずリスト」。 ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…

バズってもらうために多くのブログに設置されているソーシャルメディアのシェアボタン。 なんか設置しないと不安になるお守りのような存在なので必ずと言っても過言ではないくらい使います。 デザインはCSSでナンボでも加工できるようにシンプルなリンクで設置する方法をメモ。 Twi…

IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。 CSSのdisplay:box;が使えなかったためだ。 つまったのがLINEアプリ内ブラウザだ。 ユーザーエージェントは分かるが内容が変わってしまう。 グ…

リンク付きのカテゴリ名を出力 複数のカテゴリ選択していても可 [crayon-673f31ec38bf7306338324/] リンク無しのカテゴリ名を出力 カテゴリを複数選択していても出力されるのは一つ [crayon-673f31ec38bf8796144535…

GIRL トップページ、サイドバーなど任意の場所にカスタム投稿タイプの新着記事を表示したい時に以下のコードをかきまふ。 ソース カスタム投稿タイプが「schedule」の新着記事を5件表示の場合 [crayon-673f31ec38c5e70602…

https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …

検索結果に固定ページ＆カスタム投稿を表示させたくなかったのでカスタマイズする。 とりあえず固定ページをフィルタリングしたら理想通りの結果となった。   [crayon-673f31ec38ca5963133206/] …

これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ   [crayon-673f31ec38cfc07…

CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-673f31ec38d46828935991/]

ME デザイン上、文字数を制限したい時ってありませんか？ 例えば、50文字を超えたら、51文字以降は省略して3点リーダーにするとか。 今回はその方法をご紹介しまっす！ ソース 50文字を超えたら、51文字以降は省略して3点リーダーにす…

横幅480px以下になるとリスト表示となるます。 [crayon-673f31ec38df7116720254/]

ME Wordpressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね？ ME ただし！プラグインをインス…

仕事で特定カテゴリを除外してRSS提供したかったので・・・ ちなみに他にも書き方はあるが超簡単な書き方のみとしている ▼カテゴリID42を出力する場合 http://www.example.com/?cat=42&feed=rss2 ▼カテゴリID42と4…

省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-673f31ec38eb1097120523/]   ▼例：以下のようなことがでけました。   …

WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。 ソース [crayon-673f31ec38ef1133764897/] ▼参考例 [crayon-673f31ec38ef361369…

ME canonicalをユニークなものになるように設定しているのに、GoogleさんとこのSearch Consoleに「重複するタイトルタグのあるページ」な～んて言われちゃって、無視してずーっとのこっているのもキモチわるいので手をつけることにしました。 …

▼functions.phpに以下のコードを追加 【出力】冒頭文 [crayon-673f31ec38fa0040298711/]   【2行目】「'」シングルクォーテーションの間に任意の文字を書くこともでける。 【出力】冒頭文…続きを読む [crayo…

以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-673f31ec38fe9708527185/] ▼functions.phpに以下のコード…