Tutorial - Publish Post To WordPress Using Stackedit [Bahasa]

in #utopian-io7 years ago

Title: Tutorial - Publish Post To WordPress Using Stackedit
Summary: I will explain the entire menu functions and features Stackedit and how did publish post to WordPress by using Stackedit
Language: Indonesia


Kehadiran markdown editor telah banyak membantu para pengguna yang membutuhkan aktivitas membuat konten berupa tulisan. Beberapa aplikasi markdown editor hadir dengan bermacam-macam fitur yang ditawarkan. Dan para developer aplikasi juga tidak berhentin-hentinya menciptakan karya-karya baru untuk penyempurnaan aplikasi markdown editor.

Kebanyakan aplikasi markdown editor selalu membutuhkan proses installasi sehingga pengguna dapat menggunakannya. Bagi sebagian pengguna hal ini dianggap kurang praktis karena setiap menggunakan laptop/desktop yang berbeda harus selalu melakukan proses installasi. Saya dapat menangkap atas apa yang diinginkan oleh para pengguna markdown editor, mereka membutuhkan sebuah aplikasi yang instan tanpa harus melakukan installasi dan dapat di gunakan pada perangkat desktop / laptop mana saja.


Sumber Image

Setelah membaca beberapa artikel terkait markdown saya menemukan sebuah aplikasi markdown editor yang dapat digunakan secara instan dan memiliki banyak fitur menarik. Aplikasi tersebut dikenal dengan nama Stackedit, bagi saya aplikasi ini sangat baik karena beberapa fitur yang ditawarkan tidak ditemui pada aplikasi markdown editor lainnya


Pengenalan Stackedit

Stackedit adalah sebuah aplikasi yang berbasis web dan bersifat open source. Apalikasi ini cukup sekali saja digunakan secara online maka untuk seterusnya dapat digunakan secara offline tanpa harus melakukan proses intstallasi. Jadi apa yang diinginkan oleh sebagian pengguna sudah terjawab dengan aplikasi Stackedit.

Secara umum tampilan dari aplikasi Stackedit sangat menarik, bahkan jika diperhatikan sepintas mirip dengan aplikasi-aplikasi desktop lainnya. Menu yang disediakan juga tidak membuat pengguna kebingungan dalam mencoba menggunakannya.

Aplikasi Stackedit memiliki menu pada bagian atas aplikasi. Beberapa fungsi standar dari markdown editor seperti fungsi Toggle Explorer, Undo, Redo, Bold, Italic, Heading, Unordered List, Ordered List, Table, Blockqoute, Code, Link, Image, dan Horizontal Rule. Selain itu pada menu bar bagian kiri terdapat empat menu; Title, Synchronize Now, Publish Now, dan Toggle Sidebar

Toggle Explorer

