【 Akira風ブログカード 】の誤った使い方には気をつけましょう

お久しぶりです。

Akira風ブログカード・・リスペクトの意をこめて
そう呼ばせて頂きます。

確かに、Akira風ブログカードには2種類ありますね。

わたしが
引用版ブログカードを使った時に気付いたのは

blockquoteにスタイルを当てていると反映してしまい
カード自体のスタイルがAkira風ブログカード本来の
スタイルではなくなってしまう。

通常版ブログカードは別ウィンドウで、
自身の記事なのに別窓で開いてしまう。

そんな事かよ！・・ですが、
これって初心者にはどうなのでしょう・・。

わたし自身は面倒くさくて・・と言うと語弊がありますが、
通常版ブログカードを区別なく利用させて頂いていました。
(自身の記事は同ウインドウにカスタムして)

過去形なのは、

Akira風ブログカードを紹介した記事が
引用と区別していなかったので、

この記事は削除いたしました。

自身のブログでAkira風ブログカードの外部リンクは
全て削除いたしました。

自身の記事のご紹介のみ

Akira風ブログカード(通常版)を
利用させて頂いております。

正しい使い方が作者様への
いちばんの敬意だと反省しております。

ぼっちん

To ジュレさん

ジュレさん、お久しぶりです～ コメントをありがとうございます ＾＾

＞ blockquoteにスタイルを当てていると反映してしまい
＞ カード自体のスタイルがAkira風ブログカード本来の
＞ スタイルではなくなってしまう。
はい、それはあると思います。
利用テンプレート側のblockquote自体の背景色設定してあったり、背景画像を利用していたりすると、それが反映されてしまうことはあり得ます。
そんな場合にはカスタマイズの工夫も必要になることでしょう。

