愛着が湧く！HyperTermで作るMYターミナル！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです。はやちですよ。 今回はjs、html、cssで作られたHyperTermのカスタマイズをご紹介いたします。 導入方法 HyperTermのサイトから直接DLしてくるか、Homebrew Cask経由からコマンドでDLすることも可能です。 brew update brew cask install hyper Windowsの方はchocolatey経由でDLすることも可能です。 choco install hyper カスタマイズ デフォルトがこのような感じです。こっからカスタマイズをしていきます。 メニューhyperの中のPreferenceから呼び出すか、ショートカットキー⌘,で.hyperterm.jsのJSONファイルからカスタマイズしていきます。 設定プロパティ 以下のことが設定できます。 プロパティ 説明
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Photoshopを快適カスタマイズできるオススメ無料プラグイン6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
使えるギャラリーにする方法
WordPress のギャラリー機能使っていますか？ 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね！ Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね！でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません（おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです）。 ま
これは凄すぎ！WordPressでランディングページやポートフォリオやブログなど、さまざまなデザインで簡単に作成できるテーマ -Ultra | コリス
最近人気のあるさまざまなデザイン、レイアウト、エフェクト、インタラクションをカスタマイズして、企業サイト・プロダクトやアプリのランディングページ・ブログ・ポートフォリオ・ショッピングサイトなどが作成できるWordPressのテーマファイルを紹介します。 GNU ライセンスで、個人でも商用でもクライアントワークでも無料で利用できます。 ↓こんな感じのが、簡単に作成できてしまいます。 ページサンプルは、まだまだありますよ！ Ultra Theme (Free) 追記：2015/5/25 5/24に、本キャンペーンは終了しました。 参考：Ultra: the Most Flexible & Powerful Theme Ultraの特徴 Ultraのデモ Ultraのダウンロード Ultraの特徴 Ultraは、レスポンシブ対応のどんなタイプのサイトでも簡単に作成できるWordPressのテーマ
記事内の一番最初の画像を取得してサムネイル画像表示
サムネイル画像として使う方法としてはアイキャッチ画像で表示する方法もありますが、ここで紹介する方法は単純にブログを更新してその中に使っている最初の画像をサムネイル画像として使う方法なので、クライアント向けにカスタマイズをされるならこの方法が便利だと思います。 functions.phpにコードを追加 まずは下記のコードをfunctions.phpに追加してください。コードの中の $first_img = “http://detarame.moo.jp/wp/wp-content/themes/whbk5/images/default.jpg”のｱﾄﾞﾚｽはもしも記事内に画像がない場合に表示する画像なのでここは各自のサイトでご用意してアドレスを書き換えて下さい。 <?php function catch_that_image() { global $post, $posts; $first_
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ
密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 WordPressのテーマ自作。 完全にイチからオリジナルのテーマを作ろうとすると、けっこう時間がかかってしまいますよね。 自分のブログ用テーマとかなら、時間の制限なくじっくり取り組めますけど、クライアントさんからの案件だと、やっぱり予算や納期の都合がありますからね。できるだけ素早く進めなくちゃ。 そんなとき頼りになるのが「ブランクテーマ」と呼ばれるヤツです。 カスタマイズ前提のテーマのことで、余計な機能やデザインが削ぎ落とされ、必要最小限のところからテーマの開発を始められます。「スターターテーマ（starter theme」」なんて呼び方をするときもあります。 ブランクテーマは学習用としても最適で、テンプレートファイルを効率よくまとめる方法や
サムネイルもスライドするスライドショーをbxsliderで作ってみた
マークアップのお仕事をしていると、 毎回必ずと言っていいほどスライダーがデザインに入っているのですが、 私がいつもお世話になっているのが、bxsliderというスライドショー用のjQueryのプラグインです！ ・シンプル ・導入が驚くほど簡単 ・カスタマイズも簡単 ・公式サイトのサンプルの説明が豊富 という、とってもありがたいこのプラグイン！しかも！ ・カルーセルスライダー対応 ・サムネイル付きスライダー対応 ・レスポンシブ対応 ・フリックでスライド対応 ・選べるエフェクト（普通にスライドorフェード） ・デフォルトでコントロール（よく見る黒いちょぼちょぼ）とページャー（前後へ動かす左右にある矢印アイコン）付き などなど、シンプルな物からちょっと変形スタイルまで、 スライダーで求められることは大概簡単にカスタマイズできます！ しかーーーーし！ 先日、こんなデザインがやって来ました。 なるほ
Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
アップデートしても大丈夫！WordPressの子テーマでデザインのカスタマイズをする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 突然ですが、WordPressのテーマを利用したことはありますか？ 「テーマ？ 探したことないなぁ……」という方は「WordPressのテーマ選びで気をつけるべきポイントとオススメテーマ7選」がありますので、ご覧ください。 せっかく素敵なテーマを利用しているなら、ぜひ子テーマも利用してみてはいかがでしょうか？ 子テーマとは？ WordPressには有料のものから、無料のものまで、さまざまなテーマがあります。いざ理想のテーマを見つけることができたとしても、細かいカスタマイズをしたいことってありますよね。 そんなときに、子テーマが便利です。 子テーマを利用すると、親となるテーマを部分的に置き換えて（カスタマイズして）使うことができるようになります。 なぜ子テーマを使うのか？ せっかく見つけた素晴らしいテーマです。そういったテーマは、制作者の方が常に改善し
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
WordPressでブログを開設して3ヶ月目の人にオススメしたい便利なプラグイン12選 | 株式会社LIG
こんにちは、メディア事業部のエリーです。 3年目の浮気、石の上にも3年と言いますが、ブログで言うと“3ヶ月”がターニングポイントになるんじゃないかと、わたしは思っています。 ブログを書くのにも慣れ、だんだんアクセスが増えてきたころ、「意外に読まれてるなあ」と思うと同時に、「そんなに一気には読まれないんだなあ」と現実にショックを受けるのではないでしょうか。 ということで、今回は、WordPress専用超高速サーバー「Z.com byGMO」さんに、3ヶ月目を迎えたブロガーが抱えるありがちな悩みと、それを解決するプラグインをお聞きしました。 3ヶ月目には入れておきたいプラグイン12選 WordPressでブログを始めたものの、プラグインをそこまで使いこなせてないし、「どれが良いのか分からない！」という人におすすめな12選です。 目次 スパムコメントやトラックバックを防ぐ「Akismet」 セキ
WordPressのテーマ選びで気をつけるべきポイントとオススメテーマ7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 WordPressでブログを始めたら、まずテーマを選びますよね。 テーマには、バンドルされているデフォルトのテーマ以外にも、有志が作成・公開しているデザインテンプレートがたくさんあります。 テーマ選び自体は自分の洋服を選んでいるような感覚で楽しいのですが、本当に無数のテーマが存在するので、どれを選んでいいのか悩む人も多いのではないでしょうか。 今回は、WordPress専用サーバーとして人気の高い「Z.com byGMO」さんにテーマを選ぶポイントについてお聞きしてきました。 テーマを選ぶときの6つのチェックポイント テーマを選ぶとき、一番てっとり早いのはテーマのデモを見ることです。 ほとんどのテーマでは、ダミーのコンテンツが入ったページが用意されているので、デモページを見ることである程度イメージを湧かせることができます。 そうして見てみて、「この
nasciii.com
nasciii.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
「ブログが重い！」WordPressを高速化させるための8つの方法とおすすめプラグイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 前回の記事では、「SEOに強いブログを作りたいなら、WordPressが超いいよ！」ということをお伝えしました。 今回は、実際にWordPressでブログを運営している人にとって大きな悩みの1つであろう「ブログが重い！」問題を解決したいと思います。 「なんだか最近、ページの表示が遅いなあ」と感じたことはありませんか？ わたしもそう感じてたんですが「死ぬわけじゃないし別にいいや」と思って放置してました。でも、それがいけなかったんです・・・。 ということで、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開する「Z.com byGMO」さんに、サイトの重さを改善するための方法と、それによって得られるメリットをお聞きしました。 目次 本当に「重い」のか確かめてみましょう スコアが60以下なら要注意！ ブログは早
初心者ブロガーがWordPressでSEOを始めるべき理由と検索流入の基礎知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 ブログを始めたい、ブログをやっているという人なら、「WordPressってSEOに良いらしいぞ」と聞いたことがあるのではないでしょうか。 わたしもそう聞いたのでWordPressで個人ブログを始めましたが、実際やってみると、けっこう昔に書いた記事でも検索で入ってくる人が絶えず、「なるほどこれが検索流入か…」と思っています。 ということで、SEOを意識するといろんな人から継続的にブログを読んでもらえるというメリットがあります。 でも、具体的にSEOってどういうものなんでしょうか。今回は、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開している「Z.com byGMO」さんにお聞きした、SEOの基礎的な知識と簡単な施策方法についてご紹介します。 目次 SEOってなに？ どうやってブログにたどり着くの？ 検索
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
着実に進化している！無料で利用できるWordPressのテーマのまとめ
[WordPress]ウィジェットエリアを好きな場所に追加するカスタマイズ | 田中勇輔のブログ![[WordPress]ウィジェットエリアを好きな場所に追加するカスタマイズ | 田中勇輔のブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e74e075bf97e4c0bddefcb0f1f15fdee65cf7b0/height=288;version=1;width=512/http%3A%2F%2Ftanaka-yusuke.com%2Fwp-content%2Fuploads%2F2012%2F05%2Fcustom_widget2.jpg)