2016.03.26に行いました。 Windows7 64bit ＞ Windows10 64bit にアップグレードした環境となります。 ずっと拒み続けていたのに強制的にアップグレードさせられましたよちくしょう。 最近仕事のツール関連効率化のため、色々試しております。 GitHub製でフリーなテキストエディタ、Atomのインストールから日本語化までの流れを解説。 解説と言うと大げさな位、簡単に行えました。 そう、日本語化までは。。 Atomのダウンロードhttps://atom.io/ 環境によって最適なバージョンが表示されるようになっていると思います。 （Macの人だったらFor Macと出るはず。） AtomSetup.exe をダウンロードします。 exeを実行！！ （インストール中） 起動！！ Atomの日本語化このままでは英語環境なので、日本語化したいと思います。 起動後の画面

パンくずリストを、TOPページ以外の記事やカテゴリページなどの一覧ページに設置することで、ユーザーがサイトのどの位置にいるのかを視覚的にわかりやすくし、内部リンクによるSEO的な効果も期待できます。 今回は、WordPressのテーマにプラグインなしでパンくずリストを設置する方法を各ページごとにご紹介します。 パンくずリストの要素を各テンプレートを追加する 各ページごとのパンくずリストは、『TOPページ＞各ページごとの内容＞現在のページ』という構成で作成していきます。ページによって出力する内容が違うので、一つ一つ作成し・設置していきましょう。 記事の投稿ページのパンくずリスト まずは、ユーザーに一番見られる投稿記事のパンくずリストを作成・設置しましょう。 パンくずリストを投稿記事に追加するためのコードは下記の通りです。 single.phpのパンくずリストを出力したい箇所に追加 <div

ユーザーがサイトを巡回している際、URLの変更によるリンク切れやエラー・検索してもページが無いなどの理由で探しているページが見つからなかったときに、何もページに表示されないと離脱してしまう可能性があります。 ユーザーの利便性を高めるためにも検索エンジンのクローラーに回遊してもらうためにも、エラーページの充実は非常に重要な対策の一つですのでWordPressのテーマ内にテンプレートを作成しておきましょう。 今回は、SEO対策にも効果的でユーザーの利便性を高める404エラー・検索エラーペー ジのWordPressでの作成方法についてご紹介します。 404エラー（not found）ページとは 404エラーページとは、アクセスしたページが存在しないときにサーバーから自動で返されるHTTPのエラーコードです。 404エラーがサーバーから返されたときの表示方法はサイトの設定によって異なりますが、適切

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 WordPressで制作したホームページのブログ記事に、前後のページへのリンクを設置する方法を紹介します。 前の記事や次の記事へのリンクを設置することで、Webサイトの訪問者に別ページも見てもらうきっかけを与えることができ、直帰率の低下にも繋がります。 今読んでいる記事の前後ページへのリンクはWordPressが勝手に生成してくれる！WordPressならば便利なテンプレートタグが用意されているので前後の記事へのリンクを作る場合も簡単です。 テンプレートタグprevious_post_linkとnext_post_linkを使う前の記事へのリンクを作るときはprevious_post_link、次の記事へのリンクを作りたい場合はnext_post_linkというテンプレートタグを使うことで、簡単にリンクの設置ができます。 Wor

あなたは、WordPressのテーマを作成したり編集したりするときどうしていますか？私はローカル環境のWordpressでデザインを実際に確認しながらATOMで作成・編集を行っています。 WordPressのテーマの編集を行うときは、管理画面から直接編集するのはなるべく避けるようにしましょう。管理画面からの直接編集は、何のサポート機能もないので編集がし難い上にコードミスによるトラブルも起こりやすくなります。 この記事では、私が実際に使っているATOMを使ってWordPressテーマの作成・編集する方法についてご紹介します。 ATOMとは ATOMとは、GitHubが主体となって開発しているオープンソースのコードエディタです。Windows・MAC OS X・Linuxに対応しているため環境を選ばずに使用することができます。 さらに、沢山のプログラム言語も扱うことができるうえに、パッケージを

WordPressのテーマを作成・編集する際に、公開しているサイトで直接編集するのはあまり好ましくありません。Web上で直接編集するのではなく、ローカルの自分のパソコン上でWordPressを編集したりプラグインの動作を確認したりできる環境を作っておくと自分好みのサイトを作成する際に便利です。 私は、ローカル環境をフリーで構築できるXAMPPを使ってWordPressをテーマを作成・編集しています。この記事では、XAMPPのインストール～WordPressの導入までをご紹介します。 WordPressをローカル環境で動かすには？ WordPressなどのWeb環境を構築する際には、動作させるためのソフトウェアが必要です。ソフトウェアが入っていなければきちんと動作してくれません。 WordPressは、 Webサーバ → Apache SQLデータベース → MySQL Webで動作するプロ

ようこそ “フリー素材 * ヒバナ”は紙・和紙・布地・レース・木目・花びら・文房具・手芸などをテーマに、 ウェブサイト・ブログに利用できるシンプルな背景素材・アイコン素材などのフリー素材を作製し、配布しています。 色を変えたり、リサイズ・減色・コラージュなど自由に加工して下さい。 詳しくは、利用条件を良くお読みください。 新作フリー素材 レースの背景素材追加 縦横・サイズ違いあります。 定規のチロリアンテープ一列背景素材追加 縦横、2サイズ3色あります。 鉄琴とべルのチャーム素材追加 サイズ違いあります。 しましまリボン素材追加 サイズ違いあります。 音符のチャーム素材追加 サイズ違いあります。 木目の背景素材 2追加 色違いあります。 レースの背景素材追加 縦横・サイズ違いあります。 花柄レースの背景素材追加 縦横・サイズ違いあります。 トランペットのチャーム素材追加 サイズ違いあります

商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。

もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ

Quick Links Jump right in Here we collected the most used Generative AI and Photo Editing features people are looking for! Limitless Artistry Generative AI Tools Explore Pixlr’s new AI Powered Generative Tools unleashing limitless creative possibilities. Perfect for both beginners and seasoned professionals, these tools redefine artistic expression with intuitive AI technology, revolutionizing you

Da Button Factory is a simple button design tool that helps you create high-converting call-to-action (CTA) buttons for your website, blog post, social media post, or email. What happened to the old "Da Button Factory"?Da Button Factory has been acquired by ClickMinded! The tool has been upgraded and will remain free. It's now a call-to-action button generator for ClickMinded users. ClickMinded is