＞ 通常版ブログカードは別ウィンドウで、
＞ 自身の記事なのに別窓で開いてしまう。
えっ？ それは私は全く違和感はないですよ (^^ゞポリポリ
私の場合は、ブログカードでなくても、自分のブログ内リンクでも target="_blank" で別窓で展開するように設定するのは普通に行っております。
何故なら、その方がその「別窓を閉じるだけ」のアクションで済むからでして、その方がブラウザ負荷が少なくて済むと思っておりますし、誤って閉じてしまったら、元の記事に戻れなくなってしまうからなんです。
ですから、私の場合というか好みで普段から target="_blank" を利用しておりますから、違和感は感じてないんですよね (^^ゞポリポリ
私がカスタマイズした「カードの何処をクリックしても遷移出来る」方法でも別窓で開くようにしてありますし ＾＾

＞ Akira風ブログカードを紹介した記事が
＞ 引用と区別していなかったので、

＞ この記事は削除いたしました。

＞ 自身のブログでAkira風ブログカードの外部リンクは
＞ 全て削除いたしました。
なんとまぁ、勿体なかったですねぇ、それでしたらデフォルトのままの「引用ブログカード」と差し替えたらよかったのではないでしょうか？
とは言ってももう削除なさったんでは仕方がないですけど (^^ゞポリポリ

カスタマイズはあくまでも利用者の任意行為ですから、上手く表現出来ない時は「諦めることも選択肢」って、私はいつもそんな風に楽しんでおりますけどね～ ＾＾

こんにちは。ぼっちんさん。

自ブログ版と引用版のブログカードですが、今回の件とは逆ですが僕もつい間違えて自ブログ記事へのブログカードなのに引用版のブックマークレットをクリックしてしまうことがよくあります。
自ブログの記事だろうと他の記事から「引用」しているという感覚が先走ってしまっているんだろうと思います。ﾆｬﾊﾊ(*^▽^*)

ブログカードの使い分けが煩わしい・自信がないという方は、引用版ブログカードだけブックマークレットに登録しておき全て引用版ブログカードで対応するというのもアリだと考えています。
自ブログ記事概要に対して引用タグblockquoteを用いても評価的にマイナスになることはないと思ってます。
ブログカード概要の内容まで検索ワードとして認識させたいという人はほとんどいないでしょうし…たぶん。(;・∀・)

ぼっちん

To mochiさん

mochiさん、おはようございます ＾＾

mochiさんのコメント読んで、また (〃＾▽＾〃)oあはははっ♪　って笑ってしまいましたよ（笑）
間違いじゃない発想ですよね～。
私も、ずっと以前にAkiraさんのテンプレートではない頃に、もっと過去の記事内容を用いるときに blockquote 使って装飾していたことがあったんです (^^ゞポリポリ
まぁ、当時は私のWeb知識もほんっとに初心者まるだしでしたから、それに「我ながら上手く表現出来たわい！」なんて悦に入っていたんでした（笑）

確かにそれってペナルティには該当しないですよね～ d(-_^)good！！

＞ ブログカードの使い分けが煩わしい・自信がないという方は、引用版ブログカードだけブックマークレットに登録しておき全て引用版ブログカードで対応するというのもアリだと考えています。
(〃＾▽＾〃)oあはははっ♪　って笑いながら一票入れさせて戴きます～（笑）

そそそ、mochiさんから戴いた「引用ブックマークレット-mochi版」も重宝させて戴いておりますからね～（笑）

こんばんは〜

一年前にぼっちんさんからブログカードを教えていただきEmbedlyを使っていましたが、通常版と引用版があったのですね。
知らないものに手をつける時は、いろいろルールを学ばなきゃ、思わぬところでペナルティを受けるんだと勉強させてもらいました。
で、早速通常版でAkiraさんのブログを紹介していたものを削除(^^;;
これからは自分のブログだけにブログカードを使うことにしますね。

まさにそれ、やっちゃってました＾＾；
通常版のブログカードを他サイトのリンク用に使ってました。
また一つ勉強になりました、ありがとうございますm(_ _)m
すぐ直してきます＞＜

ぼっちん

To まりもさん

まりもさん、おはようございます ＾＾

ところで、まりもさんったら、勘違いされちゃってますよ～ (^^;; アセ

まりもさんが普段からお使いの「Embedly」と、弊記事の「Akira風ブログカード」とはまったく別物でして、「Embedly」の場合にはブックマークレットは1種類しかありません。
「Embedly」は、システム的に自身の記事でも第三者の記事でも「外部ファイル」として同列に扱っておりまして、従って「Akira風ブログカード」のような「通常版・引用版」の概念を持たなくて、全てを引用版のような扱いになっているんです。

ですから

＞ 早速通常版でAkiraさんのブログを紹介していたものを削除(^^;;
＞ これからは自分のブログだけにブログカードを使うことにしますね。

これは必要なかったんですよ～ (^^;; アセアセ
と言うか、まりもさんに勘違いさせるような記事になっていたようで、申し訳ございません m(_ _)m

ぼっちん

To きのさん

きのさん、おはようございます ＾＾

おやまぁ、きのさんもやっちゃってましたか (^^;; アセ
私は、きのさんの記事でのその誤りには気がついてなかったです、どれがそうだったか目撃したかった（笑）

＞ また一つ勉強になりました、ありがとうございますm(_ _)m
＞ すぐ直してきます＞＜
ハーイ(^O^")／　複数箇所あったらご面倒でしょうけど、頑張って下さいね～ (^^ゞポリポリ
相手はロボットですから、融通が利かないですからねぇ (^_^; ｱﾊﾊ…

>「Embedly」は・・・全てを引用版のような扱いになっているんです。

なるほど！今回はブログカードでも「Akira風ブログカード」に限定される内容だったのですね。
教えていただきありがとうございます。
知識がないので、勝手に勘違いしただけです(^^;;
有益な情報をありがとうございました。

ぼっちん

To まりもさん

まりもさん、こんにちは～ ＾＾

ハーイ(^O^")／　ご理解戴けて (^。^;)ホッ としております。
削除実行しちゃう前に、一言聞いて下さってたらと思いましたが、、、(^^ゞポリポリ
でも、もうこれで意味を分かって戴けたご様子で良かったです ＾＾

このコメントは管理人のみ閲覧できます

ぼっちん

To 鍵コメさん

鍵コメさん、こんにちは～ ＾＾

「Akira風ブログカード」って私が勝手にネーミングさせて戴いたんです、単に「ブログカード」っていろんな種類があるものですからそれらと一線を画す意味で（笑）

はい、利用にはブログカード用のCSSをテンプレートの「CSS」に追記しておく必要がありますし、記事に貼るには、ブックマークレットをブラウザのブックマークバーに登録必要がありますし、そこから取得するブログカード用のHTMLを記事に貼り付ける作業が必要で、残念ながらそれらの処理がスマホ画面では無理で、パソコン画面での作業が必要なんです。

使えるようになると、楽しいんですけどね～ ＾＾

このコメントは管理人のみ閲覧できます

ぼっちん

To 鍵コメさん

は～い、お時間のある時に、じっくり腰を据えてチャレンジしてみて下さいね。
実際にブログカードが使えるようになると、ブログライフがより更に楽しくなりますから（笑）

弊ブログの「Akira風ブログカード」カテゴリに、ブログカードの背景装飾や便利な使い方などをまとめてありますから、必要になりましたらじっくりご参照下さい ＾＾

ぼっちん先生！こんばんは。
Akira先生に思いきって質問もいたしまして何とかブログカード導入
できたかしら・・・
カスタマイズはまだ遠い　素のまま　ですが（苦笑。

ぼっちんさんの記事を紹介させていただきました（下記リンク）。事後報告で申し訳ございません、、もし何らか不都合がございましたら、当方ブログはコメント欄閉じておりますゆえ、このコメへのご返信にて仰ってくださいませ。

いつもありがとうございます。できました報告とお礼申し上げます。

https://avecmojo.blog.fc2.com/blog-entry-262.html

ぼっちん

To mojorumさん

mojorumさん、こんばんは～ ＾＾

は～い、Akiraさんブログで、mojorumさんの質問コメントを読んでましたよ～（笑）
ついつい、それにレスコメントしたくなっちゃってました (〃＾▽＾〃)oあはははっ♪
Akiraさん、スクショまで用意なさって分かりやすくしてくれてありましたよね、そういうところが彼女の素晴らしさなんです ＾＾

【 カスタマイズはまだ遠い　素のまま　ですが（苦笑。】

は～い、デフォルト(初期設定)のままのブログカードですけど、先ずは今の段階はそれで良いんです♪ それがキチンと表示出来ないことにはカスタマイズへは進められませんからね（笑）

弊ブログ記事までブログカード張ってくださってて、わざわざどうもありがとうございます (*^o^*)ぽっ
カスタマイズは焦らずじっくりチャレンジして下さいね～ ＾＾

あらら 質問してたとこ、ご覧になられてましたか(^^;;
(うむ、手順は把握した。…で、CSSのどこに貼るの？決まった場所があるの？？わからぬ…ヽ(；▽；)ノ )という、初心者丸出しの質問をすぐに投げるのも憚られましたので、CSSを眺めて唸っていたのです…(ノД`)

それなのにスクショまでいただいて。
本当にありがたいことです(*´Д｀*)

あ、いえいえ、ぼっちんさんのこちらの記事、とても大事だと思いましたので。
導入と同時に再度確認の為に貼らせていただきました＾＾

上の鍵コメが誰かは、ご覧になった他の方にもバレている頃でしょうw

カスタマイズはぼちぼち取り組んでいきたいです。ありがとうございます＾＾

ぼっちん

To mojorumさん

「Akira風ブログカード」ってほんっとにカスタマイズし易くて、いろいろな拡張性もあって、そういう「使いこなす」テクニックを覚えると、どんどん楽しさの深みにはまり込んで行っちゃうくらいの楽しさもあるんですよ（笑）

先ずは、私も「カラー背景」とかその他のカスタマイズ記事をいくつか書いてありますから、先ずはそれらのコピペでカラー背景にしたりして、自由にそれらを使えるようになったら、やがてはmojorumさん流のカスタマイズへと楽しさを膨らませてCSSの知識を覚えて行かれたら良いと思いますよ ＾＾

楽しみながらいろいろと頑張ってみて下さいね～ ＾＾

はい、「楽しみながら」←これ大事ですよね、、
ぼっちんさんの記事を参考にさせていただきつつ頑張ります( ´ ▽ ` )ﾉ
(夜分に失礼いたしました。)

ぼっちん

To mojorumさん

mojorumさん、おはようございます ＾＾

先を焦らないで、一歩一歩進めましょうね (^_-)-☆パチッ
「HTMLタグのみ」での記事編集についても ＾＾

今の「自動改行」のままだと、それで記事執筆して来た余白などもブログカードにそのまま表示されちゃいますから「余白などが多い」間延びしたブログカードになっちゃうんです。
そういう「他の人のAkira風ブログカードと何か様子が違うんだけど」という部分にご自身で気がつくと「そこから原因追及が始められる」訳です。

まぁまぁ、焦らずじっくりと、、、ですね（笑）

ぼっちんさん こんにちは。

HTMLで改行 にしてリライトしてきました💦
初めて<p>だの<br>だの使いました😅
よくわからないところは初期設定のまま、触っていなかったんです >自動改行

Akiraさん、ぼっちんさん御二方からのアドバイス、本当に感謝しておりますm(_ _)m
初心者向けのHTML&CSSのテキスト買って勉強します〜 (ボケ防止の為にもw)

いつもありがとうございます😊

ぼっちん

To mojorumさん

mojorumさん、こんにちは～ ＾＾

あっ♪ mojorumさんったら、なんと素晴らしいことを（笑）

リライトなさった記事で、もう早くも <p></p> 段落タグ と <br> の改行タグを使ってらっしゃるじゃないですか (^-^)//""パチパチパチ～
FC2ブログの記事編集で改行の扱いを「HTMLタグのみ」で記事を書くって、まさにそのようなHTMLタグ知識が必要になるんです、それで自身の思い通りに記事整形が出来るようになるんです。
それを昨夜から僅か半日でもう知識吸収しちゃったって、凄いですねぇ ＾＾

そうなんです、だからこそほんとはブログ初心者的なブロガーさんであっても、改行の扱いを「HTMLタグのみ」で書くことを1人でも多く覚えて戴きたいんですよね。

【 初心者向けのHTML&CSSのテキスト買って勉強します〜 (ボケ防止の為にもw) 】

はい、それも良いと思いますけど、もうネット上にはたくさんのそのような知識が豊富に見られますから「ググって覚える」のも、方法なんですよね（笑）
私はググって覚えて来たんですけど（笑）

こんばんは、
(何度も何度も失礼いたします…😅)

とりあえず現時点ではこのような感じでよろしいでしょうか…？

改行をHTMLのみに設定
↓
HTMLタグ付けないと改行しないぢゃないの💦
↓
慌ててググる
↓
<p></p>? <br>??
↓
わけワカメながらも入れてみました ←今ココ

以上が 昨夜からの舞台裏でございます(^-^;

はい、ググると初心者向けに解説して下さっているサイトもあり、読み始めておりますが… 「書物」が好きなんです。
早速書店へ行って一冊買ってきました。 会社へも持って行って暇を見つけて読む楽しみができました。
ちょっと重いけど(笑

ご指南ありがとうございます😊

ぼっちん

To mojorumさん

mojorumさん、こんばんは～ ＾＾
は～い、必要でしたら何度でもご登場下さいね～（笑）
昨夜からの舞台裏事情も了解です～ ＾＾

でも「旧投稿画面」で「HTMLタグのみ」で記事を書くって、<p></p>と<br> を使えれば、とりあえずはテキスト(記事の文字列)は整然と掛けるんですから、十分なんですよ（笑）
ここからは、購入なさった「本」で、いろいろなテクニックをマスターして行かれると良いでしょう ＾＾

ただ、Web知識関連の本を購入なさる時は、出来るだけ「発行日の新しいもの」で購入なさることをお勧めします。
何故なら、Web技術ってどんどん進化して行きますから、ちょっと古くなると「もういまはそれは古い技術だよ、もう除外されたHTMLタグだよ」ってことでW3Cバリデートエラーや警告になってしまったりします（笑）
まぁ、そんなことも頭に隅にでも入れておいて下さいね～（笑）

こんばんは…(また来ました(笑)

>> 必要でしたら何度でもご登場下さいね ～（笑）

ありがとうございます…よろしくお願い申し上げます(*´Д｀*)

>> <p></p>と<br> を使えれば、とりあえずはテキスト(記事の文字列)は整然と掛けるんですから、十分なんですよ

そうなんですね…! 応急処置かな？と思ったのですが、間違いではなかったようでホッとしました＾＾

>> Web知識関連の本を購入なさる時は、出来るだけ「発行日の新しいもの」で購入なさることをお勧めします。

あ、はい、購入時に奥付をしっかり確認いたしました(￣^￣)ゞ 2019年3月初版発行なので大丈夫かと＾＾

いつも 的確なアドバイスをいただき本当にありがとうございます…!
また壁にぶつかったら、門を叩きますのでよろしくご指導くださいませ(^｡^)

ぼっちん

To mojorumさん

mojorumさん、おはようございます～ ＾＾

は～い、遠慮なく何度でもお越し下さいね～（笑）
私が持ち合わせていない知識でも、とりあえずは調べて自分なりに解釈してお答えしますし、理解出来なかったことでしたら「私では残念ながら解りません」っと、知ったかぶりしないでお返事させて戴きます ＾＾