ブログカード作成を手助けしてくれる素敵な情報(まとめ)
内部リンク・・・自分のブログ内記事へのリンク外部リンク・・・自分以外へのリンク ブログカードの種類 ワードプレス用プラグインを使うブログカード ワードプレステーマに付属しているブログカード URLをコピペするだけ作成される(ものもある) 記事内にショートコードで設置する はてな「ブログカード拡張機能」 コードジェネレータで作るブログカード ブックマークレットでコード生成 embed.lyからコード生成 Create Link+HeartRails Captureでコード生成 functions.phpを編 ...
見出しの前にCSSを使って丸数字を自動でつけたい
こんな悩みをもっている方へ 自動で見出しにナンバリングする方法を紹介している記事になります。 いくつかの手法がありますが、簡単なこの手法でブログ記事作りの悩みをひとつ減らすことができるかも知れません。とても簡単なので参考にして下さい。 CSSを利用して自動自動ナンバリングするコード紹介 See the Pen 見出しに自動ナンバリングする by Rami (@yomoriy) on CodePen. 丸数字(特殊文字)はcontent で使える特殊文字コード(数値文字参照16進)を使用しています。Unic ...
joplinの同期エラーの発生から解決まで"error sync version of the target・・・
いつの間にかエラーが発生し同期ができない状態が発生しました。同期ボタンの近くにはこのようなエラーメッセージ いろいろな同期エラーの原因があると思いますが、ここではその中のひとつアップデートで解決するエラーを紹介します。 手動操作が必要ですが、最新版アップデーターをダウンロードしてインストールするだけで解決するのでぜひおすすめです。 エラー解決の方法 まずアップデートデータの確認をします アップデートデータの確認 好きな場所にダウンロードします。 アップデータをインストールしていきます。 これで同期エラーが ...
SVG Explorer Extensionでサムネイル表示
pngやjpgのようにサムネイル表示させたい! できるの? その手順を紹介していきます。 簡単なので5分くらいで下記のようなサムネイル表示されるようになります。 こんなふうにサムネイル表示 SVG画像をサムネイル表示、プレビューさせる手順 流れSVG Explorer Extensionというツールをダウンロードしインストールする。(設定なし) GitHubのダウンロードページからファイルをダウンロードします。 ソフトのダウンロード 好きな場所にソフトを保存します。 ソフトのインストール ダウンロードされ ...
[簡単で便利]任意の文字範囲を指定して文字数をカウントする方法
文字数をカウントしたいブロガーさん向けの少し役立つ情報です。 特に文字数を数えるの面倒くさい。コピペするのも嫌。この部分だけの文字数をカウントしたい。方におすすめな記事です。読みやすいブログ記事を作成する方にはおすすめです。 この記事の結論 イロイロあるけれど 「ペースター」の「文字カウント」機能を使うのが便利でおすすめ この記事でわかること ペースターを用いた文字カウント方法 文字カウントするためのペースター設定方法 その他の文字数カウント方法の紹介 ペースターを用いた文字カウントの見本 こんな感じで文 ...
joplinは多機能で使いやすいブログ下書きにも理想のマークダウンエディタでした。
joplinについて知っておきたいこと 高性能な無料テキストとToDo管理できるオープンソースの無料メモ作成アプリ 情報整理からブログ下書きまで使い道はイロイロあります。Evernoteよりも動作が軽快なのと、ツリー構造なので整理整頓が苦手な私でも使いやすく気に入っています。無料で複数のデバイス対応なのも😄くわしく紹介していきます 公式サイト 公式サイト:Joplin ※海外のソフトですが日本語に対応しています。 Joplin 公式フォーラム Evernoteより便利な相棒ツールになったそ ...
めっちゃ便利で役立つGoogleフィードについて
関心のある記事を日々更新してくれるGoogleフィードが便利です。 普段はYahooのニュース位しかみないので 思いもよらないニュースや記事に出会える楽しみがあります。 私の場合 当たり3割、普通の記事か外れ?7割くらいのイメージです。 便利なこと 日課を楽しめる。いつも寝る前に見るんですがその日?の見てみたい記事が掲載されているので 自分で記事を集める必要がないので楽 残念なこと このGoogleフィードはスマホ専用みたいです。 パソコンからも同じように関心ある記事をみることができればとイロイロ調べまし ...
ブログ作成に役立つ(キーワード関連ツール)
本記事が役立つ人 ブログ記事を作成する時のキーワード選定、記事タイトル選定時 記事内容のキーワードの種類を適切に広げたいと考えている。 キーワード関連のツールやサービスを探し求めている方 キーワードツールに求めるモノ キーワードに関する情報を正確に一定量得る事ができること。 多少の手間があっても有料ツールなみの機能を有している無料ツール。 操作が簡単であることも継続して利用することができる。 キーワード関連の横綱級ツール 必須 google Google検索結果が市場規模の目安に繋がります。 必須 Goo ...
ブログ記事作成のモチベーションアップにもつながるプラグイン「WP-PostViews」
モチベーションを高く持ちながらブログ記事作成をする方法 ここではブログを始めたばかりの方に効果的なモチベーションアップ方法、自分が作ったブログ記事のアクセス数を簡単にチェックしていける方法を紹介します。 多くの人はアクセス数やブログ収益が多ければモチベーションは高くなると思います。 ブログ内で注目したい自分の記事をざっくり知ることが前に進んでいく力になります。 初心者には難し目のGoogle アナリティクスとは違った使い方で役立ちます。 「WP-PostViews」を使ってみたらGoogle アナリティク ...
Markdownで記事を書いて投稿を簡単にすることができるvscode機能拡張「WordPress Post」
ブログ作成の効率化を求めて「WordPress Post」に出会う ブログ記事作成の快適化、効率化を求めて勉強中です。その中でとても素敵な機能拡張を見つけたので紹介。(windows10) 「WordPress Post」を使えば執筆速度が2倍?3倍? 結論から言うとVSCode(Visual Studio Code)でMarkdownを使って記事を書きます。そして「WordPress Post」という機能拡張を使うことが大事なポイントです。この「WordPress Post」を使えばVSCode、Mar ...
「非公開のWordPress」を作る。自分だけ?会員向け?3つの方法から選ぶだけ
当たり前ですが、WordPressで公開している記事は 標準だと全てのユーザーが閲覧することができます。ここで紹介した方法で 失敗することなく ブログを非公開にしたり、ユーザーを限定して公開したりする事ができます。 イロイロな方法があると思いますが、シンプルで簡単で便利な方法が大好きです。 非公開したつもりが公開されていたというのが最悪パターンです。こんな失敗を回避するために しっかりまとめた情報を記事にしています。 こんな方向けの記事 自分だけが閲覧できるWordPressを作りたい 家族や知人などに記 ...
静的HTMLをいちばん簡単にWordPress化
このページの目的 静的HTMLのサイトをブログ化=WordPress化したい。 これを 同じドメイン・サーバーで実現したい しかも できるだけ簡単に まず調べてみるとサブディレクトリ(/wp/)に WordPress をインストールして構築その後ドメイン直下にルートディレクトリを変更するのがいちばん楽そう。 私の目的には下記サイトで紹介している内容が簡単でドンピシャでした。http://kawatama.net/web/974※その他の方法は調べるまでに至りませんでした。 大き ...
先頭に画像ありで文が2段の見出しサンプル
こんな2つの悩みをもっている方へ 先頭に画像のある2行の見出しを作るサンプルを紹介している記事になります。 見出しサンプル 下のようなH2見出しを作成することができます。画像や文は適当に変更してください。 2行対応のタイトルサンプル例 この手法でブログ記事作りの悩みをひとつ減らすことができるかも知れません。とても簡単なので参考にして下さい。 コード紹介 See the Pen Untitled by Rami (@yomoriy) on CodePen. カスタマイズの方法は? カスタマイズすると用途はど ...
ブログで使える装飾数字(丸数字)
WordPressなどブログで丸数字を簡単に使える実体参照を使用する方法を紹介丸数字とは数字をまるで囲んであるモノでブログではリストなどでよく用いられます。 文字変換してでてきた機種依存文字は文字化けの原因になります。ブログには「文字実体参照」か「数値文字参照」を利用するようにしましょう。 【別案】CSSでリスト数字を擬似要素で円(丸ボーダー)を作って囲む方法や、プリント用なら丸数字フォント「Circle Number G」を利用する方法もあります。 まとめ 機種依存文字の利用は×文字実体参照の使用は〇数 ...
グリッドレイアウトのタイル風ボックス(タイトル、説明、画像含む)スマホ対応サンプルコード
スマホサイト対応のグリッドレイアウト ▼サンプル PCのときは4列でスマホのときは2列表示になります。アイコンはFont Awesomeを利用しています。 O-DAN 海外画像一気に横断検索 写真AC 無料写真素材たくさんあります シルエットAC シルエット素材たくさんあります PAKUTASO 高画質で面白い写真 多い O-DAN 海外画像一気に横断検索 写真AC 無料写真素材たくさんあります シルエットAC シルエット素材たくさんあります PAKUTASO 高画質で面白い写真 多い サンプルの画像はL ...