現在の人気記事はコチラ!

FC2ブログのカスタマイズ - 文字をコピーされないようにする2つの方法

ホーム>ブログ>便利ワザ・アイテム・HTML・SEO対策>FC2ブログのカスタマイズ - 文字をコピーされないようにする2つの方法

スポンサーリンク



FC2ブログのカスタマイズ - 文字をコピーされないようにする2つの方法


大晦日に当ブログをリニューアル/FC2ブログをカスタマイズしたはなし


昨年末の大晦日に突然、リニューアルしようと思い立った当ブログ。


ちなみに、このブログはFC2のブログサービスを利用していますが、私自身はWeb知識がゼロと言っても過言でないほどのド素人です。


今回を機に、FC2をやめてWordPressでも使ってみようかと思いましたが。当面はこのままFC2ブロガーを貫くことにしました。


よって、大晦日にいろいろとFC2ブログのカスタマイズを実装した訳ですが、不慣れで不器用なため相当頭を悩ませ、苦心の連続でした(汗)


そんな訳で、同じくFC2ブログを始められた初心者の方のご参考になればと思いまして。ド素人の私がFC2ブログで、どこをどのようにカスタマイズを実装したのか。何回かにわたって簡単にご紹介してみようと思います。


テンプレートを「レスポンシブ対応」に変更


私がやっている「FC2ブログ」をカスタマイズする前提としてまず、テンプレートを「レスポンシブ対応」に変更しました。


FC2ブログを始めた当初から、レスポンシブ対応でない「lightframe_white」というPC用テンプレートを使っていた(そもそも「レスポンシブ」という意味すら知らなかった)のですが、スマホ表示用には「sky」という別のテンプレートを使ってました。そうしないと、スマホではPC用画面が全体的に小さく表示され、非常に見づらいからです。


しかし、PCとスマホで別々のテンプレートを使用すると、さまざまな不具合が生じてしまうんですよね。内容としては以下の通り。



  • ①サイトのURLが別々になる(スマホ用には末尾に「sp」が付いてしまう)。

  • ②PC用とスマホ用でそれぞれコンテンツ内容が異なるため、管理が面倒。

  • ③記事を更新する際、それぞれの表示サイズに合わせた内容で書かなきゃならないので、非常に気を使う。


そこでこれを機に、思い切ってレスポンシブ対応のテンプレートに統一したのです。


今回、レスポンシブ対応のテンプレートとして選んだのは、前々からやってみたかった「カードタイプ」のもの。FC2公式テンプレートで唯一、「white_card_resp」というのがあったので、それに決めました。



スポンサーリンク



FC2ブログで文字をコピーされないようにする2つの方法


テンプレートを決めたらhead部分にいろいろとタグを記述しまして。いよいよ細かいカスタマイズに挑戦です。


私がまず最初に行なったのは、「FC2ブログで文字をコピーされないようにする2つの方法」です。


最近、せっかく苦労して書いた記事などの文字をコピーされ、二次使用される被害に度々遭遇してまして...。

こんなことが続いたらたまったもんじゃありませんし、SEO的にも良くないですよね。


今回は、簡単なコードを記述するだけで、サイトやブログの文字をコピーされないようにする方法をご紹介します。


①右クリックを禁止する方法


まずは、右クリックを禁止する方法。これは簡単に出来ます。


HTMLbodyタグに下記のJavaScriptを記述して、右クリックを出来ないようにします。これを記述することで、キーボードのアプリケーションキーを押しても同じような効果があります。


<body oncontextmenu="return false;">


これをbodyタグに記述することで、ページ全体のテキストをコピー出来なくします。


②ドラッグしても文字を選択できないようにCSSに記述する


続いて、ドラッグしても文字を選択出来ないようにします。その方法としては、CSS
body{
}

の所に以下のソースを追加します。

body{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}


※CSS3未対応のブラウザで制御出来ません。


まとめ


JavaScriptCSSを2つ記述するだけで、文字をコピーされることは、ほぼ防ぐことが出来ます。






スポンサーリンク


記事をお読み頂きありがとうございます!

最後に、『この記事読んだよ!』の©マナーとして、下記のリンク(ランキングサイト)のクリックをお願いしています。


▼がん患者さんのご家族のかた
にほんブログ村 ブログ村 胃がん

▼がん患者さん
人気ブログランキング 人気ブログランキング

▼それ以外のかた
FC2ブログランキング FC2 ブログランキング


クリックがポイントとして換算され、このブログの順位が上がっていく仕組みです。

モチベーション向上のため、ぜひご協力をお願い申し上げます。






スポンサーリンク

がんになったら...がんの治療を始める前に知っておきたい/読んでおきたい本


 抗がん剤投与の副作用や後遺症によって
 失われる可能性のある機能や症状について
 必要な情報が書かれてある本をまとめました。
 
       
使える!おすすめレシピ本


 実際に私が使ってみて良かったレシピ本を
 まとめてみました
                     
おすすめ無料アプリ<がん関連>
おすすめ無料アプリ<糖質関連>
おすすめゲームアプリ<将棋・麻雀>


 私が趣味で使ってる将棋・麻雀の
 おすすめアプリです!

 プロ将棋界の公式戦をリアルタイムな解説と
 関連レポート付きでみることが出来ます。  
 全国の人とオンライン対局が出来る
 将棋倶楽部24のアプリバージョン。  
 実はこの私。麻雀も強いんです!
 現在は「雀仙四段」  
麻雀 昇龍神DX
120円
(2017.09.06時点)
posted with ポチレバ
人気記事一覧(2016.9.1~2017.8.31)


 アクセス数が多かった記事をまとめてみました

 第1位
