kjtecのブックマーク - はてなブックマーク

[WordPress]インパクトのあるツイッターカードを作る方法（Twitter Cardsプラグイン設定）

ツイッターカードとはツイッターカードとは、ツイートの﹁概要を表示﹂をクリックすると出てくるリンク先情報のカードです。誰がつぶやいたかは関係なく、リンク先にツイッターカード情報が埋め込まれていると、以下のようにツイートの下に表示されます。 WordPressでTwitter Cardsプラグインをインストールし、Twitterにカード申請すれば、基本的に上記のように表示されるようになります。︵Twitter Cards申請方法についてはこちらを参照してください︶ただ、Twitter Cardsプラグインでは、デフォルトのツイッターカードしか利用できません。今回は、それを以下のような大きな画像を使ったインパクトのあるツイッターカードに変更する方法です。ついでにドメイン情報や作者情報も設定します。こうすることで、わざわざ﹁概要を表示﹂をクリックして開いてくれた人に、よりわかりやすいペー

kjtec 2022/12/01

リンク

プラグイン不要でTwitterカードをコピペでサクッと設置する方法｜WordPressカスタマイズ

<meta name="twitter:card" content="summary"> <?php if (is_singular()){//投稿・固定ページの場合 if(have_posts()): while(have_posts()): the_post(); echo '<meta name="twitter:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋を表示 endwhile; endif; echo '<meta name="twitter:title" content="'; the_title(); echo '">';echo "\n";//単一記事タイトルを表示 echo '<meta name="twitte

kjtec 2022/12/01

Twitterカードの設定方法

WordPress

リンク

ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法

先日、PageSpeed Insightsというツールを知りました。 PageSpeed Insightsとは、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールです。早速、僕のブログも試してみたところ、速度がさんざんな結果になりました。 photo by DAVID MELCHOR DIAZ PageSpeed Insightsでのテスト結果モバイルのテスト結果、43点。パソコンのテスト結果、61点。﹁これはいけませんぞ！﹂と思いましたが、とりあえず、いきなり全ての問題を一度に解決するのは不可能なので、まずはパソコンの方から修正していくことにしました。パソコンの修正提案の概要 PageSpeed Insightsでは、サイトの表示スピードが高速になるように修正箇所を提案してくれます。当ブログが今

kjtec 2018/07/30

あとで読む

リンク

画面操作などをGIFで録画できる「ScreenToGif」を利用して直感的に伝える

Screen To GifとはScreenToGifは、矩形で選択したデスクトップエリアを手軽に録画・再生・保存できるツールです。サイトに対応機種とかは書かれていないのですが、おそらくWindows用のソフトです。単なるGIF録画ツールならLICEcapでも良いのですが、Screen To Gifは﹁録画したGIFをその場で再生する機能﹂があります。再生機能があると、録画した動作などを、すぐさま確認して、OKかNGかを判断できるので使い勝手が良いです。その他の利点として、日本語に対応しているとか、 GIFの再生状態・品質を設定できるとか、ツールの動作を細かく設定できるなどがあります。このように、使用者に合わせて設定を自由にカスタマイズすることができます。Screen To Gifのダウンロード日本語環境でScreen To Gifを使うなら、ダウンロードページから、﹁Mu

kjtec 2018/01/09

あとで試してみたい。忘れなければ。

tool

リンク

無料で説明図を作るならドローツール「draw.io」に敵うものはないかも

で、図説ドローツールとしては、CacooやGliffyを紹介しました。けれども、﹁draw.io﹂というのを使ってみたら、完全に無料で利用できるうえに、日本語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。通常、こういったドローツールは、﹁作業シート何枚まで無料であとは有料﹂などというサービスも多いのですが、draw.ioは完全無料で利用することができます。やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。チャートなんかも。こんな回路図なんかも。もちろんこんなフローも。

kjtec 2017/12/05

*お絵描き

リンク

画像内の日本語テキストを抽出できる「Online OCR」が無料なのに便利すぎる

Online OCRとはOnline OCRは、46ヶ国の言語に対応して画像からテキストを抽出することができる無料のオンラインOCRツールです。登録なしでの利用現在、登録なしの状態で、15MBまでなら以下の形式の単一ファイルを読み込むことができます。 PDF (単一ページ) TIF/TIFF (単一ページ) JPEG/JPG BMP PNG GIF そして、以下の形式で出力することができます。 Microsoft Excel (xlsx) Microsoft Word (docx) プレーンテキスト (txt) 登録なしでも、ライトユーザーであれば十分すぎるくらい便利です。無料登録をするとOnline OCRは、登録しなくても十分便利なのですが、無料登録を行うことにより、さらにできることの幅が広がります。以下の形式のファイルを200MBまで読み込むことができるようになります。

kjtec 2017/07/13

リンク

WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた

それで、﹁そんなにいいのかな？﹂と半信半疑でインストールして、使ってみた瞬間、惚れました。プログラミングをする人にとって、Sublime Textは、﹁恋に落ちるエディター﹂とよく言われていますけど、WEB開発者にとってBliskは﹁恋に落ちるブラウザ﹂といっても過言はないのではないかと思います。以下では、そう思うに至った理由について述べたいと思います。この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk︵ブリスク︶とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。現在は、Wi

kjtec 2016/10/31

リンク

はてなブックマーク

タグ

ブックマーク / nelog.jp (7)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス