はてなブックマーク

会員向けサイトをWordPressで作っているんだけど、そこにPDFダウンロード機能を実装しようと思う、知識がそこまでないから誰でも簡単に出来る方法で教えてほしいな、、、あ、会員サイトだから直リンクは防いでね。 こんなニーズに答える記事になります。 本記事では、WordPressサイト内でPDFダウンロード機能を実装する方法について解説しています。直リンク防止も可能なので「会員だけにPDFをダウンロードさせたい」という方には特にオススメです。 「３分あれば実装可能、WordPress便利すぎ」

どうも、トマトです。WEB制作会社で働く中でJavascriptにはよくお世話になっているわけですが、大半はjQueryで済ませてしまうことが多いのが現状で、Vue.jsを使う機会ってほとんどないんですよね、周りも変える気なさそうだしどうしたものか。 話の続き、、、でもそれじゃダメだろ、会社はそれで良くても個人として成長できないし何の為にもならない、変化が速いWEB業界だからこそ使わなくとも知っておかなきゃでしょ！ 実務で使わないにしろ、自分だけはいつでも使えるようにしておきたいということで、今回は「Vue.js（ビュージェーエス）」について学んでみました、その道のりをこの記事に残しておきますので初心者の方は独学勉強の参考にしてみてください。 はじめに はじめに話しておかないといけない事が何点かあります、長くないのでサラっと読み流して頂ければなと思います、以下３つです。 Vue.jsとは？

ワードプレスサイトを他サーバーに移行させると画像だけ上手く表示されない、画像は存在しているけど表示されない感じ？サーバー移行時に何か間違えたわけでもないんだけど、どうしてだろう。

TOPページに特定の固定ページの内容を表示させたい、参考記事は多いけどなんかしっくりこない、コピペで実装できて使い回すことも出来る完璧な解決策を提示してくれ！ こんな要望に応える記事になります。 本記事では、WordPressで特定の固定ページの本文だけ取得する方法について解説しています。初心者でも簡単に実装できる方法で解説しているので是非参考にしてみてください。 「多機能かつ自由なサイトの実現」 固定ページの本文だけ取得する：３パターン用意 WordPressを使ってWEB制作をしていると、「このページに固定ページの内容（本文）を表示させたい」、なんて事がよくあります。 そんな時に使えるコードを用意しました、使い分けることができるように３パターン載せてありますので選んで使ってみてください。 たった２行で本文取得【コピペOK】 ただ本文を取得して表示させるだけなら下記のコードでOKです、取

記事の自動保存のメリットとデメリット WordPressでは記事を編集していると自動で保存してくれる機能がデフォルトで有効になっています。 どれだけ自動保存されたかはリビジョン回数として確認することが可能（上記画像）、リビジョンとして保存されたデータを使ってバージョン管理することができます（復元できる） そもそも自動保存をデフォルトで有効にするメリットって何でしょうか？デメリットについても考えてみましょう。 メリットはバックアップだけ【安心】 実は自動保存を有効にするメリットはバックアップ機能として使えるだけ。 おっちょこちょいな方にはかなりオススメかもしれません、でもメリットはこれだけなんですよね。 デメリットはDBの肥大化【ヤバすぎ】 デメリットは何かというとサイトが重くなることです。自動保存されたデータはどこへいくのか考えれば分かる事、当たり前ですがデータベースに保存されています。

そもそもPWAって何？【導入サイト紹介】 PWAとは「Progressive Web Apps」の略でして、簡単に言うとWEB（アプリ）とネイティブアプリ（スマホアプリ）の良い部分をいいとこどりする仕組みのことです。 ネイティブアプリ メリット１：読み込みが早い メリット２：オフラインでも使える デメリット：使用するためにはインストールしないといけない WEBサイト（WEBアプリ） メリット：インストールが不要（アクセスするだけで使える） デメリット１：ネット回線によって読み込み時間が左右される デメリット２：オフラインで使えない（機内モード等） 上記はほんの一部ですが、それぞれ良い所と悪いところがあることが分かります、そこで、「それぞれのメリットだけを合わせ持ったものは最強じゃない？」ってのがPWAの考え方なわけです。 導入例の紹介 百聞は一見に如かずってことで実際にPWA化されたサイト

ワードプレスを勉強しろ！って言うけどどうやって学べばいいのかよく分からない、とりあえずローカル環境を構築して管理画面からカスタマイズはできた、といっても本やサイト通りにやっただけなんだけどね(;^ω^) こんなニーズに答える記事になります。 WordPressの学び方（勉強手順）が分からない方に向けて書きました、私自身も仕事でワードプレスをカスタマイズして使う機会があるので、割と有益な情報を提供できるのかなと思います。 本気でWordPressを学びたい人だけ読んでください、私も本気で解説させていただきます。

