少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
アニメーションに便利なJavaScriptライブラリTweenMaxを使ってみる（その1） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 今日はアニメーションさせるときに便利なTweenMaxの使い方について書きたいと思います。 こちらのスピードテストのページを見るとわかるように、かなりハイパフォーマンスなアニメーションが可能です。 というわけで、基本的な使い方を書いていきたいと思います。 とりあえず要素を動かしてみよう まずは公式ページからダウンロードしましょう。 慣れないうちはTweenMax.jsを、とりあえず以下のように読み込んでおきましょう。 <script src="js/TweenMax.min.js"></script> 基本的によく使うクラスとして、以下の4つがあります。 TweenLite TweenMax TimelineLite TimelineMax Tween系とTImelite系の2種類がありまして、それぞれMaxが高機能版だと考えてよいかと思います。 単純に要素
WEBデザインが独学で身につく！WEBデザイナー必見の神サイト20選
2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー１年制が、今からの更新情報を受
株に興味がある人がまず読む一冊 橘玲「臆病者のための株入門」 - あざなえるなわのごとし
これは良著。 株に興味のあるひともないひとも。 お金は万人に関わるのだし、知識として知っておくのもいい。 全然関係ないと思ってる人だって、ある日、働けなくなったりしたら生きる道はアフィリエイトか投資くらいしかないかもしれない。 金融に関する知識を得るのは早ければ早い方がいい（経済学は必修にすべきですよねー）。 読んでみたのでサクッと。 【広告】 株初心者、ではなくて以前はガッツリやってた。 働きつつもずーっと板を気にして、儲けを出しそれを上回る損も出し（主にスイング）。 今では、当時買った海外のファンド幾つかのポジションだけを生かしてて一応利益は出てる。 ので初心者ではないですが、正直この本を当時の自分に読ませてあげたかったなぁ、と。 金融リテラシー photo by Japanexperterna.se 「経済学的にもっとも正しい投資法」とは、世界市場全体に投資することなのである。 第8
【寄稿】初心者向け！ アクセス解析を売上につなげるカギは「目標設定」と「現状分析」 | ナイルのマーケティング相談室
スタビライザー小松氏による寄稿5記事目。今でこそアクセス解析を行っていないWebサイト自体少なくなりましたが、一方でツールを導入していてもなんとなく数字を眺めているだけというケースも少なくないのでは。基本に立ち返り、なぜアクセス解析が必要なのか？改めて見直してみてはいかがでしょうか。 「アクセス解析って、何のために行うんですか？」 さて、この質問、あなたならどう答えますか？ これは、最近私のクライアントの方から立て続けに聞かれた質問です。この記事を見られている方の多くはアクセス解析をしてる人のほうが多いかもしれませんね。 Webサイトじゃなくて、自分の体でまずは考えてみましょう。 「アクセス解析って必要なの？」という質問は「健康診断って受けないといけないの？」によく似てます。 ちなみに、会社の健康診断は安全衛生法により定められている為、会社は健康診断を受けさせなければなりません。 では、皆
10年間JavaScriptをコピペしていた僕がJavaScript本格入門して知った驚愕のJavaScript言語仕様覚書 | niwatako$
JavaScriptをなめていた私が勉強しなおした結果、色々驚愕の事実が発覚したお話。JavaScriptをご存じの方には当然の内容かもしれません。 むかしむかし 私にとってJavaScriptといえば、高校生時代(10 […]
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
himarin.net - himarin リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
君はテレビ欄に掲載されていなかった深夜の恐ろしい番組を知っていましたか？
2012年11月5日から12月26日までフジテレビで不定期に放送されていた薄気味悪い番組『EVEの全て』。 例えば１～３話は以下の様なスケジュール。 2012年11月5日 月曜日 深夜1時10分から５分。 2012年11月13日 火曜日 深夜3時45分から7分。 2012年11月16日 金曜日 深夜2時5分から9分。 まるで時間はバラバラ。それでいて新聞のテレビ欄にすら掲載されていないため、全てを見るのはまさに不可能とまで呼ばれた番組がある。既に半年も前の事ですが、この番組、非常に現在のインターネットによる恐怖をきっちり表現していて面白かったのでご紹介したい。 番組は全16話だが、時間は全部で75分。お時間のあるときにでもどうぞ。 それはもっとも身近な恐怖 まず、最初に流れた放送がこれだ。完全な盗撮動画。 これだけ唐突に流れれば、誰もがこれは一体何なのか？ 番組欄にものってないけど、大丈夫
RSSリーダー「Feedly」で覚えておくと便利な機能＆使い方 15個まとめ : 二十歳街道まっしぐら
Googleリーダーがそろそろ終焉を迎えるので、最近話題になっているFeedlyを使ってみました。 Googleリーダーからの移行もすぐに行えて、iOS/Androidアプリもあり便利です。 ウェブ版はまだあんまり使ってないので今回はiOSアプリのFeedlyで便利な使い方や機能を紹介しますね。 Feedlyに乗り換えた方、これから乗り換えようと思ってる方は参考にしてみてください。 ↓下記のボタンからからFeedlyに当ブログを購読することができます。 おすすめのアイテム： ★詳解RSS~RSSを利用したサービスの理論と実践 ★Web開発者のためのRSS & Atomフィード ★できるポケット+ RSSリーダーで毎朝の情報収集力が10倍アップする本 長くなったので、概要です。 ■ 導入, 全体の設定 0. Googleリーダーからの移行手順 1. ページめくりアニメーションの設定 2. 記
SEO対策｜検索上位を独占するために弊社が行っている36の手順
コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト
Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
一定期間更新がないため広告を表示しています
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
2012年、500冊ほど本を読みました。特に痺れた15冊をご紹介｜まだ仮想通貨持ってないの？
お見舞いに来てくれる友人たちの表情が、暗く切ないものに変化していった。なんとなく、わたしと話していると、相手も辛そうだった。わたしは、周囲のひとの心が次第にわたしから遠ざかっていくのを、感じた。 （本）大野更紗「困ってるひと」—生きる元気をもらえる難病闘病記 今更ながら読んだのですが、これは非常に痺れますね…。「難病」を患う女性のユーモアに富んだ手記。人生観がズガンと変えられてしまう一冊です。ツイッターもやられているので購読おすすめです。ビッグイシュー・オンラインにインタビューが上がっているのでこちらもぜひ。 作家・大野更紗さん「人間は生まれてから死ぬまで、ずっと強者、あるいはずっと弱者ではない」 [被災地から] | BIG ISSUE ONLINE 人生仮免中。 夫の借金と自殺、自身の病気と自殺未遂、AV女優、統合失調症、歩道橋からの自殺未遂などなど、強烈すぎる経験を経た作家、卯月妙子さ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
妊娠が発覚した時、パパがやってくれたら泣くほど嬉しい７つのこと
マイナビニュース(スマートフォン版)
NameBright - Domain Expired