WEB上で見かける、ハイセンスなアイツ。 名前は通称「ファビコン」。 彼がいると、一気にサイトイメージや信頼感が高まります。ブラウザのタブに表示されるだけじゃありません。彼はブックマークに登録された時にも、その姿を現します。 もし彼がいないと、、、 ・・・ちょっと残念ですね。 でも、待っていても、彼はやってきてはくれません。誠実な日々を送っていても、神様がご褒美に連れて来てはくれません。Google先生がいつか連れてきてくれるわけでもありません。じゃあ、どうしたら”彼”はやってきてくれるのでしょうか？ ・・・残念ながら、自分で連れてくるしかありません。でもどうやって？

インストールしたら、もう使える。 記事のなかに画像を挿入したものの、思っていたより小さい・・・ これじゃあ、画像内の細かい内容が見えにくい・・・ そんなとき、クリックひとつで拡大表示させることができれば、閲覧者にとても伝 […] The post ポチッ、でビョイーン。クリックで画像を拡大表示させるワードプレスプラグイン「Easy FancyBox」の設定と応用例 first appeared on Requ.log | レクログ.

こんなに簡単だったんですか。 サイト運営をしていると、Facebookページとの連携が必要になることがあります。例えば、記事下にウツクシイ「いいね！」ボタンを設置したり。 サイドバーに「ページプラグイン」を設置したり。 […] The post 今すぐできる、開発者登録とFacebookアプリの作り方。App ID、App secretを取得してアクセストークンを調べよう first appeared on Requ.log | レクログ.

はいソコー、チョーク投げるぞー、現実を見ろー そう現実は・・・ヤヤコシいことがいっぱいです。 あなたがブログを始める理由はなんでしょう。何にせよ、これらをぜーんぶ勉強しながらスタートするために必要な時間と気力は、相当なものです。 一方、「本格的なサイト」が最初から用意されていれば、最初から本格的に挑戦できます。 じゃあ具体的には【なぜWordPress初心者がMAGを選ぶべきなのか？】本当に良いものなので本気で紹介していきます。本気でベストなテーマを探している人だけ読み進めてください。 MAGのバリエーション例 設定画面は全て日本語の詳しい説明付き。迷うことがありません。書いてあるとおりに設定していけば簡単に満足のいくサイトレイアウトが完成します。 バリエーション例1 バリエーション例2 バリエーション例3 今回のためにバリエーション例をつくるのも、あっという間でした。どんなサイトコンセプ

サイトレイアウトは、直感的に、簡単に。 WEBサイトを立上げると、最初におおまかなレイアウト設定をすることになります。サイトのテーマカラー、ロゴの設置、SNSシェアボタンの設置などなど・・・ 色々と方法を探ってみるのもまあ、勉強になっていいものです。でも、納得のいくサイトが完成するのはいつになるやら・・・。 TCDテーマなら専門的な知識は不要。私たちのような素人でも簡単に、イメージどおりに設定できてしまいます。プロに外注するような本格的なサイトを自分で作れて、管理していける。そんな時代が来た、ということですね。 ここでは、TCDテーマならではの機能が集約した【テーマオプション】を紹介。サイトレイアウトを直感的に、簡単に設定できる様子をお伝えします。 サイト設定はほぼここで完結。「TCDテーマオプション」 TCDテーマをインストール・有効化すると、「外観」の中に「TCDテーマオプション」が現

ブログ 2018.04.4 FirefoxでWEBページ全体をフルスクリーンショット！見ているページの全画面キャプチャー画像をダウンロードする方法 上から下までの、全体像をゲット。たった今見ている「WEBページ全体の画像」が欲しい。そんな時があります。 こんな画像。ブラウザ拡張機能をインストールしたり、何かしらのソフトウェアを使うという手もあるでしょう。でも「WEBページ全体のスクリーンショットが欲しい」だけなら、FirefoxやGoogle Chromeのデフォルト機能で、スピーディーに、簡単に手に入れる… ブログ 2018.04.4 ChromeでWEBページ全体をフルスクリーンショット！見ているページの全画面キャプチャー画像をダウ… 上から下までの、全体像をゲット。たった今見ている「WEBページ全体の画像」が欲しい。そんな時があります。 こんな画像。ブラウザ拡張機能をインスト…

便利すぎて、正直びっくりした。 Local by Flywheel のウェブサイト WordCamp US へ参加した際にブースを出していたのを見かけていたのが “Local by Flywheel” というローカル環境を構築するためのツール（https://local.getflywheel.com/）。 MAMP (Pro) の UI が綺麗で速くて各サイトが分離されていて、機能がとても多い版というと分かりやすいでしょうか。また、WordPress の環境に特化しており、ワンクリックインストールやマルチサイト、SSL、Apache/Nginx の選択や切り替え、メールのデバッグツールや開発中のサイトの一時的な公開など、WordPressを使ってウェブサイトを作りましょう、となった場合に必要になりそうな機能を備えています。 で、無料です。 トップページに書かれているその機能は以下のように