本記事を書いている私は現在WEB系の会社に勤めているわけですが、プログラミングの入りはグダグダだったことをよく覚えています。 今思えば時間の使い方が下手くそだったなと思います、そんな私の経験を基に他の人に有益な情報をシェア出来たらなと思い本記事を書きました。 これって今でもよくあるパターンでして、「HTMLはプログラミングじゃないよ」とかいうのはここでは捨てておきましょう。 HTMLは簡単に書けて直感的に理解できる言語なので初心者の方にはオススメですが、「なぜHTMLを勉強するのか？」についてはしっかりと理解しておくべき。 ここがあやふやだと永遠とHTMLを勉強することになります、そこが目的ではないはずです。 HTMLを勉強する目的でよくあるパターンを3つほど挙げてみます。 HTMLのスキルが必要な職に就く プログラミングの第一歩として 個人的に必要だから １番と２番に当てはまる方は本記事

プログラミングを独学するなら「javascript（js）」って皆言うけど、個人的に結構難しくて学習ハードル高そう、大丈夫かな。書き方も複雑でいまいちピンとこないし、どうしよう。 その気持ちとても分かります。 javascriptが難しいと感じたなら一旦そこでストップしましょう。「なぜ難しいのか」「なぜ出来ないのか」を考え乗り越える事も大切ですが挫折してしまったら元も子もありません。 とはいえ何か一つ学んでいかないと前には進めません。そんな時にオススメしたいのが「jQuery」です、jQueryはjavascriptのライブラリで学習コストはこっちの方が低いです。 ということで今回は、javascriptが難しいと感じた方にjQueryをオススメする理由を、勉強方法を公開しながら解説していきたいと思います。 jQueryとは？【javascriptライブラリ】 jQueryについてはwik

ワードプレスにあるデフォルトの「投稿」だけだと足りない時って多いと思います、そんな時に活躍するのが「カスタム投稿」。本記事では、カスタム投稿を自作して追加する方法について解説してみたいと思います。 「カスタム投稿」について【基礎知識】 「カスタム投稿」とは、ワードプレスにデフォルトで用意されている「投稿(post)」とは別に用意した投稿タイプのこと、下記のスクショを見てもらえれば分かりやすいと思います。 一番上の「投稿」のすぐ下にある「お知らせ」「カスタム」「ブログ」がカスタム投稿にあたります、定番なもので言えば「お知らせ」と「新着情報」ですかね、普通のブログ記事（投稿）とは別の役割で記事を作成したい時に別々で管理したい時によく使います。 ってこで今回はカスタム投稿タイプ「お知らせ」を実装し、コードを公開しながら解説したいと思います。 カスタム投稿タイプを作成する方法【コピペ＋編集】 プラ

大丈夫です、使うだけで効果のあるタスク管理ツールが存在します、タスク管理術は余裕が出てから学べばOK。 今回は、使うだけで効果のある神ツール「Trello」について紹介したいと思います。 目次 タスク管理ツール「Trello(トレロ)」のススメ【最強です】 ①-1:Trello(トレロ)の導入【2ステップでOK】 Trello(トレロ)の使い方【基本的な操作】 ②-1:「ボード」の作成 ②-2:「リスト」の作成 ②-3:「カード」の作成 ②-4:タスク管理【基礎】 Trello(トレロ)使いこなし術【超便利】 ③-1:ボード名を「メンバー」としてアサイン管理 ③-2:ボード名を「ゲーム」として趣味の管理 ③-3:ボード名を「学習」として独学の手助けに ③-4:ボード名を「備忘録」としてメモ代わりに ③-5:ボード名を「教室」として講師支援に ③-6:ボード名を「掲示板」として情報の共有化

jQueryのライブラリ読み込ませるの忘れてた！ってスクリプト自体忘れたわ。いちいちググるのめんどくせーから記事で残しとこ、初心者の方にはきっと需要があるはず。 jQueryの最新バージョンは3.7.1となっています、GoogleのCDN経由で読み込ませるスクリプトを置いておきますのでご自由にご利用ください。3.7.1の部分を変えることで他のバージョンへの切り替えも可能です。

内部リンクのクリック率を上げるために、WordPressにもブログカードを実装しようと思う、イメージとしてははてなブログにあるお洒落なリンク、ってことでプラグインに頼らず簡単に作れる方法ってない？、、、あ、メンドクサイのは勘弁してね。 この記事では、WordPressで内部リンクのブログカード化を誰でも簡単に実装する方法（作り方）を解説しています。はてなブログみたいなお洒落なブログカードを簡単に作りたい方は参考にどうぞ、抜粋文表示も可能でサイトも重たくなりませんよ。

リビジョンを削除してサイトを軽くしたい、手順を解説しているサイトはあるけどなんかめんどくさそう。1クリックで誰でもできる簡単な方法を教えてよ こんなニーズに答えます。 本記事では、wordpressで記事編集の際に保存されるリビジョンデータの削除方法について解説しています、初心者の方やめんどくさがりの人でも出来るやり方で解説しているのでご安心ください。 なぜリビジョンを削除しようと思ったのか？ そもそもなぜリビジョンを削除しようと思ったのか？ おそらくリビジョンの数がすごいことになっている事に気付いたか、削除することでサイトを軽くできることを知ったかでしょう。 ということであれば、これを機会にリビジョンについて理解を深めておくべきです、リビジョンを削除したところでまた同じことを繰り返しては意味がありませんので。 根本的な問題を見直す リビジョンは削除してもまた同じように増えていきます、記事