【癌】になる人、ならない人 | 国立がん研究センター の調査結果で明らかに!がん予防 について最低限知っておくべき3つのこと

 第2位
癌 の 再発 ・ 転移 の時期 | 胃癌 と 骨転移 の見過されがちな関係と危険性について語ります

 第3位
【Jアラートは無意味⁉︎】北朝鮮が弾道ミサイル発射!3段式に進化したようですが | 気にせず七草粥

 第4位
この方法で【インスタントラーメン を10倍美味しく食べるコツ】を学べます

 第5位
胃がん、症状、あるある | 出先 で調子が悪いとき!

 第6位
ステージ4【末期がん】患者の8割が「糖質制限」で改善!? 衝撃の研究結果 | その信憑性は!?

 第7位
胃がん で全摘した【胃の大切さ】を改めて思う | 食後 の 眠気・目まい・ダンピング を治すのも楽じゃない!

 第8位
本当は恐い 胃がん 術後 の タバコ 【喫煙・喫煙率】は? | 今日から 禁煙 します

 第9位
胃がん【術後 の 旅行】について | 宿の決め方や旅先での注意点について最低限知っておくべき5つのポイント

 第10位
胃がん 術後 の【るいそう】は悪化の一途 | 体重減少 はどこまで 許容範囲 なのか...

 第11位
胃がん ブロガー さんの - 予約 投稿 - という形の『遺書』について

 第12位
清算型遺贈と登記

 第13位
【癌患者 の 予後不良】とまわりの対応の変化 | 誰が殺した!?癌 と 孤独死

 第14位
【必読】訂正後の - 障害年金 用 診断書 - を入手 | 緊急レポート

 第15位
時期が来たので『痛い【硬膜外麻酔】の恐怖と 帯状疱疹 | 脊髄注射を思い出させた 夜間低血糖/足の痛み』を語ります

 第16位
胃がん 運命の 検査結果 悲惨な末路…

 第17位
【胃がん】の発覚から 術後1年 までの経緯 - こうして私は克服しました | プロローグ

 第18位
胃がん ちょっとヤバいかも!?加速する絶不調が僕を苦しめる

 第19位
胃がん 体重 減少 - 食べても食べても 痩せる ばかり - ストレス...悪くないですね...フフ...

 第20位
気づいてますか?【胃がん】手術後の『トイレ 事情』と『ダンピング症候群・低血糖』との関連性






本ブログへのリンクは
ご自由にお願いします



Messageを見る


はじめまして!!Мです。

仕事は、法律関係の傍らで
派遣業務や、
不動産のアウトソーシング事業を
かけもちしています。

ブログをリニューアルオープン
しました。
よろしくお願いします!!

仕事一筋で走り続けてきた
人生でしたが、
2011年終わりに38歳の若さで、
ほぼ末期の
胃がん宣告を受けました。

がんが発見された時は、
不治の病の領域にまで
達しており、
何度か

『死』

を覚悟しましたが、
幸いにも手術は成功し、
奇跡的に
踏みとどまる事が出来ました!!

しかし、病状が重かったため、
後遺症や再発の不安等、
悩みは尽きません。

したがって、
いつ人生の終焉が訪れるか
分かりませんが、
善意ある方々の
ご厚意に囲まれ、
幸せな日々を送っています!!

とりあえずは
出来る事から少しずつ。

仕事も、
しばらくの間は部下に任せて
頑張り過ぎないように
働いてます。

【ブログを始めたきっかけ】

国民の2人に1人の割合で
発症しているとされる

がん


現在では、
インターネットの普及や
たくさんの書籍により、
患者自身で
有用な情報収集が可能な時代に
なりました。

しかし、自分が「がん宣告」
を受けた時、
情報はたくさんあっても
何をどうすれば良いか
全く分からず、
大変な苦労や、
あれやこれをしておけば
良かったのに・・・と
とても後悔しました。

なぜなら、がん宣告を受けても、
自覚症状がなかったせいか、
生まれてこのかた
殆ど病気らしい病気を
一つも経験したことのなかった
自分としては、
なかなか自身のこととして
受け入れることが出来ず、
「本当なの?」
と疑心暗鬼に
陥ってしまっていたため、
その時に動こうとしても、

冷静な情報収集が

行えなかった


からです。

今、痛感していることは、

『その時が来てから

では遅い!!』
です!!


そこで、
自分の実体験や実体験を通して
知れ得た有益な情報を
ブログを通じて
発信することにより、
少しでも同じ様な境遇にある方々の
一助となれば、
と思い至りました。

また、今は健康でも
将来の備えとして
有益と思った情報も
載せていきますので、
健康な方も
突然の病に慌てることのないよう
ご参考として頂ければ
と思います。

ただし、自分自身
多趣味で浪費家?
でもあるので、
色々思ったことは
赤裸々に書いていきます!!

アニバーサリー

本日は、私の術後
です୧(๑•̀⌄•́๑)૭

リンク

◆国立がん研究センター
 『がん情報サービス』
それぞれのがんの解説
日常生活の助けとなる情報
がんの原因や予防について

◆がんで困ったときの工夫、治療法
患者と家族の闘病記|ブログ村

◆闘病中の患者や、ご家族の話し
がん症状、治療|ブログランキング

◆さまざまな病気や症状の悩みごと
最新情報|FC2 ブログランキング

 

スポンサーリンク


Amazon タイムセール情報

My Channel


FC2 ブログランキング

[ジャンルランキング]
ブログ
75位
アクセスランキングを見る>>
[サブジャンルランキング]
社長ブログ
2位
アクセスランキングを見る>>

カレンダー別記事


12 | 2018/01 | 02
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

検索フォーム

Contakt 

コメント

免責・問題を報告

PAGE TOP