本当のことを話します。 ワードプレスのブログテーマ【MAG】。このサイトで今、実際に使っているテーマです。これまでカスタマイズ例なども記事にしてきましたが正直に言います。 MAGは、インストールするだけで、このサイトのように仕上げてくれます。 手前味噌な... が。ここでは、さらにMAGのユーザビリティー・収益性・デザイン性を最大限に発揮する記事をまとめました。コピペで設定できる大胆なカスタマイズから基本的な設定例まで、すべてMAGをベースに解説しています。これらを参考に、アレンジして有効活用してください。

レイアウトの自由度2.5倍。 ワードプレスのTCDテーマ「MAG」では、テーマオプションから簡単に広告を設置できます。メインカラムの広告枠は大きく分けて3ヶ所。お使いのあなたならご存知のとおり。それぞれの場所で2枚ずつ、横に並べることもできる。嬉しいイージーっぷりです。

えぇー今回の任務は「ぺいじ」の読込み遅延の改善でありましてぇー えぇー察するに、一瞬で出来る奥義を伝承するものでありましてぇー 今日も家老は絶好調だ。前置きはやめよう。 通常の「いいね！」ボタンも・・ 記事下に設置する「いいね！」ボタンも・・ ウィジェットに設置する「ページプラグイン」も・・ Facebookまわりのものは特に、ページ表示を遅くしがちだ。しかしこのWEB戦国時代においては、外すわけにはいかない装備でもある・・・ならば、Facebookのソーシャルプラグインたちの重たい負担を、少しでも軽減させよう。余計な読込み遅延をぶった斬るのだ。 数文字追記するだけの瞬間奥義 作業は一瞬。FacebookとWEBサイト連携をしているとよく見かける、このコードたち。 1つ目のコードが「スクリプトコード」だ。こいつが鍵を握る。この中に、数文字追記する。 Before <div id="fb-r

サイドバーでよく見る「アレ」。 どん！ ね・・あれ、見たことない？ あ！知ってる！毎日見る！露出度ハンパないよねー ・・名前なんやったっけ？ くォラァっ！！！・・・あ、「ページプラグイン」ってゆーんすけど・・  […] The post 「私の名前はページプラグイン。」Facebookページのいいね！ボタンをWordPressウィジェットに設置しよう first appeared on Requ.log | レクログ.

この記事を三行にまとめると blockquoteタグで囲われたリンクになるところまでは無効化されない URLがiframeに変わるところまでしかキャンセルできません oEmbed機能を全体的にキャンセルしちゃうやり方を書いときます 「oEmbed」という機能があります。簡単に言えばURLが自動的にiframeなどの埋め込みコードに変わってくれる仕組みです。 例えばこんな感じにツイートのURLを本文中に書くだけで、わざわざ埋め込みコードをコピってこなくてもツイートを埋め込むことができます（これはただの画像ですが）。Wordpressを使っている場合、TwitterやyoutubeなどoEmbedに対応しているサイトのURLを記事の中に書けば、上記のように自動的にURLが埋め込みコードに変わってくれます。 ただしどんなサイトでもってわけではないようです。対応しているサイトを確認したい場合はこの

私は街はずれの湖のさらに奥にある森の中、ひっそりと生きる、しがない研究者だ。公表できるような実績などない。 この記録は、いま世間で流行り病になりつつある、ひとつの怪奇現象の解決法と、それに至るまでの研究記録だ。ある筋からの研究依頼から始まった。 私は電話はキライだ。あれほど「メールで連絡してね」っていったのに・・・まあいい。済んだことだ。