Untukt Menu Toggle Explorer memiliki sub menu New File, New Folder, Remove, dan Edit seperti yang terlihat pada gambar dibawah ini.

  • Menu New File

  • Menu ini berfungsi untuk membuat file baru yang akan digunakan, untuk menggunakan menu ini cukup lakukan klik pada icon new file kemudian silahkan beri nama file seperti yang terlihat pada gambar di bawah ini

  • Menu New Folder

  • Untuk memmudahkan pengelolaan file, maka pada aplikasi Stackedit juga disediakan fitur new folder. Untuk membuat folder baru maka lakukan klik pada menu new folder berikan nama folder dan tekan enter.

    Untuk dapat memasukkan file ke dalam folder, maka terlebih dahulu harus dilakukan create new folder, kemudia lakukan pembuatan file baru. Silhakan perhatikan gambar dibawah ini

  • Menu Remove

  • Semua file dan folder yang sudah dibuat dapat dihapus dengan cara melakukan klik pada file atau folder yang ingin dihapus kemudian klik menu remove. Semua file dan folder akan masuk kedalam folder trash, selanjutnya akan terhapus secara permanen setelah file atau folder tidak digunakan selama tujuh hari

  • Menu Rename

  • Jika kebetulan ada file atau folder yang ingin di edit maka bisa dilakukan dengan cara melakukan klik pada file atau folder yang ingin dilakukan edit penamaan kemudian klik pada menu rename

    Menu Undo dan Redo

    Untuk menu undo dan redo penggunaannya sama dengan penggunaan pada aplikasi lainnya. Fungsi undo adalah untuk kembali pada kondisi sebelumnya, sedangkan fungsi redo adalah untuk kembali pada kondisi sesusahnya.

    Menu Bold, Italic, Strikethrough, dan Header

    Untuk melakukan format tulisan seperti bold, italic, Strikethrough, dan Header dapat dilakukan dengan cara lebih dulu melakukan klik pada menu kemudian entry kata atau kalimat yang ingin dilakukan format. Perhatikan gambar dibawah ini.

    Menu Unordered dan Ordered

    Untuk membuat list atau daftar urut yang tidak menggunakan nomor maka dapat digunakan melalui menu Menu Unordered List. Silahkan klik pada icon Unordered List kemudian tuliskan kata atau kalimat yang di ingingkan. Sedangkan untuk membuat ordered list atau list yang menggunakan nomor urut juga dapat dilakukan dengn cara yang sama namun hanya berbeda menu saja seperti yang terlihat pada gambar berikut ini

    Menu Table

    Jika ingin membuat table maka dapat dilakukan dengan cara klik menu tabel. Bila ingin menambahkan kolom atau baris dari tabel maka silahkan lakukan copy paste. Perhatikan gambar di bawah ini

    Menu Blockqoute

    Menu Blockqoute ini dibutuhkan jika ingin menambahkan kutipan, maka untuk melakukannya lakukan klik pada menu Blockqoute kemudian tuliskan kalimat yang dikutip.

    Menu Code

    Fungsi menu code ini adalah untuk menampilkan kode, biasanya post yang menjelaskan tentang development aplikasi tertentu selalu melampirkan kode pemograman. Untuk menggunakan fungsi ini cukup lakukan klik pada menu code seperti dibawah ini

    Menu Link

    Fungsi menu link adalah untuk menyisipkan url laman tertentu dalam sebuah post. Untuk menggunakan menu ini silahkan klik menu link kemudian akan muncul jendela dan masukkan url yang akan disisipkan pada postingan.

    Menu Image

    Fungsi menu image adalah untuk menambahkan image atau gambar. Cara menggunakan menu image adalah dengan cara klik pada icon menu image dan masukkan link gambar yang akan digunakan.

    Menu Horizontal Rule

    Menu Horizontal rule berfungsi untuk membuat garis lurus seperti yang terlihat pada gambar dibawah ini. Untuk membuat garis lurus silahkan klik menu horizontal rule.

    Sidebar Menu

    Pada bagian sidebar terdapat menu-menu penunjang dari aplikasi Stackedit. Untuk dapat melihat menu-menu tersebut hanya membutuhkan klik pada tombol toggle sidebar maka akan muncul sebuah sidebar yang berisi menu; Sign in With Google, Workspace, Synchronize, Publish, File History, File Properties, Table of Content, Mardown Cheat Sheet, Export to Disk, Import Form Disk, Print dan More.

  • Menu Sign in With Google

  • Menu ini berfungsi untuk melakukan sinkronisasi file dan folder pada Google Drive. Cara melakukannya cukup klik pada menu Sign in With Google, kemudian lakukan login ke akun google.

  • Menu Workspace

  • Menu Workspace berfungsi untuk melakukan pengaturan dan penyuntingan workspace.

  • Menu Synchronize

  • Fungsi dari menu ini adalah untuk melakukan sinkronisasi dengan cloud, pada saat ini hanya baru tersedia google drive dan dan dropbox. Dan untuk sinkronisasi ke github.com juga dapat dilakukan melalui aplikasi Stackedit ini.

  • Menu Publish

  • Untuk melakukan publish, Stackedit saat ini dapat dilakukan pada enam media; Google Drive, Dropbox, Github, WordPress, Blogger, dan Zendesk.

  • Menu File History

  • Menu ini berfungsi untuk melihat history sebuah file, dan perubahan yang telah dilakukan pada file tersebut.

  • Menu File Properties

  • Menu File Properties berfungsi untuk melihat properties file yang digunakan. Untuk melihat properties ini silahkan klik pada menu File Properties, maka akan terlihat sebuah jendela dengan pilihan current dan default properties.

  • Menu Table of Content

  • Menu table of content memiliki fungsi untuk memperlihatkan konten post dalam bentuk table.

  • Menu Markdown Cheat Sheet

  • Untuk melihat code markdown untuk yang dapat digunakan pada aplikasi Stackedit ini. Silahkan klik menu Markdown Cheat Sheet maka seluruh code markdown akan terlihat dalam bentuh contoh yang sangat mudah dipahami.

  • Menu Export to Disk

  • Menu ini berfungsi untuk melakukan export file ke storage internal / hardisk. Ada empat jenis file yang dapat di export namun dua diantaranya tidak dapat digunakan karena dalam status terkunci dan hanya dapat digunakan oleh user sponsor

  • Menu Import From Disk

  • Stackedit juga dapat melakukan import file yang disimpan pada media hardisk

  • Menu Print

  • Untuk melakukan print sebuah tulisan yang sudah dibuat maka silahkan klik tombol print dan lakukan proses cetak seperti hal biasanya.

  • Menu More

  • Melalui menu ini dapat dilakukan setting lanjutan, template, reset aplication, export dan import workspace backup.

  • Untuk melakukan setting disini harus dengan memasukkan kode pemograman, pada saat menu setting di klik akan muncul jendela dengan pilihan custom settings dan default settings
  • Sedangkan untuk template digunakan pada saat melakukan publish post. Telah disediakan lima template yang dapat digunakan. Perubahan template juga dilakukan dengan memasukkan code pemograman
  • Untuk menu reset application berfungsi untuk melakukan reset aplikasi keseluruhan dan melakukan penghapusan terhadap seluruh workspace yang sudah digunakan
  • Menu Export Workspace Backup berfungsi untuk membuat file backup workspace yang akan di simpan pada internal storage
  • Sedangkan Menu Import Workspace Backup berfungsi untuk mengembalikan workspace yang sudah terbackup dan telah tersimpan dalam file backup sebelumnya
  • Untuk menu about stackedit akan menampilkan rincian prodcut dan privacy policy. Sedangkan menu wellcome adalah sebuah file yang dapat diakses atau dibuka dengan menggunakan stckedit dan berisi code markdown yang dapat digunakan. Selanjutnya menu stackedit 4, jika menu ini diakses maka akan terbuka jendela browser baru yang membuat stackedit dalam bentuk editor.
  • Toggle View

    Sedangkan pada bagian tengah antara jendela editor dan preview miliki enam menu tambahan seperti; Toggle Navigation Bar, Toggle Side Preview, Reader Mode, Toggle Focus Mode, Toggle Scroll Sync, dan Toggle Status Bar.

    Status Bar

    Dan ada satu lagi fitur yang jarang dimiliki oleh markdown editor lainnya yaitu menghitung jumlah kata, paragraf, dan karakter html serta besar file markdown. Pada aplikasi Stackedit angka-angka ini dapat dilihat pada status bar yang berada pada bagian bawah aplikasi.


    Melakukan Publish Post WordPress Melalui Stackedit

    Setelah mengenali tampilan, menu dan fungsi menu yang disediakan, sekarang saya akan menunjukkan cara bagaimana melakukan publish post ke blog wordpress.

  • Klik menu toggle side bar kemudian pilih publish
  • Klik pada add worpress account, lakukan login ke aplikasi wordpress sebagimana biasa dilakukan.
  • Ketika muncul notifikasi permission aplikasi stackedit akan terkoneksi ke Wordpress maka pilih approve
  • Selanjutnya klik Publish to WordPress, kemudian masukkan site domain WordPress sperti gambar dibawah ini selanjutnya klik tombol Ok
  • Sampai disini proses publish post ke blog WordPress sudah selesai, post secara otomatsi akan terkirim ke WordPress.


    Hasil Publish Post Pada WorPress

    Berikut ini adalah tampilan post yang berhasil dikirimkan ke blog WordPress dengan menggunakan aplikasi Stackedit.


    Selamat mencoba dan semoga bermanfaat



    Posted on Utopian.io - Rewarding Open Source Contributors

    Sort:  

    Upvoted on behalf of the dropahead Curation Team!

    Thanks for following the rules.

    DISCLAIMER: dropahead Curation Team does not necessarily share opinions expressed in this article, but find author's effort and/or contribution deserves better reward and visibility.

    Help us giving you bigger upvotes by:

    Upvote this comment!
    Upvote the latest dropahead Daily Report!
    Join the dropahead Curation Trail
    to maximize your curation rewards!
    Vote dropahead Witness with SteemConnect
    Proxy vote dropahead Witness
    with SteemConnect
    Delegate/donate STEEM POWER to @dropahead
    Do the above and we'll have more STEEM POWER to give YOU bigger rewards next time!

    News from dropahead: Bye bye 25+ and 50+! Welcome 20+ 40+ and 60+!

    Quality review from the dropahead Curation Team

    According to our quality standards(1), your publication has reached an score of 90%.

    Congratulations for your excellent work!


    (1) dropahead Witness' quality standards:

    - Graphic relation to the text (Choice of images according to the text)
    - Organization and coherence
    - Personal sense of the text (Logic, complexity, understanding, what makes it interesting for the reader)

    Mantap bg

    Bereh bereh. Lanjutkan

    Thank ilmu nya ..... mantap

    artikelnya sangat menarik.....

    Saya tidak begitu mengerti wodpress tapi kupikir ini tilisam bagus bagi yg berhubungan dgnnya.

    Thank you for the contribution. It has been approved.

    You can contact us on Discord.
    [utopian-moderator]

    Hey @dodybireuen I am @utopian-io. I have just upvoted you!

    Achievements

    • WOW WOW WOW People loved what you did here. GREAT JOB!
    • Seems like you contribute quite often. AMAZING!

    Suggestions

    • Contribute more often to get higher and higher rewards. I wish to see you often!
    • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

    Get Noticed!

    • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

    Community-Driven Witness!

    I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

    mooncryption-utopian-witness-gif

    Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

    Apa kabar @dodybireuen? Congratulations! Tulisan anda masuk peringkat 10 kategori Tulisan Dengan Upvote Terbanyak, di 10 Besar Tulisan Hari Ini di https://steemit.com/peringkat/@puncakbukit/10-besar-tulisan-hari-ini-senin-1-januari-2018 ..

    Coin Marketplace

    STEEM 0.18
    TRX 0.18
    JST 0.033
    BTC 88099.99
    ETH 3066.40
    USDT 1.00
    SBD 2.73