直感的に順番を入れかえるだけ。カンタン。 【調整例2】シェアボタンの種類を変える ここでは例として「Google+」を「Pocket」と差し替えます。style.cssに下の記述を追記。 /* Google＋ボタンスタイル */ .sns_org .gplus-o a { background:#6B6B6B; box-shadow:0 5px 0 #555555; } .sns_org .gplus-o a:hover { background:#170042; } 次に下の記述を、single.phpの不要なボタンの記述と差し替えます。 <!--Google＋ボタン表示--> <li class="gplus-o"><a href="https://plus.google.com/share?url=<?php echo $url_encode;?>" onclick="javascr

必要な設定だけにフォーカス。 「ページを表示するたびに、今のシェア数を取得しに走り回ってくれる」公式シェアボタン。 そんな公式クンたちとは違い、シェア数を「バックグラウンドで」「定期的にキャッシュ（保存）しておいてくれる」という男前プラグインが【SNS Count Cache】です。 彼を導入すると、こんなオリジナルシェアボタンを作ることもできます。 記事ごとのシェア数推移も把握できます。 サイトデザインに合わせたオリジナルシェアボタンを設置できて、ページ表示速度もアップ。記事ごとのシェア数推移も把握できる。これらの便利機能を運営サイトに導入してみましょう。

美しいボタンで、シェアしてもらおう。 FacebookやTwitterなどのSNSボタンは、各サービスごとに公式のものが用意されている。 発信した情報を拡散するためには今や欠かせない存在。でもこの公式ボタンたちは、ページ表示する度に「毎回」正確なシェア数を探しに行っている。毎秒のように、世界中を飛び回って。いやまったく、ご苦労さんと言いたい。ところが、だ。 君らのおかげで、ページ表示が格段に遅くなる。5個も6個もあるとなおさらだ。訪問者に対する、私たちのオモテナシの心をどーしてくれるんだい？心を込めて仕上げたコンテンツだ。作品だ。目もくれずに去ってしまうじゃあないか。 よーしついでに言ってしまおう。デザインも野暮ったい。統一感もない。色も形もだ。目もチカチカする。いやホント申し訳ないんだがホントのことなんだからしょーがない。 だから、サイトデザインにビシッ！と合わせて、スムーズにページ表示

記事を見栄えよく、伝わりやすく。 ブログ記事を書き始めると、分からないことがどんどん出てきます。 あの参考にしているサイトのように見栄えよくするには、どうしたらいいんだろう？ ・・・と、いつの間にか文章を書く手が止まって、調べ出していることもしばしば。 その経験が糧になるのは確かですが、スタートから”ツマヅキ”が続いてしまうと、少し諦めの気持ちが芽生え始めてしまうのも確かです。少なくともスタートアップ時は、ツールを知ることによって、前へ進むことは大切だと思います。便利なツールを知らないだけで、最初から立ち止まってしまうのなんて、もったいないですよね。 今回は伝わりやすい画像を記事に貼ることにフォーカスして、ブログ記事の「見栄え」「伝わりやすさ」の改善を図ってみましょう。

とりあえず作りきる！知識は後半！ 記事ページをカスタマイズしたい。え？記事下にこんな「いいね！ボタン」も設置したいし。 こんなオリジナルシェアボタンだって作りたい。 せやでぇ？カスタイズしたいねんけど、直接テーマファイル触わるんコワいやんけ んでテーマをアップデートしたらせっかくのカスタマイズが消えるらしいやんけ んで子テーマ作れば解決するらしーやんけ ややこしそーやんけー手ぇ出しにくいやんけー億劫やんけぇ！ わかる！わかるぞ！私もしばらく見て見ぬふりをしていた一人。 でもやってみたら作業は簡単。知識が先行すると億劫になるだけ。安心するために、ラクになるために。子テーマなんてサクッと作ってしまおう。 まずは「作り方」のみにフォーカス。ややこしい仕組みは後で説明。実作業は10分で終わらせよう。早く寝よう。明日も早い。 簡単2ステップの作業順

「そのつもりじゃないのに」広告をタップしてしまう。「ついうっかり」じゃなくて、罠のような広告ゾーンの網に引っかかり、行きたくもないページに飛ばされる・・・そんな目にあった訪問者が、元のページに戻ってくるでしょうか・・・ 私なら、戻りません。 意図せずに広告だらけになることも・・ 画面をタッチしながらスクロールする狭い画面。「広告ばっかりな瞬間」があると、ちょっと残念な気分になりますよね。Google AdSense、アフィリエイト広告。収益化も同時に考慮したい。でもそんな運営者目線ばかりでいると、ついマヒしてしまいがちです。 これは印象だけでなく、ユーザビリティーを損なうことになる。長い目でみると・・結果的に逆効果になりうる問題。大いにありうる大問題。敏感なあなたならもう気づいてるでしょう？ ・・・でも意図せず、スマホ表示では「広告でイッパイ状態」になってしまってることもある。コレをなんと

初心者でも、コピペで簡単。 「バイラルメディア風」と呼ばれる、Facebookの「カード型いいね！ボタン」。よく見かけますよね。そう、記事下にシュピッ！とたたずむ、こんなステキなかたです。 いーですねぇ。カッコいいですねぇ。記事に設定したアイキャッチ画像を自動で表示してくれるのも魅力。作成者の方には感謝キワマレリです。